/* Live Trivia · Summer Camp phone skin ("Campfire Trail", owner decision
   2026-10-07): the canvas's CP-LT-Phone board on the phone. Scoped to
   #trivia-content.pop-quiz.ltd-summerCamp; layered on the shared Pop Quiz
   structure, so every rule here only restyles it; the classic screens never
   match.

   Tent canvas under a dusk band of pines and a crescent moon; the question
   carved on a routed cabin plaque; the answers painted trail signs pointing
   right (the display's colours A–E, cream lettering, the letter on a merit
   patch); the clock a campfire whose flames flicker over a ring of stones
   and a fuse that burns down; a merit badge with sparks for a right answer,
   a red one for a wrong one; the points on a banner; the scores on enamel
   cabin plates. Alfa Slab One for the display lettering, Barlow for the
   text (the Mac's bundled faces, ShowThemeFonts). Each sign is one element:
   its point is a clip, its ink outline an inset shadow and one stretched
   SVG for the point's two edges, never a DOM node per piece.

   Motion: plaques are hung and swing to rest, signs slide in on the trail
   one by one, patches are stamped on, sparks fly out of the badge, the
   banner drops on. Transforms only; the flames flicker by scale. */

@font-face { font-family: 'Alfa Slab One'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/alfa-slab-one-regular-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Barlow'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/sidekick-trivia-barlow-medium-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Barlow'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/sidekick-trivia-barlow-semi-bold-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Barlow'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/sidekick-trivia-barlow-bold-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Barlow'; font-style: normal; font-weight: 800; font-display: swap; src: url('/fonts/sidekick-trivia-barlow-extra-bold-v1.woff2') format('woff2'); }

