/* Live Trivia · Cut & Paste phone skin (owner decision 2026-10-05; the
   canvas's Scrapbook 3 · Cut & Paste boards P1–P7). Scoped to
   #trivia-content.pop-quiz.ltd-cutAndPaste and layered on the shared Pop Quiz
   structure: a photocopied collage zine of cut and torn paper, ransom-note
   letters (cut-and-paste.js builds them, for the design's own words only),
   halftone dots, marker strokes and label-maker tape.

   Every cut and tear is the mockups' seeded generator, precomputed (the
   --cap-* polygons below), so each phone draws the same paper. The fonts are
   self-hosted (licences in /fonts/) and named only here, so no other phone
   downloads them. The paper colour lives on this in-flow panel, never on
   html/body or a fixed element (the iOS 26 rule). */

@font-face { font-family: 'Sidekick Trivia Archivo'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/sidekick-trivia-archivo-medium-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Archivo'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/sidekick-trivia-archivo-semi-bold-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Archivo'; font-style: normal; font-weight: 800; font-display: swap; src: url('/fonts/sidekick-trivia-archivo-extra-bold-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Archivo'; font-style: normal; font-weight: 900; font-display: swap; src: url('/fonts/sidekick-trivia-archivo-black-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Archivo Condensed'; font-style: normal; font-weight: 800; font-display: swap; src: url('/fonts/sidekick-trivia-archivo-condensed-extra-bold-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Archivo Condensed'; font-style: normal; font-weight: 900; font-display: swap; src: url('/fonts/sidekick-trivia-archivo-condensed-black-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Anton'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/sidekick-trivia-anton-regular-v1.woff2') format('woff2'); }
@font-face { font-family: 'Abril Fatface'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/abril-fatface-regular-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Rubik Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/sidekick-trivia-rubik-mono-regular-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Special Elite'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/sidekick-trivia-special-elite-regular-v1.woff2') format('woff2'); }

/* The pieces cut-and-paste.js adds show only in this design. */
.cap-only { display: none; }

#trivia-content.pop-quiz.ltd-cutAndPaste {
    --cap-ink: #111111; --cap-paper: #EDEAE2; --cap-white: #FFFFFF;
    --cap-pink: #FF3D9A; --cap-yellow: #FFE600; --cap-blue: #2D5BFF; --cap-sky: #4D8DFF; --cap-mint: #32D38E;
    --cap-copy: #D6D2C8; --cap-copy-ink: #5E5A53;
    --cap-anton: 'Sidekick Trivia Anton', 'Anton', Impact, sans-serif;
    --cap-abril: 'Abril Fatface', Georgia, serif;
    --cap-archivo: 'Sidekick Trivia Archivo', 'Archivo', system-ui, sans-serif;
    --cap-condensed: 'Sidekick Trivia Archivo Condensed', 'Archivo Narrow', system-ui, sans-serif;
    --cap-rubik: 'Sidekick Trivia Rubik Mono', 'Rubik Mono One', system-ui, sans-serif;
    --cap-elite: 'Sidekick Trivia Special Elite', 'Courier New', monospace;
    --cap-paste: cubic-bezier(0.3, 1.45, 0.55, 1);
    --cap-fall: cubic-bezier(0.55, 0, 0.75, 0.2);
    --cap-dots-dark: radial-gradient(circle, rgba(0,0,0,0.12) 0 32%, transparent 36%) 0 0 / 10px 10px;
    --cap-dots-light: radial-gradient(circle, rgba(0,0,0,0.05) 0 32%, transparent 36%) 0 0 / 8px 8px;

    --cap-answer-0: polygon(0.48% 0.94%, 53.97% 0.87%, 98.20% 1.97%, 100.52% 98.84%, 38.89% 99.83%, 1.29% 99.74%);
    --cap-answer-1: polygon(1.35% -0.20%, 54.35% 0.72%, 99.44% 0.93%, 99.95% 98.27%, 39.44% 99.44%, -0.51% 100.07%);
    --cap-answer-2: polygon(-0.19% 1.05%, 54.74% 0.56%, 98.27% -0.10%, 99.38% 100.09%, 39.99% 99.05%, 0.10% 98.01%);
    --cap-answer-3: polygon(0.67% -0.09%, 55.12% 0.41%, 99.51% 1.27%, 98.81% 99.51%, 40.54% 98.67%, 0.70% 98.34%);
    --cap-answer-4: polygon(1.53% 1.17%, 55.50% 0.25%, 98.35% 0.23%, 98.23% 98.93%, 41.09% 100.68%, 1.31% 98.67%);
    --cap-letter-0: polygon(-0.21% -1.65%, 55.87% -1.70%, 100.65% -0.70%, 102.02% 99.66%, 39.03% 101.68%, -1.88% 97.78%);
    --cap-letter-1: polygon(1.19% -0.39%, 55.71% -1.18%, 98.76% 1.52%, 99.54% 101.84%, 39.15% 101.05%, -2.46% 98.32%);
    --cap-letter-2: polygon(2.58% 0.87%, 55.56% -0.65%, 96.88% 3.73%, 97.06% 97.01%, 39.26% 100.42%, 3.97% 98.86%);
    --cap-letter-3: polygon(3.98% 2.12%, 55.40% -0.13%, 102.00% -1.05%, 101.57% 99.19%, 39.38% 99.79%, 3.39% 99.40%);
    --cap-letter-4: polygon(-1.63% 3.38%, 55.24% 0.40%, 100.12% 1.16%, 99.09% 101.36%, 39.49% 99.16%, 2.82% 99.94%);
    --cap-title: polygon(0.39% 0.38%, 54.21% -0.27%, 99.58% 1.50%, 99.53% 98.99%, 39.22% 99.07%, 0.68% 99.65%);
    --cap-joinBtn: polygon(0.32% 0.64%, 54.54% 0.99%, 99.66% 1.39%, 98.69% 99.21%, 39.54% 99.10%, 1.35% 99.63%);
    --cap-question: polygon(1.12% 0.45%, 54.95% 0.40%, 99.06% 0.44%, 99.08% 98.63%, 39.85% 99.46%, 0.66% 99.29%);
    --cap-clock: polygon(99.53% 50.00%, 97.95% 62.85%, 90.84% 73.58%, 85.21% 85.21%, 73.91% 91.41%, 62.35% 96.09%, 50.00% 97.88%, 37.26% 97.56%, 25.03% 93.25%, 16.03% 83.97%, 7.44% 74.57%, 2.60% 62.70%, 1.46% 50.00%, 2.86% 37.37%, 7.25% 25.32%, 16.34% 16.34%, 25.27% 7.17%, 37.30% 2.60%, 50.00% 0.50%, 62.77% 2.33%, 74.72% 7.19%, 84.98% 15.02%, 93.07% 25.13%, 97.05% 37.39%);
    --cap-youreIn: polygon(0% 0.13%, 2.5% 0.18%, 5% 0.09%, 7.5% 0.02%, 10% 0.01%, 12.5% 1.67%, 15% 2.82%, 17.5% 0.17%, 20% 2.99%, 22.5% 0.78%, 25% 1.90%, 27.5% 2.31%, 30% 1.15%, 32.5% 0.47%, 35% 0.87%, 37.5% 2.18%, 40% 0.10%, 42.5% 2.92%, 45% 2.11%, 47.5% 2.07%, 50% 0.71%, 52.5% 2.21%, 55% 1.61%, 57.5% 1.50%, 60% 0.72%, 62.5% 2.98%, 65% 0.53%, 67.5% 1.89%, 70% 1.42%, 72.5% 2.06%, 75% 0.97%, 77.5% 1.19%, 80% 1.33%, 82.5% 2.20%, 85% 0.54%, 87.5% 2.59%, 90% 0.85%, 92.5% 0.71%, 95% 1.09%, 97.5% 1.16%, 100% 2.96%, 98.91% 2.5%, 98.62% 5%, 97.47% 7.5%, 99.17% 10%, 97.25% 12.5%, 99.32% 15%, 98.44% 17.5%, 99.46% 20%, 98.34% 22.5%, 98.46% 25%, 98.02% 27.5%, 99.28% 30%, 97.99% 32.5%, 97.66% 35%, 97.90% 37.5%, 98.78% 40%, 97.15% 42.5%, 98.94% 45%, 99.58% 47.5%, 98.22% 50%, 98.16% 52.5%, 99.13% 55%, 99.64% 57.5%, 97.30% 60%, 99.19% 62.5%, 97.14% 65%, 98.11% 67.5%, 98.50% 70%, 98.49% 72.5%, 99.35% 75%, 98.83% 77.5%, 99.42% 80%, 99.76% 82.5%, 98.91% 85%, 98.70% 87.5%, 98.10% 90%, 97.49% 92.5%, 98.07% 95%, 99.10% 97.5%, 100% 99.34%, 97.5% 99.27%, 95% 98.53%, 92.5% 97.19%, 90% 98.07%, 87.5% 98.14%, 85% 98.79%, 82.5% 99.21%, 80% 99.67%, 77.5% 99.91%, 75% 98.43%, 72.5% 98.87%, 70% 99.28%, 67.5% 97.50%, 65% 97.50%, 62.5% 98.66%, 60% 98.16%, 57.5% 97.30%, 55% 99.79%, 52.5% 99.16%, 50% 97.02%, 47.5% 98.43%, 45% 99.25%, 42.5% 98.42%, 40% 99.33%, 37.5% 97.18%, 35% 97.24%, 32.5% 98.24%, 30% 97.70%, 27.5% 98.23%, 25% 99.90%, 22.5% 99.56%, 20% 97.15%, 17.5% 97.07%, 15% 98.51%, 12.5% 98.74%, 10% 97.50%, 7.5% 99.30%, 5% 98.75%, 2.5% 99.93%, 0% 97.68%, 1.06% 97.5%, 2.88% 95%, 1.60% 92.5%, 1.95% 90%, 0.18% 87.5%, 2.79% 85%, 2.16% 82.5%, 2.22% 80%, 1.14% 77.5%, 2.95% 75%, 1.26% 72.5%, 0.90% 70%, 2.57% 67.5%, 1.54% 65%, 0.32% 62.5%, 2.26% 60%, 1.32% 57.5%, 0.64% 55%, 0.28% 52.5%, 1.84% 50%, 0.13% 47.5%, 0.88% 45%, 1.35% 42.5%, 0.03% 40%, 2.30% 37.5%, 1.10% 35%, 1.59% 32.5%, 2.80% 30%, 2.35% 27.5%, 0.05% 25%, 0.63% 22.5%, 0.34% 20%, 2.68% 17.5%, 0.03% 15%, 2.32% 12.5%, 1.71% 10%, 2.26% 7.5%, 0.55% 5%, 1.41% 2.5%);
    --cap-nameChip: polygon(-0.04% 1.59%, 55.65% -0.16%, 100.10% 1.14%, 99.34% 100.04%, 40.60% 99.08%, 0.04% 99.67%);
    --cap-wait: polygon(0.23% 1.15%, 55.18% 0.30%, 99.79% 1.17%, 100.15% 99.62%, 40.16% 99.18%, 1.05% 99.55%);
    --cap-lock: polygon(0% 1.35%, 2.5% 2.22%, 5% 0.89%, 7.5% 1.92%, 10% 0.73%, 12.5% 0.91%, 15% 1.96%, 17.5% 0.63%, 20% 1.05%, 22.5% 0.06%, 25% 0.53%, 27.5% 2.33%, 30% 2.02%, 32.5% 1.42%, 35% 0.93%, 37.5% 1.64%, 40% 1.91%, 42.5% 0.26%, 45% 2.32%, 47.5% 0.59%, 50% 1.31%, 52.5% 0.27%, 55% 0.87%, 57.5% 0.30%, 60% 1.27%, 62.5% 1.33%, 65% 0.61%, 67.5% 1.54%, 70% 0.60%, 72.5% 0.85%, 75% 2.07%, 77.5% 2.06%, 80% 2.02%, 82.5% 1.45%, 85% 1.91%, 87.5% 0.31%, 90% 0.70%, 92.5% 1.16%, 95% 1.54%, 97.5% 0.81%, 100% 0.80%, 98.11% 2.5%, 99.61% 5%, 98.16% 7.5%, 97.63% 10%, 99.58% 12.5%, 99.53% 15%, 98.43% 17.5%, 98.09% 20%, 99.91% 22.5%, 99.49% 25%, 98.93% 27.5%, 98.29% 30%, 99.83% 32.5%, 98.72% 35%, 98.47% 37.5%, 98.44% 40%, 98.84% 42.5%, 99.47% 45%, 99.12% 47.5%, 98.30% 50%, 97.86% 52.5%, 98.48% 55%, 98.50% 57.5%, 99.87% 60%, 97.90% 62.5%, 98.44% 65%, 99.67% 67.5%, 98.80% 70%, 99.52% 72.5%, 98.69% 75%, 97.77% 77.5%, 98.34% 80%, 98.31% 82.5%, 98.62% 85%, 98.69% 87.5%, 99.93% 90%, 97.93% 92.5%, 99.59% 95%, 97.76% 97.5%, 100% 99.52%, 97.5% 97.62%, 95% 98.00%, 92.5% 99.98%, 90% 99.00%, 87.5% 99.64%, 85% 98.31%, 82.5% 97.91%, 80% 99.29%, 77.5% 98.31%, 75% 98.16%, 72.5% 98.34%, 70% 98.99%, 67.5% 98.75%, 65% 98.20%, 62.5% 99.34%, 60% 98.68%, 57.5% 97.86%, 55% 98.36%, 52.5% 99.35%, 50% 98.73%, 47.5% 99.85%, 45% 99.75%, 42.5% 99.80%, 40% 98.02%, 37.5% 98.90%, 35% 97.68%, 32.5% 99.06%, 30% 98.18%, 27.5% 98.57%, 25% 99.57%, 22.5% 99.00%, 20% 99.06%, 17.5% 98.55%, 15% 97.97%, 12.5% 98.16%, 10% 99.80%, 7.5% 98.87%, 5% 99.66%, 2.5% 99.93%, 0% 98.31%, 2.23% 97.5%, 2.07% 95%, 2.32% 92.5%, 1.32% 90%, 2.40% 87.5%, 1.60% 85%, 1.00% 82.5%, 2.06% 80%, 0.54% 77.5%, 2.27% 75%, 2.04% 72.5%, 0.15% 70%, 1.34% 67.5%, 0.95% 65%, 1.41% 62.5%, 1.61% 60%, 2.19% 57.5%, 0.54% 55%, 1.67% 52.5%, 1.96% 50%, 0.93% 47.5%, 0.12% 45%, 1.26% 42.5%, 1.18% 40%, 0.37% 37.5%, 1.08% 35%, 2.29% 32.5%, 1.01% 30%, 0.03% 27.5%, 0.46% 25%, 0.64% 22.5%, 1.51% 20%, 1.49% 17.5%, 0.27% 15%, 1.72% 12.5%, 1.59% 10%, 0.90% 7.5%, 1.65% 5%, 1.74% 2.5%);
    --cap-pick: polygon(0.67% 0.62%, 56.07% -0.36%, 99.12% 0.22%, 98.81% 99.59%, 38.97% 98.67%, 0.54% 100.03%);
    --cap-pickLetter: polygon(0.66% -0.92%, 56.96% -0.50%, 98.58% -0.84%, 101.21% 99.48%, 42.33% 96.53%, -2.52% 102.17%);
    --cap-lockWait: polygon(0.83% 0.18%, 55.11% 0.53%, 98.99% 0.62%, 99.08% 99.05%, 40.20% 98.91%, 0.81% 99.78%);
    --cap-correct: polygon(0% 2.52%, 2.5% 2.33%, 5% 2.82%, 7.5% 0.92%, 10% 2.78%, 12.5% 2.46%, 15% 1.56%, 17.5% 0.90%, 20% 0.19%, 22.5% 2.70%, 25% 0.92%, 27.5% 0.23%, 30% 2.58%, 32.5% 1.10%, 35% 0.86%, 37.5% 2.45%, 40% 2.69%, 42.5% 0.31%, 45% 0.56%, 47.5% 0.94%, 50% 2.84%, 52.5% 1.17%, 55% 0.11%, 57.5% 0.69%, 60% 2.52%, 62.5% 1.43%, 65% 1.12%, 67.5% 2.86%, 70% 0.16%, 72.5% 2.37%, 75% 0.45%, 77.5% 0.55%, 80% 2.71%, 82.5% 2.53%, 85% 0.85%, 87.5% 0.37%, 90% 1.36%, 92.5% 2.31%, 95% 2.60%, 97.5% 1.17%, 100% 0.18%, 98.34% 2.5%, 99.77% 5%, 98.29% 7.5%, 98.20% 10%, 97.22% 12.5%, 97.86% 15%, 98.74% 17.5%, 98.92% 20%, 97.26% 22.5%, 98.69% 25%, 97.63% 27.5%, 98.25% 30%, 99.83% 32.5%, 98.10% 35%, 99.58% 37.5%, 97.88% 40%, 99.08% 42.5%, 97.00% 45%, 97.61% 47.5%, 99.31% 50%, 98.26% 52.5%, 97.77% 55%, 97.55% 57.5%, 99.12% 60%, 97.09% 62.5%, 98.54% 65%, 98.31% 67.5%, 97.35% 70%, 98.05% 72.5%, 97.59% 75%, 97.27% 77.5%, 97.81% 80%, 98.72% 82.5%, 98.62% 85%, 99.58% 87.5%, 97.43% 90%, 97.14% 92.5%, 99.10% 95%, 98.49% 97.5%, 100% 97.59%, 97.5% 98.13%, 95% 97.63%, 92.5% 98.70%, 90% 98.42%, 87.5% 99.61%, 85% 99.25%, 82.5% 98.71%, 80% 97.19%, 77.5% 97.96%, 75% 97.76%, 72.5% 98.10%, 70% 99.60%, 67.5% 97.32%, 65% 98.11%, 62.5% 99.92%, 60% 99.14%, 57.5% 98.96%, 55% 97.65%, 52.5% 98.96%, 50% 99.39%, 47.5% 97.56%, 45% 98.54%, 42.5% 98.17%, 40% 98.40%, 37.5% 99.63%, 35% 97.04%, 32.5% 98.91%, 30% 97.97%, 27.5% 97.74%, 25% 97.84%, 22.5% 98.32%, 20% 99.04%, 17.5% 99.94%, 15% 99.43%, 12.5% 99.68%, 10% 97.97%, 7.5% 97.04%, 5% 98.40%, 2.5% 99.67%, 0% 98.92%, 0.03% 97.5%, 2.20% 95%, 2.21% 92.5%, 2.87% 90%, 2.90% 87.5%, 1.57% 85%, 2.37% 82.5%, 0.68% 80%, 0.43% 77.5%, 2.78% 75%, 2.78% 72.5%, 0.03% 70%, 2.35% 67.5%, 1.46% 65%, 1.62% 62.5%, 2.33% 60%, 0.97% 57.5%, 0.46% 55%, 0.97% 52.5%, 2.55% 50%, 0.79% 47.5%, 2.52% 45%, 1.46% 42.5%, 0.86% 40%, 2.23% 37.5%, 1.94% 35%, 1.93% 32.5%, 1.35% 30%, 2.26% 27.5%, 2.24% 25%, 1.13% 22.5%, 0.64% 20%, 0.04% 17.5%, 2.82% 15%, 1.36% 12.5%, 2.59% 10%, 1.67% 7.5%, 2.65% 5%, 2.13% 2.5%);
    --cap-pts: polygon(1.56% 1.03%, 55.47% 0.44%, 99.95% 1.67%, 98.50% 98.52%, 40.73% 100.36%, 1.38% 98.29%);
    --cap-wrong: polygon(0% 3.00%, 2.5% 0.36%, 5% 0.37%, 7.5% 0.50%, 10% 2.14%, 12.5% 0.22%, 15% 1.91%, 17.5% 2.24%, 20% 0.82%, 22.5% 2.48%, 25% 1.92%, 27.5% 0.42%, 30% 0.46%, 32.5% 2.43%, 35% 0.26%, 37.5% 0.10%, 40% 2.01%, 42.5% 1.59%, 45% 2.65%, 47.5% 1.92%, 50% 2.66%, 52.5% 0.36%, 55% 0.40%, 57.5% 1.73%, 60% 0.48%, 62.5% 1.72%, 65% 0.03%, 67.5% 1.26%, 70% 1.10%, 72.5% 1.84%, 75% 0.95%, 77.5% 2.82%, 80% 2.38%, 82.5% 0.80%, 85% 2.11%, 87.5% 2.92%, 90% 2.06%, 92.5% 0.23%, 95% 1.70%, 97.5% 2.97%, 100% 1.42%, 97.02% 2.5%, 98.20% 5%, 99.06% 7.5%, 98.01% 10%, 97.21% 12.5%, 99.96% 15%, 99.99% 17.5%, 98.81% 20%, 97.04% 22.5%, 98.74% 25%, 98.76% 27.5%, 98.04% 30%, 98.99% 32.5%, 98.79% 35%, 98.72% 37.5%, 99.50% 40%, 97.66% 42.5%, 97.81% 45%, 99.02% 47.5%, 97.13% 50%, 97.09% 52.5%, 99.30% 55%, 98.93% 57.5%, 98.28% 60%, 99.08% 62.5%, 98.83% 65%, 97.15% 67.5%, 97.11% 70%, 98.56% 72.5%, 98.44% 75%, 98.16% 77.5%, 99.89% 80%, 97.91% 82.5%, 97.96% 85%, 98.55% 87.5%, 97.30% 90%, 98.27% 92.5%, 99.31% 95%, 98.36% 97.5%, 100% 97.84%, 97.5% 97.90%, 95% 99.85%, 92.5% 98.41%, 90% 99.09%, 87.5% 97.51%, 85% 98.74%, 82.5% 98.61%, 80% 99.09%, 77.5% 97.57%, 75% 98.23%, 72.5% 97.35%, 70% 99.67%, 67.5% 99.69%, 65% 97.03%, 62.5% 97.77%, 60% 98.74%, 57.5% 99.89%, 55% 99.63%, 52.5% 97.12%, 50% 98.67%, 47.5% 97.99%, 45% 99.60%, 42.5% 98.12%, 40% 97.61%, 37.5% 98.92%, 35% 99.99%, 32.5% 97.24%, 30% 99.83%, 27.5% 97.04%, 25% 98.62%, 22.5% 98.08%, 20% 97.02%, 17.5% 97.52%, 15% 98.41%, 12.5% 98.66%, 10% 98.67%, 7.5% 99.59%, 5% 97.73%, 2.5% 97.82%, 0% 97.36%, 1.02% 97.5%, 0.27% 95%, 0.53% 92.5%, 1.85% 90%, 2.85% 87.5%, 1.33% 85%, 0.01% 82.5%, 2.17% 80%, 0.29% 77.5%, 2.75% 75%, 2.49% 72.5%, 1.66% 70%, 2.31% 67.5%, 2.04% 65%, 0.69% 62.5%, 2.95% 60%, 2.10% 57.5%, 1.63% 55%, 2.91% 52.5%, 0.89% 50%, 2.72% 47.5%, 0.45% 45%, 2.68% 42.5%, 2.23% 40%, 2.82% 37.5%, 2.71% 35%, 1.40% 32.5%, 2.26% 30%, 2.24% 27.5%, 1.48% 25%, 0.03% 22.5%, 2.50% 20%, 0.72% 17.5%, 0.38% 15%, 1.77% 12.5%, 0.36% 10%, 1.55% 7.5%, 1.27% 5%, 1.67% 2.5%);
    --cap-wrongPts: polygon(-0.12% 1.71%, 55.84% 0.16%, 99.52% 0.18%, 98.73% 99.42%, 39.16% 100.22%, 0.05% 98.41%);
    --cap-ready: polygon(0% 0.19%, 2.5% 1.90%, 5% 1.71%, 7.5% 1.43%, 10% 1.45%, 12.5% 0.48%, 15% 1.67%, 17.5% 1.13%, 20% 2.12%, 22.5% 1.90%, 25% 1.94%, 27.5% 0.41%, 30% 0.72%, 32.5% 0.07%, 35% 1.16%, 37.5% 1.54%, 40% 1.34%, 42.5% 0.58%, 45% 0.56%, 47.5% 1.93%, 50% 2.06%, 52.5% 1.17%, 55% 0.44%, 57.5% 1.80%, 60% 1.97%, 62.5% 0.29%, 65% 0.79%, 67.5% 1.57%, 70% 0.06%, 72.5% 0.06%, 75% 0.96%, 77.5% 0.76%, 80% 0.58%, 82.5% 1.14%, 85% 0.99%, 87.5% 0.96%, 90% 0.72%, 92.5% 1.75%, 95% 2.20%, 97.5% 0.70%, 100% 1.63%, 99.49% 2.5%, 97.93% 5%, 98.35% 7.5%, 98.33% 10%, 98.97% 12.5%, 99.61% 15%, 98.10% 17.5%, 99.01% 20%, 98.75% 22.5%, 97.81% 25%, 99.45% 27.5%, 99.55% 30%, 98.86% 32.5%, 99.31% 35%, 98.63% 37.5%, 97.85% 40%, 99.97% 42.5%, 99.78% 45%, 98.58% 47.5%, 98.03% 50%, 99.60% 52.5%, 97.65% 55%, 99.70% 57.5%, 99.49% 60%, 98.85% 62.5%, 99.17% 65%, 98.46% 67.5%, 98.80% 70%, 97.85% 72.5%, 97.89% 75%, 98.88% 77.5%, 99.54% 80%, 99.20% 82.5%, 98.11% 85%, 98.43% 87.5%, 98.99% 90%, 97.87% 92.5%, 98.33% 95%, 98.64% 97.5%, 100% 99.57%, 97.5% 98.23%, 95% 99.57%, 92.5% 99.81%, 90% 99.54%, 87.5% 98.37%, 85% 99.99%, 82.5% 98.85%, 80% 98.84%, 77.5% 99.10%, 75% 99.97%, 72.5% 99.98%, 70% 98.56%, 67.5% 99.50%, 65% 98.40%, 62.5% 99.76%, 60% 98.83%, 57.5% 97.88%, 55% 99.29%, 52.5% 99.36%, 50% 99.84%, 47.5% 98.56%, 45% 97.70%, 42.5% 98.48%, 40% 98.97%, 37.5% 97.65%, 35% 99.98%, 32.5% 99.52%, 30% 98.20%, 27.5% 98.56%, 25% 99.21%, 22.5% 98.36%, 20% 98.01%, 17.5% 99.44%, 15% 99.52%, 12.5% 99.73%, 10% 99.21%, 7.5% 98.29%, 5% 97.92%, 2.5% 99.92%, 0% 98.47%, 1.21% 97.5%, 1.84% 95%, 0.95% 92.5%, 1.08% 90%, 2.25% 87.5%, 0.96% 85%, 0.27% 82.5%, 2.33% 80%, 0.17% 77.5%, 2.18% 75%, 0.67% 72.5%, 1.98% 70%, 0.63% 67.5%, 0.67% 65%, 0.17% 62.5%, 1.40% 60%, 0.93% 57.5%, 0.57% 55%, 0.70% 52.5%, 0.05% 50%, 1.75% 47.5%, 1.93% 45%, 1.43% 42.5%, 2.33% 40%, 1.29% 37.5%, 1.28% 35%, 0.91% 32.5%, 2.17% 30%, 0.58% 27.5%, 0.88% 25%, 0.79% 22.5%, 0.35% 20%, 0.84% 17.5%, 0.53% 15%, 1.58% 12.5%, 1.80% 10%, 2.40% 7.5%, 0.46% 5%, 2.35% 2.5%);
    --cap-dots-0: polygon(98.81% 50.00%, 94.68% 71.52%, 79.82% 87.40%, 60.89% 97.69%, 39.14% 97.56%, 19.09% 88.76%, 7.33% 70.55%, 1.28% 50.00%, 7.22% 29.40%, 19.84% 12.18%, 39.40% 3.55%, 60.86% 2.43%, 79.43% 13.09%, 94.88% 28.39%);
    --cap-dots-1: polygon(98.93% 50.00%, 94.24% 71.30%, 79.44% 86.92%, 61.03% 98.32%, 39.18% 97.40%, 18.97% 88.91%, 5.90% 71.24%, 1.70% 50.00%, 5.05% 28.35%, 19.88% 12.22%, 39.01% 1.84%, 60.87% 2.38%, 80.51% 11.74%, 92.48% 29.54%);
    --cap-dots-2: polygon(99.05% 50.00%, 93.79% 71.09%, 80.93% 88.79%, 60.51% 96.03%, 39.22% 97.25%, 18.85% 89.06%, 7.18% 70.62%, 2.11% 50.00%, 5.58% 28.61%, 19.91% 12.27%, 39.29% 3.06%, 60.88% 2.34%, 79.71% 12.74%, 92.78% 29.40%);
    --cap-final: polygon(97.48% 50.00%, 97.34% 60.06%, 93.77% 69.49%, 88.09% 77.67%, 82.45% 86.04%, 73.99% 91.55%, 65.22% 96.85%, 54.97% 97.33%, 44.93% 98.20%, 34.78% 96.85%, 25.04% 93.24%, 18.15% 85.38%, 10.89% 78.42%, 6.37% 69.42%, 1.43% 60.32%, 2.24% 50.00%, 2.73% 39.95%, 4.45% 29.72%, 10.57% 21.35%, 16.61% 12.92%, 25.26% 7.15%, 34.69% 2.87%, 45.01% 2.56%, 55.20% 0.51%, 64.97% 3.93%, 74.50% 7.56%, 82.76% 13.62%, 90.17% 20.81%, 94.81% 30.05%, 97.24% 39.96%);
    --cap-bar: polygon(0.97% 1.04%, 54.49% 0.83%, 99.25% 1.41%, 99.58% 99.12%, 40.56% 99.53%, 0.96% 99.24%);
    --cap-random: polygon(0.52% 1.29%, 54.79% 0.85%, 99.35% 0.02%, 98.74% 100.11%, 39.85% 98.83%, 0.21% 99.89%);

    font-family: var(--cap-archivo);
    font-weight: 900;
    color: var(--cap-ink);
    border-radius: 4px;
    /* Photocopy paper: toner grain (a seeded fractal noise, seed 8), a faint
       copier band and a darker edge. */
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cfilter id='t'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' stitchTiles='stitch' seed='8'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.45 -0.21'/%3E%3C/filter%3E%3Crect width='280' height='280' filter='url(%23t)'/%3E%3C/svg%3E") 0 0 / 280px 280px,
        linear-gradient(90deg, transparent 0 30%, rgba(0,0,0,0.04) 30.5% 31.2%, transparent 31.7%),
        radial-gradient(ellipse 90% 75% at 50% 40%, transparent 55%, rgba(0,0,0,0.14)),
        var(--cap-paper);
}
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-only { display: block; }
#trivia-content.pop-quiz.ltd-cutAndPaste .pq-display { font-family: var(--cap-archivo); font-weight: 900; }

/* ── Ransom letters (cut-and-paste.js): each pasted down one by one ── */
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-word {
    display: flex; justify-content: center; align-items: center; gap: 2px;
    filter: drop-shadow(3px 4px 0 rgba(0,0,0,0.2));
}
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-glyph {
    display: inline-block; line-height: 1; white-space: pre;
    transform: translateY(var(--dy)) rotate(var(--rot));
    animation: capPaste 0.38s var(--cap-paste) both;
    animation-delay: calc(var(--d0, 0s) + var(--n) * var(--step, 0.06s));
}
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-glyph.cap-space { animation: none; }
@keyframes capPaste {
    from { transform: translate(var(--fx), var(--fy)) rotate(var(--frot)) scale(1.6); }
    to { transform: translateY(var(--dy)) rotate(var(--rot)); }
}

/* ── Join (P1) ── */
#trivia-content.pop-quiz.ltd-cutAndPaste #trivia-lobby { text-align: left; }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-title {
    display: inline-block; margin: 26px 0 0 6px; padding: 6px 14px 8px;
    background: var(--cap-ink); color: var(--cap-white);
    font-family: var(--cap-archivo); font-weight: 900; font-size: 1.6rem; line-height: 1.05;
    border: 0; border-radius: 0; box-shadow: none; clip-path: var(--cap-title);
    transform: rotate(-2deg);
    animation: capFeed 0.5s var(--cap-paste) both;
}
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-trivia { margin: 12px 0 30px 10px; justify-content: flex-start; }
#trivia-content.pop-quiz.ltd-cutAndPaste #trivia-lobby:has(#trivia-joined-msg[style*="block"]) .trivia-title,
#trivia-content.pop-quiz.ltd-cutAndPaste #trivia-lobby:has(#trivia-joined-msg[style*="block"]) .cap-trivia { display: none; }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-name-input {
    height: 64px; margin-bottom: 22px; padding: 0 18px; text-align: left;
    background: var(--cap-white); color: var(--cap-ink);
    border: 3px solid var(--cap-ink); border-radius: 0; box-shadow: none;
    font-family: var(--cap-archivo); font-weight: 800; font-size: 1.5rem;
    transform: rotate(-0.6deg);
}
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-name-input::placeholder { color: rgba(17,17,17,0.4); }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-join-btn {
    height: 78px; border: 0; border-radius: 0; box-shadow: none; clip-path: var(--cap-joinBtn);
    background: var(--cap-dots-dark), var(--cap-yellow); color: var(--cap-ink);
    font-family: var(--cap-anton); font-weight: 400; font-size: 2.25rem; letter-spacing: 1px;
    transform: rotate(0.6deg);
    transition: transform 0.09s ease;
}
#trivia-content.pop-quiz.ltd-cutAndPaste #trivia-name-entry,
#trivia-content.pop-quiz.ltd-cutAndPaste #trivia-random-name { filter: drop-shadow(4px 5px 0 rgba(0,0,0,0.25)); }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-join-btn:active { transform: translate(3px, 4px) rotate(0.6deg) scale(0.97, 0.9); box-shadow: none; }
#trivia-content.pop-quiz.ltd-cutAndPaste #trivia-random-name { text-align: center; }
#trivia-content.pop-quiz.ltd-cutAndPaste #trivia-random-name > p { color: var(--cap-ink) !important; font-family: var(--cap-elite); font-weight: 400; }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-random-name-display {
    padding: 8px 26px 10px; background: var(--cap-white); color: var(--cap-ink);
    border: 0; border-radius: 0; box-shadow: none; clip-path: var(--cap-random);
    font-family: var(--cap-anton); font-weight: 400; font-size: 2.4rem; transform: rotate(-2deg);
}
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-reroll-btn {
    background: var(--cap-ink); color: var(--cap-white); border: 0; border-radius: 0;
    font-family: var(--cap-archivo); font-weight: 900; letter-spacing: 2px; text-transform: uppercase;
    transform: rotate(1.5deg);
}

/* You're in: a pink torn scrap with ransom letters, your name sticker, a
   typed waiting strip. */
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-waiting-joined { padding: 18px 0 8px; text-align: center; }
#trivia-content.pop-quiz.ltd-cutAndPaste .pq-joined { filter: drop-shadow(3px 4px 0 rgba(0,0,0,0.22)); }
#trivia-content.pop-quiz.ltd-cutAndPaste .pq-joined .pq-burst {
    width: min(318px, 100%); height: 220px; margin: 6px auto 0;
    flex-direction: column; gap: 14px;
    background: radial-gradient(circle, rgba(0,0,0,0.14) 0 32%, transparent 36%) 0 0 / 10px 10px, var(--cap-pink);
    clip-path: var(--cap-youreIn);
    transform: rotate(-4deg);
    animation: capSpin 0.56s var(--cap-paste) both;
}
#trivia-content.pop-quiz.ltd-cutAndPaste .pq-joined .pq-burst > span:not(.cap-only) { display: none; }
#trivia-content.pop-quiz.ltd-cutAndPaste .pq-joined .pq-burst .cap-word { filter: none; }
#trivia-content.pop-quiz.ltd-cutAndPaste .pq-name-chip {
    margin: 30px 0 22px; padding: 8px 30px 10px;
    background: var(--cap-white); color: var(--cap-ink);
    border: 0; border-radius: 0; box-shadow: none; clip-path: var(--cap-nameChip);
    font-family: var(--cap-anton); font-weight: 400; font-size: 3.1rem; line-height: 1; text-transform: uppercase;
    max-width: 100%; overflow-wrap: anywhere;
    transform: rotate(3deg);
    animation: capDrop 0.48s 0.4s var(--cap-paste) both;
}
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-waiting-joined p,
#trivia-content.pop-quiz.ltd-cutAndPaste .pq-wait-line {
    display: inline-block; padding: 10px 18px 12px;
    background: var(--cap-white); color: var(--cap-ink) !important;
    font-family: var(--cap-elite); font-weight: 400; font-size: 1.15rem; line-height: 1.1;
    clip-path: var(--cap-wait); transform: rotate(-1.5deg);
    animation: capRise 0.48s 0.65s var(--cap-paste) both;
}