#trivia-content.pop-quiz.ltd-summerCamp {
    --sc-ink: #1A1C19; --sc-brown: #2B1B0E; --sc-cream: #FFF7E8; --sc-canvas: #F6EEDB;
    --sc-wood: #EBCB94; --sc-wood-l: #F4DCAE; --sc-wood-d: #C99357; --sc-wood-dd: #8B5A2B; --sc-map: #F1E2C0;
    --sc-gold: #F5B532; --sc-flame: #FFCC4D; --sc-ember: #F2701F; --sc-pine: #2C7A48; --sc-berry: #AE2C59;
    --sc-red: #B4332A; --sc-plate: #1F3B2E; --sc-muted: #6A5440;
    --sc-shadow: rgba(4, 8, 14, 0.45);
    --pq-ink: #1A1C19; --pq-cream: #FFF7E8; --pq-yellow: #F5B532; --pq-green: #2C7A48; --pq-red: #B4332A;
    position: relative;
    font-family: 'Sidekick Trivia Barlow', 'Barlow', system-ui, sans-serif;
    font-weight: 800;
    color: var(--sc-brown);
    padding-top: 92px;
    background:
        repeating-linear-gradient(0deg, rgba(139, 90, 43, 0.05) 0 2px, transparent 2px 5px),
        repeating-linear-gradient(90deg, rgba(139, 90, 43, 0.05) 0 2px, transparent 2px 5px),
        var(--sc-canvas);
}
/* The dusk band: sky, moon, stars and a ridge of pines. */
#trivia-content.pop-quiz.ltd-summerCamp::before {
    content: ''; position: absolute; left: 0; right: 0; top: 0; height: 78px; pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 96' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231B2549'/%3E%3Cstop offset='0.6' stop-color='%233A3768'/%3E%3Cstop offset='1' stop-color='%23B9644F'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='390' height='96' fill='url(%23g)'/%3E%3Ccircle cx='336' cy='34' r='11' fill='%23FCEFC8'/%3E%3Ccircle cx='341' cy='31' r='10' fill='%23222D55'/%3E%3Ccircle cx='60' cy='28' r='1.6' fill='%23FFF3D0'/%3E%3Ccircle cx='120' cy='18' r='1.3' fill='%23FFF3D0'/%3E%3Ccircle cx='270' cy='22' r='1.5' fill='%23FFF3D0'/%3E%3Ccircle cx='196' cy='40' r='1.2' fill='%23FFF3D0'/%3E%3Cpath d='M-10.0 61.9 L-6.4 68.6 L-8.5 67.4 L-5.1 75.2 L-7.9 74.0 L-3.8 81.8 L-7.4 80.6 L-2.6 88.4 L-17.4 88.4 L-12.6 80.6 L-16.2 81.8 L-12.1 74.0 L-14.9 75.2 L-11.5 67.4 L-13.6 68.6 Z M-14.0 86.4 L-6.0 86.4 L-6.0 92.0 L-14.0 92.0 Z M11.7 67.2 L14.1 71.6 L12.7 70.8 L14.8 76.0 L13.0 75.2 L15.5 80.3 L13.3 79.5 L16.2 84.7 L13.6 83.9 L16.9 89.0 L6.4 89.0 L9.8 83.9 L7.1 84.7 L10.1 79.5 L7.9 80.3 L10.4 75.2 L8.6 76.0 L10.7 70.8 L9.3 71.6 Z M7.7 87.0 L15.7 87.0 L15.7 92.0 L7.7 92.0 Z M35.6 54.4 L40.6 62.7 L37.7 61.2 L42.3 70.9 L38.5 69.4 L44.0 79.2 L39.2 77.7 L45.8 87.5 L25.5 87.5 L32.1 77.7 L27.3 79.2 L32.8 69.4 L29.0 70.9 L33.6 61.2 L30.7 62.7 Z M31.6 85.5 L39.6 85.5 L39.6 92.0 L31.6 92.0 Z M53.8 62.3 L57.5 68.8 L55.3 67.6 L58.8 75.4 L55.9 74.2 L60.0 81.9 L56.4 80.7 L61.3 88.4 L46.2 88.4 L51.1 80.7 L47.5 81.9 L51.7 74.2 L48.8 75.4 L52.2 67.6 L50.1 68.8 Z M49.8 86.4 L57.8 86.4 L57.8 92.0 L49.8 92.0 Z M77.4 64.5 L80.6 69.3 L78.7 68.4 L81.5 74.2 L79.1 73.3 L82.5 79.0 L79.5 78.1 L83.4 83.8 L79.9 83.0 L84.3 88.7 L70.4 88.7 L74.9 83.0 L71.4 83.8 L75.3 78.1 L72.3 79.0 L75.7 73.3 L73.3 74.2 L76.1 68.4 L74.2 69.3 Z M73.4 86.7 L81.4 86.7 L81.4 92.0 L73.4 92.0 Z M99.5 55.2 L103.5 61.6 L101.2 60.5 L104.7 68.1 L101.7 67.0 L105.8 74.6 L102.2 73.4 L107.0 81.1 L102.7 79.9 L108.2 87.6 L90.8 87.6 L96.4 79.9 L92.0 81.1 L96.9 73.4 L93.2 74.6 L97.4 67.0 L94.4 68.1 L97.9 60.5 L95.6 61.6 Z M95.5 85.6 L103.5 85.6 L103.5 92.0 L95.5 92.0 Z M116.1 69.3 L118.3 73.3 L117.1 72.5 L119.0 77.3 L117.3 76.6 L119.6 81.3 L117.6 80.6 L120.3 85.3 L117.9 84.6 L120.9 89.3 L111.3 89.3 L114.4 84.6 L112.0 85.3 L114.7 80.6 L112.6 81.3 L114.9 76.6 L113.3 77.3 L115.2 72.5 L113.9 73.3 Z M112.1 87.3 L120.1 87.3 L120.1 92.0 L112.1 92.0 Z M145.8 64.3 L148.9 69.2 L147.1 68.3 L149.8 74.1 L147.5 73.2 L150.7 78.9 L147.9 78.1 L151.5 83.8 L148.2 82.9 L152.4 88.7 L139.2 88.7 L143.5 82.9 L140.1 83.8 L143.8 78.1 L141.0 78.9 L144.2 73.2 L141.9 74.1 L144.6 68.3 L142.8 69.2 Z M141.8 86.7 L149.8 86.7 L149.8 92.0 L141.8 92.0 Z M173.4 60.6 L176.8 66.1 L174.8 65.1 L177.9 71.7 L175.3 70.7 L178.9 77.2 L175.7 76.2 L179.9 82.7 L176.1 81.7 L181.0 88.2 L165.8 88.2 L170.6 81.7 L166.8 82.7 L171.1 76.2 L167.9 77.2 L171.5 70.7 L168.9 71.7 L171.9 65.1 L169.9 66.1 Z M169.4 86.2 L177.4 86.2 L177.4 92.0 L169.4 92.0 Z M194.2 52.9 L198.4 61.5 L196.0 60.0 L199.9 70.1 L196.6 68.6 L201.3 78.7 L197.2 77.2 L202.8 87.3 L185.6 87.3 L191.2 77.2 L187.1 78.7 L191.8 68.6 L188.5 70.1 L192.4 60.0 L190.0 61.5 Z M190.2 85.3 L198.2 85.3 L198.2 92.0 L190.2 92.0 Z M215.5 54.9 L220.4 63.1 L217.5 61.6 L222.1 71.2 L218.3 69.7 L223.8 79.4 L219.0 77.9 L225.5 87.5 L205.5 87.5 L212.0 77.9 L207.2 79.4 L212.7 69.7 L208.9 71.2 L213.4 61.6 L210.6 63.1 Z M211.5 85.5 L219.5 85.5 L219.5 92.0 L211.5 92.0 Z M237.0 58.7 L241.3 66.0 L238.8 64.7 L242.8 73.4 L239.5 72.0 L244.3 80.7 L240.1 79.4 L245.8 88.0 L228.2 88.0 L234.0 79.4 L229.7 80.7 L234.6 72.0 L231.2 73.4 L235.2 64.7 L232.7 66.0 Z M233.0 86.0 L241.0 86.0 L241.0 92.0 L233.0 92.0 Z M263.1 55.3 L267.4 61.7 L264.9 60.6 L268.7 68.2 L265.4 67.0 L270.0 74.7 L266.0 73.5 L271.3 81.1 L266.5 80.0 L272.6 87.6 L253.5 87.6 L259.6 80.0 L254.8 81.1 L260.1 73.5 L256.1 74.7 L260.7 67.0 L257.4 68.2 L261.2 60.6 L258.7 61.7 Z M259.1 85.6 L267.1 85.6 L267.1 92.0 L259.1 92.0 Z M284.8 60.1 L288.9 67.1 L286.5 65.9 L290.3 74.1 L287.1 72.9 L291.7 81.2 L287.7 79.9 L293.2 88.2 L276.4 88.2 L281.8 79.9 L277.8 81.2 L282.4 72.9 L279.2 74.1 L283.0 65.9 L280.6 67.1 Z M280.8 86.2 L288.8 86.2 L288.8 92.0 L280.8 92.0 Z M312.2 55.5 L316.2 63.5 L313.9 62.1 L317.6 71.5 L314.5 70.1 L319.0 79.6 L315.1 78.1 L320.4 87.6 L304.0 87.6 L309.4 78.1 L305.4 79.6 L309.9 70.1 L306.8 71.5 L310.5 62.1 L308.2 63.5 Z M308.2 85.6 L316.2 85.6 L316.2 92.0 L308.2 92.0 Z M339.9 64.2 L343.3 70.4 L341.3 69.3 L344.5 76.5 L341.8 75.4 L345.6 82.6 L342.3 81.5 L346.8 88.7 L332.9 88.7 L337.4 81.5 L334.1 82.6 L337.9 75.4 L335.3 76.5 L338.4 69.3 L336.5 70.4 Z M335.9 86.7 L343.9 86.7 L343.9 92.0 L335.9 92.0 Z M366.1 68.0 L369.0 72.2 L367.3 71.5 L369.8 76.4 L367.7 75.7 L370.7 80.7 L368.0 79.9 L371.5 84.9 L368.4 84.1 L372.4 89.1 L359.8 89.1 L363.8 84.1 L360.6 84.9 L364.2 79.9 L361.5 80.7 L364.5 75.7 L362.4 76.4 L364.9 71.5 L363.2 72.2 Z M362.1 87.1 L370.1 87.1 L370.1 92.0 L362.1 92.0 Z M392.7 56.9 L396.6 64.6 L394.3 63.2 L397.9 72.4 L394.9 71.0 L399.2 80.1 L395.5 78.7 L400.6 87.8 L384.9 87.8 L390.0 78.7 L386.3 80.1 L390.6 71.0 L387.6 72.4 L391.1 63.2 L388.9 64.6 Z M388.7 85.8 L396.7 85.8 L396.7 92.0 L388.7 92.0 Z' fill='%230B1418'/%3E%3C/svg%3E") 50% 100% / cover no-repeat, #1B2549;
    border-bottom: 4px solid var(--sc-ink);
}
#trivia-content.pop-quiz.ltd-summerCamp .pq-title,
#trivia-content.pop-quiz.ltd-summerCamp .pq-display { font-family: 'Alfa Slab One', Georgia, serif; font-weight: 400; }
#trivia-content.pop-quiz.ltd-summerCamp .pq-sticker {
    background:
        repeating-linear-gradient(180deg, transparent 0 22px, rgba(139, 90, 43, 0.14) 22px 24px),
        var(--sc-map);
    color: var(--sc-brown); border: 4px solid var(--sc-ink); border-radius: 14px;
    box-shadow: 0 7px 0 var(--sc-shadow);
}