/* ── Question (P2) ──
   The timer, the question, every answer and the score bar fit one phone
   screen: the screen is a column no taller than the viewport less the score
   bar and the page's padding, and the answer cut-outs give back height (84
   px each down to 44) to fit a long question. Past that, only the answers
   scroll, under the question; the score bar stays in flow below them and
   never covers one. */
#trivia-content.pop-quiz.ltd-cutAndPaste #trivia-question { display: flex; flex-direction: column; align-items: stretch; position: relative; }
@supports (height: 100dvh) {
    #trivia-content.pop-quiz.ltd-cutAndPaste #trivia-question { max-height: calc(100dvh - 158px); }
}
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-timer-bar {
    flex: none; width: auto; margin: 21px 78px 0 0;
    height: 22px; background: var(--cap-white);
    border: 3px solid var(--cap-ink); border-radius: 0;
    transform: rotate(-1deg);
    animation: capRowDrop 0.46s var(--cap-paste) both;
}
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-timer-fill {
    border-radius: 0;
    background-color: var(--cap-yellow) !important;
    background-image: radial-gradient(circle, rgba(0,0,0,0.12) 0 32%, transparent 36%);
    background-size: 8px 8px;
}
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-timer-fill[data-level="warn"] { background-color: var(--cap-pink) !important; }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-timer-fill[data-level="urgent"] { background-color: var(--cap-ink) !important; }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-timer-text {
    position: absolute; top: 0; right: 4px; z-index: 2; margin: 0;
    width: 64px; height: 64px;
    background: var(--cap-yellow); color: var(--cap-ink) !important;
    border: 0; border-radius: 0; box-shadow: none; clip-path: var(--cap-clock);
    font-family: var(--cap-anton); font-weight: 400; font-size: 2.25rem; font-variant-numeric: tabular-nums;
    transform: rotate(-6deg);
    animation: capRowDrop 0.46s var(--cap-paste) both;
}
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-timer-text[data-level="warn"] { background: var(--cap-pink); }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-timer-text[data-level="urgent"] { background: var(--cap-ink); color: var(--cap-yellow) !important; }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-timer-text.pq-tick { animation: capTick 0.34s ease; }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-question-text {
    flex: none; margin: 32px 0 14px; padding: 14px 18px 18px;
    background: var(--cap-ink); color: var(--cap-white);
    border: 0; border-radius: 0; box-shadow: none; clip-path: var(--cap-question);
    font-family: var(--cap-archivo); font-weight: 800; font-size: 1.3rem; line-height: 1.22; text-align: left;
    transform: rotate(-1deg); transform-origin: 0 0;
    animation: capSwing 0.56s 0.3s var(--cap-paste) both;
}
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-options-grid {
    flex: 1 1 auto; min-height: 0; overflow-x: hidden; overflow-y: auto;
    gap: 14px; margin: 0 -6px 0 -2px; padding: 2px 10px 8px 2px;
    filter: drop-shadow(3px 4px 0 rgba(0,0,0,0.25));
}
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-options-grid[data-count="5"] { gap: 10px; }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-option-btn {
    --rot: -1deg;
    position: relative; flex: 0 1 84px; min-height: auto; padding: 4px 12px 4px 14px; gap: 16px;
    background-image: radial-gradient(circle, rgba(0,0,0,0.1) 0 32%, transparent 36%);
    background-size: 10px 10px;
    color: var(--cap-ink);
    border: 0; border-radius: 0; box-shadow: none;
    font-family: var(--cap-condensed); font-weight: 900; font-size: 1.4rem; line-height: 1.05;
    text-align: left; text-shadow: none;
    transform: rotate(var(--rot));
    transition: transform 0.09s ease;
    animation: capDeal 0.52s var(--cap-paste) both;
}
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-options-grid[data-count="5"] .trivia-option-btn { flex-basis: 72px; min-height: auto; font-size: 1.3rem; }
/* A short screen (an SE-sized phone with its toolbars): smaller type, so a
   long question still leaves its answers room. */
@media (max-height: 700px) {
    #trivia-content.pop-quiz.ltd-cutAndPaste .trivia-question-text { font-size: 1.1rem; padding: 10px 14px 13px; margin-top: 28px; }
    #trivia-content.pop-quiz.ltd-cutAndPaste .trivia-option-btn,
    #trivia-content.pop-quiz.ltd-cutAndPaste .trivia-options-grid[data-count="5"] .trivia-option-btn { font-size: 1.15rem; }
    #trivia-content.pop-quiz.ltd-cutAndPaste .trivia-options-grid .trivia-option-letter { width: 40px; height: 40px; font-size: 1.6rem; }
}
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-option-btn:nth-child(1) { --rot: -1deg; clip-path: var(--cap-answer-0); background-image: radial-gradient(circle, rgba(0,0,0,0.13) 0 32%, transparent 36%); animation-delay: 0.95s; }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-option-btn:nth-child(2) { --rot: 0.8deg; clip-path: var(--cap-answer-1); animation-delay: 1.05s; }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-option-btn:nth-child(3) { --rot: -0.6deg; clip-path: var(--cap-answer-2); animation-delay: 1.15s; }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-option-btn:nth-child(4) { --rot: 1deg; clip-path: var(--cap-answer-3); animation-delay: 1.25s; }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-option-btn:nth-child(5) { --rot: -0.5deg; clip-path: var(--cap-answer-4); animation-delay: 1.35s; }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-option-btn:active { transform: translate(3px, 4px) rotate(var(--rot)) scale(0.97); }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-option-letter {
    width: 52px; height: 52px; border-radius: 0;
    background: var(--cap-white); color: var(--cap-ink);
    font-family: var(--cap-abril); font-weight: 400; font-size: 2.1rem; line-height: 1;
    clip-path: var(--cap-letter-0); transform: rotate(-6deg);
}
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-options-grid[data-count="5"] .trivia-option-letter { width: 46px; height: 46px; font-size: 1.8rem; }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-option-btn:nth-child(2) .trivia-option-letter { font-family: var(--cap-rubik); font-size: 1.5rem; clip-path: var(--cap-letter-1); transform: rotate(5deg); }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-option-btn:nth-child(3) .trivia-option-letter { font-family: var(--cap-anton); clip-path: var(--cap-letter-2); transform: rotate(-4deg); }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-option-btn:nth-child(4) .trivia-option-letter { font-family: var(--cap-elite); clip-path: var(--cap-letter-3); transform: rotate(7deg); }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-option-btn:nth-child(5) .trivia-option-letter { clip-path: var(--cap-letter-4); transform: rotate(-5deg); }