/* ── Join: the title is carved on a hung cabin plaque ── */
#trivia-content.pop-quiz.ltd-summerCamp .trivia-title {
    font-family: 'Alfa Slab One', Georgia, serif; font-weight: 400;
    font-size: 2.1rem; line-height: 1.08; color: var(--sc-brown);
    background:
        repeating-linear-gradient(180deg, transparent 0 24px, rgba(139, 90, 43, 0.18) 24px 26px),
        var(--sc-wood);
    border: 4px solid var(--sc-ink); border-radius: 18px;
    box-shadow: inset 0 0 0 10px var(--sc-wood), inset 0 0 0 13px rgba(139, 90, 43, 0.7), 0 8px 0 var(--sc-shadow);
    padding: 26px 22px 28px; margin: 10px 4px 30px; transform: rotate(-1.5deg);
    animation: ltdscHang 0.85s cubic-bezier(0.3, 1.4, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-summerCamp .trivia-name-input {
    height: 62px; margin-bottom: 20px;
    background: var(--sc-map); color: var(--sc-brown);
    border: 4px solid var(--sc-ink); border-radius: 12px; box-shadow: 0 5px 0 var(--sc-shadow);
    font-family: 'Sidekick Trivia Barlow', system-ui, sans-serif; font-weight: 800; font-size: 1.4rem;
}
#trivia-content.pop-quiz.ltd-summerCamp .trivia-name-input::placeholder { color: rgba(43, 27, 14, 0.45); }
#trivia-content.pop-quiz.ltd-summerCamp .trivia-join-btn {
    height: 72px; color: var(--sc-cream); background-color: var(--sc-pine);
    border: none; border-radius: 14px;
    clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 50%, calc(100% - 26px) 100%, 0 100%);
    box-shadow: inset 0 0 0 4px var(--sc-ink), inset 0 10px 0 -4px rgba(255, 255, 255, 0.18);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L30 50 L0 100' fill='none' stroke='%231A1C19' stroke-width='8' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: 100% 50%; background-size: 26px 100%;
    font-family: 'Alfa Slab One', Georgia, serif; font-weight: 400; font-size: 1.8rem;
    text-shadow: 0 3px 0 rgba(10, 12, 10, 0.55);
    filter: drop-shadow(0 6px 0 var(--sc-shadow));
    transition: transform 0.1s ease-out;
}
#trivia-content.pop-quiz.ltd-summerCamp .trivia-join-btn:active { transform: translateY(4px); }
#trivia-content.pop-quiz.ltd-summerCamp #trivia-random-name p { color: var(--sc-muted) !important; font-weight: 700; }
#trivia-content.pop-quiz.ltd-summerCamp .trivia-random-name-display {
    display: inline-block; padding: 10px 30px 12px; color: var(--sc-brown);
    font-family: 'Alfa Slab One', Georgia, serif; font-weight: 400;
    background: var(--sc-gold); border: 4px solid var(--sc-ink); border-radius: 12px;
    box-shadow: 0 5px 0 var(--sc-shadow); transform: rotate(-2deg);
}
#trivia-content.pop-quiz.ltd-summerCamp .trivia-reroll-btn {
    color: var(--sc-brown); background: transparent; border: 3px dashed var(--sc-brown); border-radius: 999px;
    font-family: 'Sidekick Trivia Barlow', system-ui, sans-serif; font-weight: 800;
}