/* ── Locked in (P3): a torn card slaps down, the padlock draws itself ── */
#trivia-content.pop-quiz.ltd-cutAndPaste .pq-locked.show { padding-top: 22px; }
#trivia-content.pop-quiz.ltd-cutAndPaste .pq-lock-card {
    margin: 0 14px; padding: 22px 16px 26px; gap: 8px;
    background: var(--cap-dots-light), var(--cap-white);
    border: 0; border-radius: 0; box-shadow: none; clip-path: var(--cap-lock);
    transform: rotate(-2deg);
    animation: capSlap 0.42s cubic-bezier(0.2, 1.4, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-cutAndPaste .pq-locked { filter: drop-shadow(4px 5px 0 rgba(0,0,0,0.22)); }
#trivia-content.pop-quiz.ltd-cutAndPaste .pq-lock-card > .pq-display { display: none; }
#trivia-content.pop-quiz.ltd-cutAndPaste .pq-lock-card svg { stroke: var(--cap-ink) !important; stroke-width: 2.6 !important; }
#trivia-content.pop-quiz.ltd-cutAndPaste .pq-lock-card svg rect,
#trivia-content.pop-quiz.ltd-cutAndPaste .pq-lock-card svg path {
    stroke-dasharray: 60; stroke-dashoffset: 60;
    animation: capDraw 0.42s 0.26s ease-out forwards;
}
#trivia-content.pop-quiz.ltd-cutAndPaste .pq-pick {
    margin: 30px 0 24px; padding: 0 22px 0 10px; min-height: 66px; gap: 14px;
    background-image: radial-gradient(circle, rgba(0,0,0,0.1) 0 32%, transparent 36%);
    background-size: 10px 10px;
    color: var(--cap-ink); border: 0; border-radius: 0; box-shadow: none; clip-path: var(--cap-pick);
    font-family: var(--cap-condensed); font-weight: 900; font-size: 1.4rem; text-shadow: none;
    transform: rotate(2deg);
    animation: capPop 0.46s 0.4s var(--cap-paste) both;
}
#trivia-content.pop-quiz.ltd-cutAndPaste .pq-pick .trivia-option-letter {
    width: 44px; height: 44px; font-size: 1.75rem; clip-path: var(--cap-pickLetter); transform: none;
}
#trivia-content.pop-quiz.ltd-cutAndPaste .pq-locked .pq-wait-line { clip-path: var(--cap-lockWait); animation-delay: 0.7s; }

/* ── Result (P4 correct, P5 wrong) ── */
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-result { padding: 20px 0 0; }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-result-icon { margin: 0 auto 18px; }
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-scrap {
    position: relative; margin: 0 auto 26px;
    filter: none;
}
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-scrap-wrap { filter: drop-shadow(4px 5px 0 rgba(0,0,0,0.22)); }
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-scrap-correct {
    width: 250px; height: 230px;
    background: radial-gradient(circle, rgba(0,0,0,0.12) 0 32%, transparent 36%) 0 0 / 10px 10px, var(--cap-mint);
    clip-path: var(--cap-correct); transform: rotate(-4deg);
    animation: capSpin 0.54s var(--cap-paste) both;
}
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-scrap-wrong {
    width: 220px; height: 220px;
    background: radial-gradient(circle, rgba(0,0,0,0.14) 0 32%, transparent 36%) 0 0 / 10px 10px, var(--cap-pink);
    clip-path: var(--cap-wrong); transform: rotate(-3deg);
    animation: capBounce 0.52s cubic-bezier(0.3, 1.5, 0.5, 1) both, capShake 0.36s 0.8s ease-in-out both;
}
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-result-icon svg {
    position: absolute; width: auto; height: auto; overflow: visible;
    fill: none; stroke: var(--cap-ink); stroke-linecap: round; stroke-linejoin: round;
}
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-scrap-correct svg { left: 45px; top: 40px; width: 160px; height: 134px; stroke-width: 13; }
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-scrap-correct path { stroke-dasharray: 150; stroke-dashoffset: 150; animation: capDraw 0.36s 0.3s ease-out forwards; }
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-scrap-wrong svg { left: 0; top: 0; width: 220px; height: 220px; stroke-width: 16; }
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-scrap-wrong path { stroke-dasharray: 160; stroke-dashoffset: 160; animation: capDraw 0.18s 0.26s ease-out forwards; }
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-scrap-wrong path + path { animation-delay: 0.42s; }
/* The ransom word carries the result; the plain text stays for screen readers. */
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-result-text {
    position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; margin: 0;
}
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-result-points {
    display: inline-block; padding: 8px 24px 10px;
    background: radial-gradient(circle, rgba(0,0,0,0.12) 0 32%, transparent 36%) 0 0 / 8px 8px, var(--cap-copy);
    color: var(--cap-copy-ink);
    border: 0; border-radius: 0; box-shadow: none; clip-path: var(--cap-wrongPts);
    font-family: var(--cap-anton); font-weight: 400; font-size: 2.6rem; line-height: 1; text-transform: uppercase;
    transform: rotate(2deg);
    animation: capPop 0.42s 1.25s var(--cap-paste) both;
}
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-result-points.pq-earned {
    background: radial-gradient(circle, rgba(0,0,0,0.14) 0 32%, transparent 36%) 0 0 / 9px 9px, var(--cap-pink);
    color: var(--cap-ink); clip-path: var(--cap-pts); transform: rotate(-3deg);
    animation-delay: 0.85s;
}