/* You're in: the words, and the name on a gold plank nailed up crooked. */
#trivia-content.pop-quiz.ltd-summerCamp #trivia-lobby:has(#trivia-joined-msg[style*="block"]) .trivia-title { display: none; }
#trivia-content.pop-quiz.ltd-summerCamp .pq-joined { padding-top: 40px; }
#trivia-content.pop-quiz.ltd-summerCamp .pq-joined .pq-burst {
    width: auto; height: auto; clip-path: none; background: none;
    color: var(--sc-brown); font-size: 3.2rem; line-height: 1.02;
    animation: ltdscStamp 0.5s cubic-bezier(0.2, 1.4, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-summerCamp .pq-joined .pq-burst span { transform: none; }
#trivia-content.pop-quiz.ltd-summerCamp .pq-name-chip {
    display: inline-block; margin: 34px 0 44px; padding: 22px 46px 24px; min-width: 220px;
    color: var(--sc-brown); font-family: 'Alfa Slab One', Georgia, serif; font-weight: 400; font-size: 2.6rem; line-height: 1;
    background:
        radial-gradient(circle, #3A3A3C 0 4px, var(--sc-ink) 4px 6px, transparent 6px) 10px 10px / 12px 12px no-repeat,
        radial-gradient(circle, #3A3A3C 0 4px, var(--sc-ink) 4px 6px, transparent 6px) calc(100% - 10px) 10px / 12px 12px no-repeat,
        radial-gradient(circle, #3A3A3C 0 4px, var(--sc-ink) 4px 6px, transparent 6px) 10px calc(100% - 10px) / 12px 12px no-repeat,
        radial-gradient(circle, #3A3A3C 0 4px, var(--sc-ink) 4px 6px, transparent 6px) calc(100% - 10px) calc(100% - 10px) / 12px 12px no-repeat,
        repeating-linear-gradient(180deg, transparent 0 20px, rgba(0, 0, 0, 0.08) 20px 22px),
        var(--sc-gold);
    border: 5px solid var(--sc-ink); border-radius: 14px; box-shadow: 0 8px 0 var(--sc-shadow);
    transform: rotate(-3deg);
    animation: ltdscHang 0.8s 0.3s cubic-bezier(0.3, 1.4, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-summerCamp .trivia-waiting-joined p,
#trivia-content.pop-quiz.ltd-summerCamp .pq-wait-line {
    color: var(--sc-muted); font-size: 1.2rem; font-weight: 600; line-height: 1.35;
    animation: ltdscRise 0.5s 0.7s cubic-bezier(0.3, 1.35, 0.5, 1) both;
}

/* ── Question: the fuse burns down beside the campfire; the plaque is hung;
   the trail signs slide in one by one ── */
#trivia-content.pop-quiz.ltd-summerCamp #trivia-question { column-gap: 14px; }
#trivia-content.pop-quiz.ltd-summerCamp .trivia-timer-bar {
    height: 18px; overflow: hidden;
    background: #3A2F2B; border: 3px solid var(--sc-ink); border-radius: 999px;
    box-shadow: 0 3px 0 var(--sc-shadow);
    animation: ltdscSlide 0.55s 0.1s cubic-bezier(0.3, 1.35, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-summerCamp .trivia-timer-fill {
    border-radius: 999px;
    background-color: var(--sc-ember) !important;
    background-image: linear-gradient(90deg, var(--sc-flame), var(--sc-ember) 70%, #E04A12);
}
#trivia-content.pop-quiz.ltd-summerCamp .trivia-timer-fill[data-level="warn"],
#trivia-content.pop-quiz.ltd-summerCamp .trivia-timer-fill[data-level="urgent"] { background-color: #E04A12 !important; }
/* The campfire: a cut log's face in a ring of stones, flames above it. */
#trivia-content.pop-quiz.ltd-summerCamp .trivia-timer-text {
    position: relative; overflow: visible; margin-top: 22px;
    width: 64px; height: 64px; border: 6px dotted #6E6C76;
    background: repeating-radial-gradient(circle, var(--sc-wood-l) 0 3px, var(--sc-wood) 3px 5px, var(--sc-wood-d) 5px 5.6px);
    box-shadow: 0 0 0 3px var(--sc-ink), inset 0 0 0 3px var(--sc-ink), 0 5px 0 3px var(--sc-shadow);
    color: var(--sc-brown) !important;
    font-family: 'Alfa Slab One', Georgia, serif; font-weight: 400; font-size: 1.45rem;
    font-variant-numeric: tabular-nums;
    animation: ltdscStamp 0.45s 0.1s cubic-bezier(0.2, 1.4, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-summerCamp .trivia-timer-text::before {
    content: ''; position: absolute; left: 50%; bottom: calc(100% + 1px); width: 40px; height: 38px; margin-left: -20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 74 70'%3E%3Cpath d='M33 62 C-3.3 62 -7.9 34.1 14.5 17.4 C19.8 31.0 29.7 23.6 33 0 C40.9 18.6 55.4 23.6 52.8 11.2 C76.6 31.0 70 62 33 62 Z' fill='%23F2701F' stroke='%231A1C19' stroke-width='3.5' stroke-linejoin='round'/%3E%3Cpath d='M33 62 C9 62 6 42.5 20.8 30.8 C24.3 40.3 30.8 35.1 33 18.6 C38.2 31.6 47.8 35.1 46.1 26.4 C61.8 40.3 57.4 62 33 62 Z' fill='%23FFCC4D'/%3E%3Cpath d='M33 62 C19.9 62 18.2 50.8 26.3 44.1 C28.2 49.6 31.8 46.6 33 37.2 C35.9 44.6 41.1 46.6 40.1 41.7 C48.7 49.6 46.3 62 33 62 Z' fill='%23FFF0B0'/%3E%3C/svg%3E") 50% 100% / contain no-repeat;
    transform-origin: 50% 100%; animation: ltdscFlicker 0.9s ease-in-out infinite alternate;
    z-index: -1;
}
#trivia-content.pop-quiz.ltd-summerCamp .trivia-timer-text[data-level="warn"],
#trivia-content.pop-quiz.ltd-summerCamp .trivia-timer-text[data-level="urgent"] {
    background: repeating-radial-gradient(circle, var(--sc-wood-l) 0 3px, var(--sc-wood) 3px 5px, var(--sc-wood-d) 5px 5.6px);
    border-color: var(--sc-ember);
}
#trivia-content.pop-quiz.ltd-summerCamp .trivia-timer-text[data-level="urgent"]::before { transform: scale(0.75); animation: none; }
#trivia-content.pop-quiz.ltd-summerCamp .trivia-timer-text.pq-tick { animation: ltdscBump 0.3s ease-out; }
#trivia-content.pop-quiz.ltd-summerCamp .trivia-question-text {
    background:
        repeating-linear-gradient(180deg, transparent 0 24px, rgba(139, 90, 43, 0.18) 24px 26px),
        var(--sc-wood);
    color: var(--sc-brown);
    border: 4px solid var(--sc-ink); border-radius: 16px;
    box-shadow: inset 0 0 0 9px var(--sc-wood), inset 0 0 0 12px rgba(139, 90, 43, 0.65), 0 7px 0 var(--sc-shadow);
    padding: 15px 18px 17px; margin: 12px 0 14px;
    font-family: 'Alfa Slab One', Georgia, serif; font-weight: 400; font-size: 1.15rem; line-height: 1.12;
    transform-origin: 50% 0;
    animation: ltdscHang 0.8s 0.2s cubic-bezier(0.3, 1.4, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-summerCamp .trivia-options-grid {
    gap: 14px; margin: 0; filter: drop-shadow(0 5px 0 var(--sc-shadow));
}
#trivia-content.pop-quiz.ltd-summerCamp .trivia-options-grid[data-count="5"] { gap: 10px; }
/* A trail sign: the paint is the button's own colour (the display's A–E);
   the point is a clip, the outline an inset shadow plus the point's two
   ink edges. */
#trivia-content.pop-quiz.ltd-summerCamp .trivia-option-btn,
#trivia-content.pop-quiz.ltd-summerCamp .pq-pick {
    gap: 12px; min-height: 68px; padding: 4px 40px 4px 10px;
    color: var(--sc-cream); border: none; border-radius: 12px;
    clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 50%, calc(100% - 26px) 100%, 0 100%);
    box-shadow: inset 0 0 0 4px var(--sc-ink);
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L30 50 L0 100' fill='none' stroke='%231A1C19' stroke-width='8' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E"),
        linear-gradient(180deg, transparent 8px, rgba(255, 255, 255, 0.2) 8px 12px, transparent 12px),
        repeating-linear-gradient(180deg, transparent 0 16px, rgba(0, 0, 0, 0.09) 16px 18px);
    background-repeat: no-repeat, no-repeat, repeat;
    background-position: 100% 50%, 0 0, 0 0;
    background-size: 26px 100%, calc(100% - 40px) 100%, auto;
    text-shadow: 0 2px 0 rgba(10, 12, 10, 0.55);
    font-family: 'Sidekick Trivia Barlow', system-ui, sans-serif; font-weight: 800; font-size: 1.35rem; line-height: 1.08;
    transition: transform 0.1s ease-out;
    animation: ltdscTrail 0.75s cubic-bezier(0.3, 1.25, 0.5, 1) backwards;
}
#trivia-content.pop-quiz.ltd-summerCamp .trivia-option-btn:nth-child(1) { animation-delay: 0.45s; }
#trivia-content.pop-quiz.ltd-summerCamp .trivia-option-btn:nth-child(2) { animation-delay: 0.57s; }
#trivia-content.pop-quiz.ltd-summerCamp .trivia-option-btn:nth-child(3) { animation-delay: 0.69s; }
#trivia-content.pop-quiz.ltd-summerCamp .trivia-option-btn:nth-child(4) { animation-delay: 0.81s; }
#trivia-content.pop-quiz.ltd-summerCamp .trivia-option-btn:nth-child(5) { animation-delay: 0.93s; }
#trivia-content.pop-quiz.ltd-summerCamp .trivia-option-btn:active { transform: translateY(4px) scale(0.98); }
#trivia-content.pop-quiz.ltd-summerCamp .trivia-option-btn.selected { transform: translateY(3px); }
#trivia-content.pop-quiz.ltd-summerCamp .trivia-options-grid[data-count="5"] .trivia-option-btn { min-height: 56px; font-size: 1.2rem; }
/* The letter on a merit patch: a gold stitched rim around a cream field. */
#trivia-content.pop-quiz.ltd-summerCamp .trivia-option-letter {
    width: 52px; height: 52px; box-sizing: border-box;
    background:
        radial-gradient(circle closest-side, var(--sc-cream) 0 70%, var(--sc-ink) 70% 75%, transparent 75%),
        repeating-conic-gradient(from 0deg, #B07A12 0 4deg, var(--sc-gold) 4deg 10deg);
    border: 3px solid var(--sc-ink);
    box-shadow: 0 3px 0 var(--sc-shadow);
    color: var(--sc-brown); text-shadow: none;
    font-family: 'Alfa Slab One', Georgia, serif; font-weight: 400; font-size: 1.45rem; padding-top: 2px;
    animation: ltdscStamp 0.4s cubic-bezier(0.2, 1.4, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-summerCamp .trivia-option-btn:nth-child(1) .trivia-option-letter { animation-delay: 0.95s; }
#trivia-content.pop-quiz.ltd-summerCamp .trivia-option-btn:nth-child(2) .trivia-option-letter { animation-delay: 1.03s; }
#trivia-content.pop-quiz.ltd-summerCamp .trivia-option-btn:nth-child(3) .trivia-option-letter { animation-delay: 1.11s; }
#trivia-content.pop-quiz.ltd-summerCamp .trivia-option-btn:nth-child(4) .trivia-option-letter { animation-delay: 1.19s; }
#trivia-content.pop-quiz.ltd-summerCamp .trivia-option-btn:nth-child(5) .trivia-option-letter { animation-delay: 1.27s; }
#trivia-content.pop-quiz.ltd-summerCamp .trivia-options-grid[data-count="5"] .trivia-option-letter { width: 44px; height: 44px; font-size: 1.25rem; }
/* Short screens: the signs give back height so the whole question still fits
   with the score bar under it (the rest of the screen is about 500 px with
   four answers, 506 px with five, the band and gaps included). */
@supports (height: 100dvh) {
    #trivia-content.pop-quiz.ltd-summerCamp .trivia-option-btn { min-height: clamp(46px, calc((100dvh - 500px) / 4), 68px); }
    #trivia-content.pop-quiz.ltd-summerCamp .trivia-options-grid[data-count="5"] .trivia-option-btn { min-height: clamp(42px, calc((100dvh - 506px) / 5), 56px); }
}
@media (max-height: 720px) {
    #trivia-content.pop-quiz.ltd-summerCamp { padding-top: 72px; }
    #trivia-content.pop-quiz.ltd-summerCamp::before { height: 60px; }
    #trivia-content.pop-quiz.ltd-summerCamp .trivia-timer-text { width: 50px; height: 50px; font-size: 1.15rem; border-width: 5px; margin-top: 18px; }
    #trivia-content.pop-quiz.ltd-summerCamp .trivia-timer-text::before { width: 30px; height: 28px; margin-left: -15px; }
    #trivia-content.pop-quiz.ltd-summerCamp .trivia-question-text { font-size: 1rem; line-height: 1.1; padding: 12px 16px 14px; margin: 8px 0 12px; }
    #trivia-content.pop-quiz.ltd-summerCamp .trivia-options-grid { gap: 10px; }
    #trivia-content.pop-quiz.ltd-summerCamp .trivia-options-grid[data-count="5"] { gap: 6px; }
    #trivia-content.pop-quiz.ltd-summerCamp .trivia-option-btn { font-size: 1.15rem; padding-top: 3px; padding-bottom: 3px; }
    #trivia-content.pop-quiz.ltd-summerCamp .trivia-option-letter,
    #trivia-content.pop-quiz.ltd-summerCamp .trivia-options-grid[data-count="5"] .trivia-option-letter { width: 38px; height: 38px; font-size: 1.05rem; border-width: 2px; }
    #trivia-content.pop-quiz.ltd-summerCamp .trivia-options-grid[data-count="5"] .trivia-option-btn { font-size: 1.05rem; }
    #trivia-content.pop-quiz.ltd-summerCamp .trivia-score-bar { margin-top: 12px; padding-top: 5px; padding-bottom: 5px; }
}
@media (max-height: 600px) {
    #trivia-content.pop-quiz.ltd-summerCamp .trivia-question-text { font-size: 1rem; line-height: 1.12; padding: 13px 15px 15px; }
    #trivia-content.pop-quiz.ltd-summerCamp .trivia-options-grid { gap: 8px; }
    #trivia-content.pop-quiz.ltd-summerCamp .trivia-option-btn { font-size: 1.05rem; min-height: 44px; }
    #trivia-content.pop-quiz.ltd-summerCamp .trivia-option-letter { width: 36px; height: 36px; font-size: 1.05rem; border-width: 2px; }
}

/* ── Locked in: a map card with the campfire; the pick on its sign ── */
#trivia-content.pop-quiz.ltd-summerCamp .pq-locked.show { padding-top: 18px; }
#trivia-content.pop-quiz.ltd-summerCamp .pq-lock-card {
    margin: 0 10px; padding: 22px 18px 26px; gap: 8px; transform: rotate(-1.5deg);
    animation: ltdscHang 0.8s cubic-bezier(0.3, 1.4, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-summerCamp .pq-lock-card svg { display: none; }
#trivia-content.pop-quiz.ltd-summerCamp .pq-lock-card::before {
    content: ''; display: block; width: 120px; height: 116px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -6 172 164'%3E%3Cg transform='translate(30.4 3.5)'%3E%3Cpath d='M49.6 115.2 C-5 115.2 -11.9 63.4 21.8 32.3 C29.8 57.6 44.6 43.8 49.6 0.0 C61.5 34.6 83.3 43.8 79.4 20.7 C115.1 57.6 105.2 115.2 49.6 115.2 Z' fill='%23F2701F' stroke='%231A1C19' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M49.6 115.2 C13.6 115.2 9 78.9 31.3 57.1 C36.5 74.9 46.3 65.2 49.6 34.6 C57.5 58.8 71.9 65.2 69.2 49.1 C92.8 74.9 86.3 115.2 49.6 115.2 Z' fill='%23FFCC4D'/%3E%3Cpath d='M49.6 115.2 C30 115.2 27.5 94.5 39.6 82 C42.5 92.2 47.8 86.6 49.6 69.1 C53.9 82.9 61.7 86.6 60.3 77.4 C73.2 92.2 69.6 115.2 49.6 115.2 Z' fill='%23FFF0B0'/%3E%3C/g%3E%3Cg transform='rotate(-14 80.0 116.6)'%3E%3Crect x='16.0' y='106.2' width='128.0' height='20.8' rx='10.4' fill='%237A4A24' stroke='%231A1C19' stroke-width='4'/%3E%3Cellipse cx='134.6' cy='116.6' rx='8.7' ry='10.0' fill='%23EBCB94' stroke='%231A1C19' stroke-width='3.5'/%3E%3Cellipse cx='134.6' cy='116.6' rx='4.2' ry='5.0' fill='none' stroke='%23C99357' stroke-width='2.5'/%3E%3C/g%3E%3Cg transform='rotate(14 80.0 116.6)'%3E%3Crect x='16.0' y='106.2' width='128.0' height='20.8' rx='10.4' fill='%237A4A24' stroke='%231A1C19' stroke-width='4'/%3E%3Cellipse cx='134.6' cy='116.6' rx='8.7' ry='10.0' fill='%23EBCB94' stroke='%231A1C19' stroke-width='3.5'/%3E%3Cellipse cx='134.6' cy='116.6' rx='4.2' ry='5.0' fill='none' stroke='%23C99357' stroke-width='2.5'/%3E%3C/g%3E%3Cellipse cx='18' cy='142' rx='12' ry='8' fill='%2377757E' stroke='%231A1C19' stroke-width='3.5'/%3E%3Cellipse cx='40' cy='142' rx='12' ry='8' fill='%235F5E68' stroke='%231A1C19' stroke-width='3.5'/%3E%3Cellipse cx='66' cy='142' rx='12' ry='8' fill='%238B8992' stroke='%231A1C19' stroke-width='3.5'/%3E%3Cellipse cx='91' cy='142' rx='12' ry='8' fill='%2377757E' stroke='%231A1C19' stroke-width='3.5'/%3E%3Cellipse cx='117' cy='142' rx='12' ry='8' fill='%235F5E68' stroke='%231A1C19' stroke-width='3.5'/%3E%3Cellipse cx='142' cy='142' rx='12' ry='8' fill='%238B8992' stroke='%231A1C19' stroke-width='3.5'/%3E%3C/svg%3E") 50% 100% / contain no-repeat;
    transform-origin: 50% 90%; animation: ltdscFlicker 1.1s ease-in-out infinite alternate;
}
#trivia-content.pop-quiz.ltd-summerCamp .pq-lock-card .pq-display { color: var(--sc-brown); font-size: 1.8rem; line-height: 1.05; }
#trivia-content.pop-quiz.ltd-summerCamp .pq-pick {
    display: flex; width: 100%; margin: 26px 0 22px; text-align: left; transform: none;
    animation: ltdscTrail 0.7s 0.3s cubic-bezier(0.3, 1.25, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-summerCamp .pq-pick .trivia-option-letter { width: 48px; height: 48px; font-size: 1.35rem; animation: none; }

/* ── Result: a merit badge is stamped on (sparks fly out of a right one) ── */
#trivia-content.pop-quiz.ltd-summerCamp .trivia-result { padding: 14px 0 0; }
#trivia-content.pop-quiz.ltd-summerCamp .trivia-result-icon { position: relative; width: 200px; height: 200px; margin: 0 auto 16px; }
#trivia-content.pop-quiz.ltd-summerCamp .ltdsc-result { position: relative; width: 200px; height: 200px; }
#trivia-content.pop-quiz.ltd-summerCamp .ltdsc-badge {
    position: absolute; inset: 5px; width: 190px; height: 190px; overflow: visible;
    animation: ltdscBadge 0.6s 0.15s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
#trivia-content.pop-quiz.ltd-summerCamp .ltdsc-wrong .ltdsc-badge {
    animation: ltdscBadge 0.6s 0.15s cubic-bezier(0.34, 1.56, 0.64, 1) both, ltdscShake 0.4s 0.85s ease-in-out;
}
#trivia-content.pop-quiz.ltd-summerCamp .ltdsc-spark {
    position: absolute; left: 50%; top: 50%; width: var(--s); height: calc(var(--s) * 1.6);
    margin: calc(var(--s) * -0.8) 0 0 calc(var(--s) / -2);
    background-size: 100% 100%; background-repeat: no-repeat;
    transform: translate(0, 0) scale(0);
    animation: ltdscSpark 1.6s cubic-bezier(0.2, 0.9, 0.3, 1) forwards;
}
#trivia-content.pop-quiz.ltd-summerCamp .trivia-result-text {
    font-family: 'Alfa Slab One', Georgia, serif; font-weight: 400; font-size: 3.4rem; line-height: 1;
    color: var(--sc-pine) !important; text-shadow: none; margin-bottom: 18px;
    animation: ltdscStamp 0.4s 0.65s cubic-bezier(0.2, 1.4, 0.5, 1) both, ltdscAppear 0.01s 0.65s steps(1) both;
}
#trivia-content.pop-quiz.ltd-summerCamp .trivia-result:has(.ltdsc-wrong) .trivia-result-text { color: var(--sc-red) !important; font-size: 3rem; }
/* The points on a banner scroll with notched berry tails. */
#trivia-content.pop-quiz.ltd-summerCamp .trivia-result-points {
    position: relative; display: inline-block; margin: 6px 40px 0; padding: 12px 26px 14px;
    color: var(--sc-brown); background: var(--sc-cream);
    border: 4px solid var(--sc-ink); border-radius: 8px; box-shadow: 0 6px 0 var(--sc-shadow);
    outline: 2px dashed rgba(43, 27, 14, 0.35); outline-offset: -11px;
    font-family: 'Alfa Slab One', Georgia, serif; font-weight: 400; font-size: 1.9rem; line-height: 1; white-space: nowrap;
    transform: rotate(0deg);
    animation: ltdscHang 0.7s 0.95s cubic-bezier(0.3, 1.4, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-summerCamp .trivia-result-points::before,
#trivia-content.pop-quiz.ltd-summerCamp .trivia-result-points::after {
    content: ''; position: absolute; top: 12px; width: 46px; height: calc(100% + 2px); z-index: -1;
    background: var(--sc-ink);
}
#trivia-content.pop-quiz.ltd-summerCamp .trivia-result-points::before {
    left: -34px; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 38% 50%);
    background: linear-gradient(var(--sc-berry), var(--sc-berry)) 4px 4px / calc(100% - 4px) calc(100% - 8px) no-repeat, var(--sc-ink);
}
#trivia-content.pop-quiz.ltd-summerCamp .trivia-result-points::after {
    right: -34px; clip-path: polygon(0 0, 100% 0, 62% 50%, 100% 100%, 0 100%);
    background: linear-gradient(var(--sc-berry), var(--sc-berry)) 0 4px / calc(100% - 4px) calc(100% - 8px) no-repeat, var(--sc-ink);
}
#trivia-content.pop-quiz.ltd-summerCamp .trivia-result-points.pq-earned { background: var(--sc-cream); transform: rotate(0deg); }
#trivia-content.pop-quiz.ltd-summerCamp .trivia-result-points:not(.pq-earned) { background: var(--sc-map); }

/* ── Get ready: a trail sign swings in; three embers hop ── */
#trivia-content.pop-quiz.ltd-summerCamp .pq-ready {
    margin: 50px 6px 0; padding: 30px 28px 30px; gap: 22px;
    background:
        radial-gradient(circle, #3A3A3C 0 4px, var(--sc-ink) 4px 6px, transparent 6px) 12px 12px / 12px 12px no-repeat,
        radial-gradient(circle, #3A3A3C 0 4px, var(--sc-ink) 4px 6px, transparent 6px) calc(100% - 12px) 12px / 12px 12px no-repeat,
        radial-gradient(circle, #3A3A3C 0 4px, var(--sc-ink) 4px 6px, transparent 6px) 12px calc(100% - 12px) / 12px 12px no-repeat,
        radial-gradient(circle, #3A3A3C 0 4px, var(--sc-ink) 4px 6px, transparent 6px) calc(100% - 12px) calc(100% - 12px) / 12px 12px no-repeat,
        repeating-linear-gradient(180deg, transparent 0 22px, rgba(139, 90, 43, 0.2) 22px 24px),
        var(--sc-wood);
    border-radius: 16px; transform: rotate(-2deg);
    animation: ltdscHang 0.9s cubic-bezier(0.3, 1.4, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-summerCamp .pq-ready .pq-display { color: var(--sc-brown); font-size: 1.85rem; line-height: 1.1; }
#trivia-content.pop-quiz.ltd-summerCamp .pq-dots { gap: 20px; height: 50px; }
#trivia-content.pop-quiz.ltd-summerCamp .pq-dots span {
    width: 22px; height: 34px; border: none; border-radius: 0;
    clip-path: polygon(50% 0, 85% 50%, 50% 100%, 15% 50%);
    background: var(--sc-ink) !important;
    position: relative;
}
#trivia-content.pop-quiz.ltd-summerCamp .pq-dots span::after {
    content: ''; position: absolute; inset: 0;
    clip-path: polygon(50% 9%, 77% 50%, 50% 91%, 23% 50%);
}
#trivia-content.pop-quiz.ltd-summerCamp .pq-dots span:nth-child(1)::after { background: var(--sc-flame); }
#trivia-content.pop-quiz.ltd-summerCamp .pq-dots span:nth-child(2)::after { background: var(--sc-ember); }
#trivia-content.pop-quiz.ltd-summerCamp .pq-dots span:nth-child(3)::after { background: var(--sc-gold); }

/* ── Game over: the words on a hung plaque; the final score on cabin
   plates under a merit badge ── */
#trivia-content.pop-quiz.ltd-summerCamp .trivia-final-rank {
    margin: 12px 8px 26px; padding: 22px 0 24px;
    font-family: 'Alfa Slab One', Georgia, serif; font-weight: 400; font-size: 2.5rem; color: var(--sc-brown);
    background:
        repeating-linear-gradient(180deg, transparent 0 24px, rgba(139, 90, 43, 0.18) 24px 26px),
        var(--sc-wood);
    border: 4px solid var(--sc-ink); border-radius: 18px;
    box-shadow: inset 0 0 0 9px var(--sc-wood), inset 0 0 0 12px rgba(139, 90, 43, 0.65), 0 8px 0 var(--sc-shadow);
    transform: rotate(-2deg);
    animation: ltdscHang 0.85s 0.1s cubic-bezier(0.3, 1.4, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-summerCamp .trivia-final-score { color: var(--sc-brown); }
#trivia-content.pop-quiz.ltd-summerCamp .ltdsc-final { display: flex; flex-direction: column; align-items: center; gap: 14px; }
#trivia-content.pop-quiz.ltd-summerCamp .ltdsc-final .ltdsc-badge {
    position: relative; inset: auto; width: 170px; height: 170px;
    animation: ltdscBadge 0.6s 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
#trivia-content.pop-quiz.ltd-summerCamp .ltdsc-final-label {
    font-size: 1rem; font-weight: 800; letter-spacing: 0.14em; color: var(--sc-muted);
    animation: ltdscRise 0.5s 0.8s cubic-bezier(0.3, 1.35, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-summerCamp .ltdsc-plates {
    display: flex; gap: 6px; align-items: center;
    animation: ltdscRise 0.5s 0.9s cubic-bezier(0.3, 1.35, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-summerCamp .ltdsc-plate {
    width: 40px; height: 54px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;
    background: var(--sc-plate); border: 3px solid var(--sc-ink); border-radius: 8px;
    box-shadow: inset 0 0 0 3px var(--sc-plate), inset 0 0 0 5px rgba(255, 247, 232, 0.55), 0 4px 0 var(--sc-shadow);
    font-family: 'Alfa Slab One', Georgia, serif; font-size: 2rem; color: var(--sc-cream); padding-top: 3px;
}
#trivia-content.pop-quiz.ltd-summerCamp .ltdsc-sep { font-family: 'Alfa Slab One', Georgia, serif; font-size: 2rem; color: var(--sc-brown); width: 12px; text-align: center; }

/* ── Score bar: in flow under the answers (the shared rule): an enamel
   cabin plate on a pine plank ── */
#trivia-content.pop-quiz.ltd-summerCamp .trivia-score-bar {
    margin-top: 16px; padding: 8px 14px 8px 18px;
    background:
        repeating-linear-gradient(180deg, transparent 0 16px, rgba(139, 90, 43, 0.18) 16px 18px),
        var(--sc-wood-l);
    border: 4px solid var(--sc-ink); border-radius: 12px; box-shadow: 0 5px 0 var(--sc-shadow);
}
#trivia-content.pop-quiz.ltd-summerCamp .trivia-score-label { font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--sc-muted); }
#trivia-content.pop-quiz.ltd-summerCamp .trivia-score-value {
    display: inline-block; min-width: 64px; padding: 6px 12px 3px; text-align: center;
    font-family: 'Alfa Slab One', Georgia, serif; font-weight: 400; color: var(--sc-cream);
    background: var(--sc-plate); border: 3px solid var(--sc-ink); border-radius: 8px;
    box-shadow: inset 0 0 0 3px var(--sc-plate), inset 0 0 0 5px rgba(255, 247, 232, 0.55), 0 3px 0 var(--sc-shadow);
    font-variant-numeric: tabular-nums; letter-spacing: 0.04em;
}

/* Short screens (an SE in Safari): the badges and the words come down a
   size so those screens fit too. */
@media (max-height: 720px) {
    #trivia-content.pop-quiz.ltd-summerCamp .pq-joined { padding-top: 20px; }
    #trivia-content.pop-quiz.ltd-summerCamp .pq-joined .pq-burst { font-size: 2.7rem; }
    #trivia-content.pop-quiz.ltd-summerCamp .pq-name-chip { margin: 24px 0 30px; font-size: 2.2rem; padding: 18px 38px 20px; }
    #trivia-content.pop-quiz.ltd-summerCamp .trivia-result-icon,
    #trivia-content.pop-quiz.ltd-summerCamp .ltdsc-result { width: 160px; height: 160px; }
    #trivia-content.pop-quiz.ltd-summerCamp .ltdsc-badge { width: 150px; height: 150px; }
    #trivia-content.pop-quiz.ltd-summerCamp .trivia-result-text { font-size: 2.8rem; margin-bottom: 12px; }
    #trivia-content.pop-quiz.ltd-summerCamp .trivia-final-rank { margin: 6px 8px 18px; padding: 16px 0 18px; font-size: 2.1rem; }
    #trivia-content.pop-quiz.ltd-summerCamp .ltdsc-final .ltdsc-badge { width: 130px; height: 130px; }
    #trivia-content.pop-quiz.ltd-summerCamp .pq-lock-card::before { width: 96px; height: 92px; }
    #trivia-content.pop-quiz.ltd-summerCamp .pq-ready { margin-top: 30px; }
}

/* Motion: transforms only. */
@keyframes ltdscHang { from { transform: translateY(-160px) rotate(-9deg); } 55% { transform: translateY(0) rotate(3deg); } 78% { transform: rotate(-2.5deg); } }
@keyframes ltdscSlide { from { transform: translateX(-120%); } }
@keyframes ltdscTrail { from { transform: translateX(115%) rotate(6deg); } 70% { transform: translateX(-2%) rotate(-1deg); } }
@keyframes ltdscStamp { from { transform: scale(0) rotate(-25deg); } }
@keyframes ltdscBadge { from { transform: scale(0) rotate(-40deg); } }
@keyframes ltdscRise { from { transform: translateY(140px); } }
@keyframes ltdscBump { 40% { transform: scale(1.14); } }
@keyframes ltdscFlicker { from { transform: scale(1.05, 0.95); } to { transform: scale(0.95, 1.06); } }
@keyframes ltdscShake { 25% { transform: rotate(-10deg); } 60% { transform: rotate(8deg); } 85% { transform: rotate(-3deg); } }
@keyframes ltdscSpark {
    30% { transform: translate(var(--dx), var(--dy)) rotate(var(--rot)) scale(1); }
    to { transform: translate(var(--dx), calc(var(--dy) - 60px)) rotate(calc(var(--rot) * 1.4)) scale(0); }
}
@keyframes ltdscAppear { from { visibility: hidden; } to { visibility: visible; } }
@media (prefers-reduced-motion: reduce) {
    #trivia-content.pop-quiz.ltd-summerCamp *, #trivia-content.pop-quiz.ltd-summerCamp,
    #trivia-content.pop-quiz.ltd-summerCamp *::before, #trivia-content.pop-quiz.ltd-summerCamp *::after { animation: none !important; }
}