/* ── Get ready (P6): a torn sheet swung in; paper dots hop ── */
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-waiting-next { padding: 40px 0 0; }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-waiting-next .pq-ready {
    margin: 0 12px; padding: 32px 16px 30px; gap: 10px;
    background: var(--cap-dots-light), var(--cap-white);
    border: 0; border-radius: 0; box-shadow: none; clip-path: var(--cap-ready);
    transform: rotate(2deg);
    animation: capSwingIn 0.56s cubic-bezier(0.3, 1.35, 0.55, 1) both;
}
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-waiting-next { filter: drop-shadow(4px 5px 0 rgba(0,0,0,0.22)); }
#trivia-content.pop-quiz.ltd-cutAndPaste .pq-ready > .pq-display { display: none; }
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-ready-line { font-family: var(--cap-elite); font-weight: 400; font-size: 1.3rem; margin-top: 10px; }
#trivia-content.pop-quiz.ltd-cutAndPaste .pq-dots { gap: 18px; height: 50px; }
#trivia-content.pop-quiz.ltd-cutAndPaste .pq-dots span { width: 28px; height: 28px; border: 0; border-radius: 0; animation: capHop 1.2s ease-in-out infinite; }
#trivia-content.pop-quiz.ltd-cutAndPaste .pq-dots span:nth-child(1) { background: var(--cap-pink); clip-path: var(--cap-dots-0); }
#trivia-content.pop-quiz.ltd-cutAndPaste .pq-dots span:nth-child(2) { background: var(--cap-yellow); clip-path: var(--cap-dots-1); animation-delay: 0.2s; }
#trivia-content.pop-quiz.ltd-cutAndPaste .pq-dots span:nth-child(3) { background: var(--cap-blue); clip-path: var(--cap-dots-2); animation-delay: 0.4s; }

/* ── Game over (P7): a pink banner drops in, the final-score disc spins on ── */
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-final { padding: 20px 0 0; }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-final-rank { display: none; }
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-over-wrap { filter: drop-shadow(4px 5px 0 rgba(0,0,0,0.22)); margin: 10px 0 30px; }
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-over {
    display: flex; flex-direction: column; justify-content: center; gap: 10px;
    height: 196px; margin: 0 4px;
    background: radial-gradient(circle, rgba(0,0,0,0.14) 0 32%, transparent 36%) 0 0 / 10px 10px, var(--cap-pink);
    clip-path: polygon(0% 0.28%, 2.5% 1.51%, 5% 1.22%, 7.5% 1.95%, 10% 1.32%, 12.5% 0.63%, 15% 0.54%, 17.5% 0.80%, 20% 1.64%, 22.5% 1.85%, 25% 0.94%, 27.5% 0.45%, 30% 2.10%, 32.5% 0.34%, 35% 0.44%, 37.5% 2.27%, 40% 2.40%, 42.5% 0.24%, 45% 0.97%, 47.5% 0.92%, 50% 0.82%, 52.5% 1.60%, 55% 1.70%, 57.5% 0.80%, 60% 0.36%, 62.5% 0.95%, 65% 1.18%, 67.5% 0.64%, 70% 2.05%, 72.5% 0.55%, 75% 1.06%, 77.5% 1.22%, 80% 2.31%, 82.5% 0.20%, 85% 1.85%, 87.5% 0.27%, 90% 1.47%, 92.5% 0.13%, 95% 0.22%, 97.5% 1.06%, 100% 1.88%, 99.23% 2.5%, 97.62% 5%, 99.11% 7.5%, 99.49% 10%, 98.36% 12.5%, 99.44% 15%, 99.55% 17.5%, 97.79% 20%, 98.10% 22.5%, 98.42% 25%, 99.68% 27.5%, 98.91% 30%, 99.90% 32.5%, 98.24% 35%, 98.45% 37.5%, 98.18% 40%, 99.68% 42.5%, 98.14% 45%, 99.46% 47.5%, 98.19% 50%, 99.36% 52.5%, 97.95% 55%, 99.97% 57.5%, 98.72% 60%, 99.85% 62.5%, 99.23% 65%, 97.62% 67.5%, 99.35% 70%, 99.76% 72.5%, 99.86% 75%, 97.86% 77.5%, 98.15% 80%, 99.64% 82.5%, 99.17% 85%, 98.23% 87.5%, 98.36% 90%, 99.89% 92.5%, 98.97% 95%, 99.82% 97.5%, 100% 99.02%, 97.5% 99.38%, 95% 98.21%, 92.5% 97.95%, 90% 98.47%, 87.5% 99.74%, 85% 98.08%, 82.5% 97.63%, 80% 98.62%, 77.5% 98.43%, 75% 98.26%, 72.5% 98.63%, 70% 97.97%, 67.5% 99.37%, 65% 98.78%, 62.5% 98.13%, 60% 99.95%, 57.5% 98.07%, 55% 97.88%, 52.5% 98.99%, 50% 97.90%, 47.5% 98.65%, 45% 97.92%, 42.5% 99.67%, 40% 99.42%, 37.5% 98.11%, 35% 99.97%, 32.5% 99.19%, 30% 98.57%, 27.5% 97.82%, 25% 99.37%, 22.5% 98.31%, 20% 99.40%, 17.5% 98.96%, 15% 98.72%, 12.5% 98.92%, 10% 99.35%, 7.5% 98.80%, 5% 97.79%, 2.5% 99.55%, 0% 99.96%, 0.21% 97.5%, 1.45% 95%, 1.21% 92.5%, 0.87% 90%, 2.24% 87.5%, 0.92% 85%, 0.40% 82.5%, 1.43% 80%, 0.14% 77.5%, 2.18% 75%, 0.01% 72.5%, 2.30% 70%, 0.02% 67.5%, 1.39% 65%, 1.19% 62.5%, 2.13% 60%, 1.76% 57.5%, 0.20% 55%, 2.29% 52.5%, 2.12% 50%, 0.34% 47.5%, 1.52% 45%, 1.08% 42.5%, 0.21% 40%, 0.81% 37.5%, 2.03% 35%, 0.80% 32.5%, 1.16% 30%, 1.18% 27.5%, 0.73% 25%, 1.17% 22.5%, 1.92% 20%, 0.98% 17.5%, 1.84% 15%, 0.46% 12.5%, 0.16% 10%, 1.77% 7.5%, 0.19% 5%, 1.66% 2.5%);
    transform: rotate(-2deg);
    animation: capBanner 0.6s cubic-bezier(0.3, 1.5, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-over .cap-word { filter: none; }
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-final-score { color: var(--cap-ink); }
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-final-wrap { filter: drop-shadow(4px 5px 0 rgba(0,0,0,0.22)); }
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-final {
    width: 280px; height: 280px; margin: 0 auto; padding-top: 62px; box-sizing: border-box;
    display: flex; flex-direction: column; align-items: center;
    background: var(--cap-yellow); clip-path: var(--cap-final);
    transform: rotate(-6deg);
    animation: capSpinLate 0.56s 0.4s var(--cap-paste) both;
}
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-final-label { font-size: 1rem; letter-spacing: 4px; }
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-final-value { display: flex; justify-content: center; margin: 8px 0 6px; font-family: var(--cap-anton); font-weight: 400; font-size: 5rem; line-height: 1; }
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-final-value span { display: inline-block; width: 0.5em; text-align: center; }
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-final-value span.cap-comma { width: 0.25em; }
#trivia-content.pop-quiz.ltd-cutAndPaste .cap-final-unit { font-size: 1.25rem; letter-spacing: 2px; }

/* ── Score bar: a strip of label-maker tape, in the page's flow under the
   answers (never floating over them). ── */
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-score-bar {
    position: static; height: 66px; margin-top: 18px; padding: 0 20px;
    background: linear-gradient(180deg, #2A2A2A, #0E0E0E 40%, #161616);
    border: 0; border-radius: 0; clip-path: var(--cap-bar);
    transform: rotate(-1deg);
}
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-score-label {
    font-family: var(--cap-archivo); font-weight: 900; font-size: 0.95rem; letter-spacing: 3px;
    color: #F4F4F4; text-shadow: 0 -1px 0 rgba(255,255,255,0.25), 0 2px 0 rgba(0,0,0,0.6);
}
#trivia-content.pop-quiz.ltd-cutAndPaste .trivia-score-value {
    font-family: var(--cap-anton); font-weight: 400; font-size: 2.25rem; line-height: 1; color: var(--cap-yellow);
    font-variant-numeric: tabular-nums;
}

@keyframes capFeed { from { transform: translateX(-120%) rotate(-6deg); } }
@keyframes capSpin { from { transform: rotate(-220deg) scale(0); } }
@keyframes capSpinLate { from { transform: rotate(-240deg) scale(0); } }
@keyframes capDrop { from { transform: translateY(-560px) scale(1.4); } }
@keyframes capRise { from { transform: translateY(420px); } }
@keyframes capRowDrop { from { transform: translateY(-160px); } }
@keyframes capSwing { from { transform: translate(-30px, -560px) rotate(-24deg); } }
@keyframes capDeal { from { transform: translateX(460px) rotate(calc(var(--rot) + 12deg)); } }
@keyframes capTick { 40% { transform: rotate(10deg) scale(1.12); } }
@keyframes capSlap { from { transform: translateY(-760px) rotate(-16deg) scale(1.4); } }
@keyframes capPop { from { transform: scale(0) rotate(-20deg); } }
@keyframes capDraw { to { stroke-dashoffset: 0; } }
@keyframes capBounce { from { transform: translateY(-700px) rotate(-3deg); } }
@keyframes capShake { 25% { transform: rotate(-12deg); } 60% { transform: rotate(12deg); } 100% { transform: rotate(-3deg); } }
@keyframes capSwingIn { from { transform: translateX(460px) rotate(24deg); } }
@keyframes capHop { 0%, 60%, 100% { transform: translateY(0); } 30% { transform: translateY(-18px) rotate(20deg); } }
@keyframes capBanner { from { transform: translateY(-420px) rotate(-8deg); } }
@media (prefers-reduced-motion: reduce) {
    #trivia-content.pop-quiz.ltd-cutAndPaste *, #trivia-content.pop-quiz.ltd-cutAndPaste { animation: none !important; transition: none !important; }
    #trivia-content.pop-quiz.ltd-cutAndPaste svg rect, #trivia-content.pop-quiz.ltd-cutAndPaste svg path { stroke-dashoffset: 0 !important; }
}