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

   A recipe card's paper under a cranberry gingham band with a gold maple
   leaf; the title and the question set on pie dough over a baked crust;
   the answers painted place cards (the display's colours A–E, cream
   lettering with an ink shadow, the letter on a cream disc under a tucked
   maple leaf); the clock a little lattice pie whose filling strip is eaten
   away; a county-fair rosette for a right answer (leaves drift down), a
   burnt-sugar one crossed with cinnamon sticks for a wrong one; the points
   on a kraft price tag; the scores on wooden tiles. Fraunces for the
   display lettering, Bricolage Grotesque for the text (the Mac's bundled
   faces, ShowThemeFonts).

   Motion: cards are served onto the table and settle, the place cards drop
   in one by one, rosettes and tags are pinned on, leaves drift down.
   Transforms only. */

@font-face { font-family: 'Sidekick Trivia Fraunces'; font-style: normal; font-weight: 800; font-display: swap; src: url('/fonts/sidekick-trivia-fraunces-extra-bold-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Fraunces'; font-style: normal; font-weight: 900; font-display: swap; src: url('/fonts/sidekick-trivia-fraunces-black-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Fraunces'; font-style: italic; font-weight: 900; font-display: swap; src: url('/fonts/sidekick-trivia-fraunces-black-italic-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Bricolage'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/sidekick-trivia-bricolage-semi-bold-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Bricolage'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/sidekick-trivia-bricolage-bold-v1.woff2') format('woff2'); }
@font-face { font-family: 'Sidekick Trivia Bricolage'; font-style: normal; font-weight: 800; font-display: swap; src: url('/fonts/sidekick-trivia-bricolage-extra-bold-v1.woff2') format('woff2'); }

#trivia-content.pop-quiz.ltd-thanksgiving {
    --tg-ink: #2A160D; --tg-cream: #FFF4E2; --tg-dough: #FBE8C6; --tg-paper: #FFF8EC;
    --tg-crust: #C9842F; --tg-crust-d: #9A5A1B; --tg-gold: #E9A81A; --tg-chip: #F6D98B;
    --tg-pumpkin: #D9611C; --tg-cranberry: #A8233D; --tg-sage: #3E7B4E; --tg-grey: #4B3A31;
    --tg-grey-text: #A89282; --tg-grey-disc: #8F7A6C; --tg-muted: #6B5040; --tg-plate: #F3E6CF;
    --tg-drop: #140803; --tg-rim: rgba(255, 244, 226, 0.16);
    --tg-display: 'Sidekick Trivia Fraunces', 'Fraunces', Georgia, serif;
    --tg-text: 'Sidekick Trivia Bricolage', 'Bricolage Grotesque', system-ui, sans-serif;
    --pq-ink: #2A160D; --pq-cream: #FFF4E2; --pq-yellow: #E9A81A; --pq-green: #3E7B4E; --pq-red: #A8233D;
    position: relative;
    font-family: var(--tg-text);
    font-weight: 800;
    color: var(--tg-ink);
    padding-top: 86px;
    background:
        repeating-linear-gradient(180deg, transparent 0 37px, rgba(44, 102, 116, 0.12) 37px 39px),
        var(--tg-paper);
}
/* The gingham band: cranberry checks, a gold maple leaf in the middle. */
#trivia-content.pop-quiz.ltd-thanksgiving::before {
    content: ''; position: absolute; left: 0; right: 0; top: 0; height: 74px; pointer-events: none;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -6 112 112'%3E%3Cg transform='rotate(0 50 50)'%3E%3Cpath d='M50 2 L57 20 L66 14 L64 34 L78 24 L76 36 L92 34 L84 48 L96 54 L78 62 L82 74 L62 70 L58 78 L52 74 L53 98 L47 98 L48 74 L42 78 L38 70 L18 74 L22 62 L4 54 L16 48 L8 34 L24 36 L22 24 L36 34 L34 14 L43 20 Z' fill='%23E9A81A' stroke='%232A160D' stroke-width='6' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") 50% 54% / 34px 34px no-repeat,
        repeating-linear-gradient(90deg, rgba(233, 168, 26, 0.22) 0 18px, transparent 18px 34px),
        repeating-linear-gradient(0deg, rgba(233, 168, 26, 0.22) 0 18px, transparent 18px 34px),
        var(--tg-cranberry);
    border-bottom: 4px solid var(--tg-ink);
}
#trivia-content.pop-quiz.ltd-thanksgiving .pq-title,
#trivia-content.pop-quiz.ltd-thanksgiving .pq-display { font-family: var(--tg-display); font-weight: 900; }
#trivia-content.pop-quiz.ltd-thanksgiving .pq-sticker {
    background:
        repeating-linear-gradient(180deg, transparent 0 29px, rgba(44, 102, 116, 0.16) 29px 31px),
        var(--tg-paper);
    color: var(--tg-ink); border: 5px solid var(--tg-ink); border-radius: 18px;
    box-shadow: inset 14px 0 0 -9px var(--tg-cranberry), 0 8px 0 var(--tg-drop);
}

/* ── Join: the title on pie dough over its baked crust ── */
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-title {
    font-family: var(--tg-display); font-weight: 900;
    font-size: 2.15rem; line-height: 1.08; color: var(--tg-ink);
    background: var(--tg-dough);
    border: 4px solid var(--tg-ink); border-radius: 20px;
    box-shadow: 0 0 0 7px var(--tg-crust), 0 0 0 11px var(--tg-ink), 0 16px 0 2px var(--tg-drop);
    padding: 24px 22px 26px; margin: 22px 14px 34px; transform: rotate(-1.5deg);
    animation: ltdtgServe 0.85s cubic-bezier(0.3, 1.4, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-name-input {
    height: 62px; margin-bottom: 20px;
    background: var(--tg-paper); color: var(--tg-ink);
    border: 4px solid var(--tg-ink); border-radius: 14px; box-shadow: 0 6px 0 var(--tg-drop);
    font-family: var(--tg-text); font-weight: 800; font-size: 1.4rem;
}
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-name-input::placeholder { color: rgba(42, 22, 13, 0.45); }
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-join-btn {
    height: 72px; color: var(--tg-cream); background: var(--tg-cranberry);
    border: 5px solid var(--tg-ink); border-radius: 18px;
    box-shadow: inset 0 0 0 5px var(--tg-rim), 0 9px 0 var(--tg-drop);
    font-family: var(--tg-display); font-weight: 900; font-size: 1.8rem;
    text-shadow: 3px 3px 0 var(--tg-ink);
    transition: transform 0.1s ease-out;
}
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-join-btn:active { transform: translateY(5px); box-shadow: inset 0 0 0 5px var(--tg-rim), 0 4px 0 var(--tg-drop); }
#trivia-content.pop-quiz.ltd-thanksgiving #trivia-random-name p { color: var(--tg-muted) !important; font-weight: 700; }
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-random-name-display {
    display: inline-block; padding: 10px 30px 12px; color: var(--tg-ink);
    font-family: var(--tg-display); font-weight: 900;
    background: var(--tg-gold); border: 4px solid var(--tg-ink); border-radius: 16px;
    box-shadow: 0 6px 0 var(--tg-drop); transform: rotate(-2deg);
}
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-reroll-btn {
    color: var(--tg-ink); background: transparent; border: 3px dashed var(--tg-crust-d); border-radius: 999px;
    font-family: var(--tg-text); font-weight: 800;
}

/* You're in: the words, and the name on a gold place card set down crooked. */
#trivia-content.pop-quiz.ltd-thanksgiving #trivia-lobby:has(#trivia-joined-msg[style*="block"]) .trivia-title { display: none; }
#trivia-content.pop-quiz.ltd-thanksgiving .pq-joined { padding-top: 60px; }
#trivia-content.pop-quiz.ltd-thanksgiving .pq-joined .pq-burst {
    width: auto; height: auto; clip-path: none; background: none;
    color: var(--tg-ink); font-size: 3.3rem; line-height: 1.02;
    animation: ltdtgPin 0.5s cubic-bezier(0.2, 1.4, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-thanksgiving .pq-joined .pq-burst span { transform: none; }
#trivia-content.pop-quiz.ltd-thanksgiving .pq-name-chip {
    display: inline-block; margin: 40px 0 46px; padding: 22px 46px 26px; min-width: 200px;
    color: var(--tg-ink); font-family: var(--tg-text); font-weight: 800; font-size: 2.6rem; line-height: 1;
    background: var(--tg-gold);
    border: 5px solid var(--tg-ink); border-radius: 22px; box-shadow: 0 9px 0 var(--tg-drop);
    transform: rotate(-3deg);
    animation: ltdtgServe 0.8s 0.3s cubic-bezier(0.3, 1.4, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-waiting-joined p,
#trivia-content.pop-quiz.ltd-thanksgiving .pq-wait-line {
    color: var(--tg-muted); font-size: 1.2rem; font-weight: 600; line-height: 1.35;
    animation: ltdtgRise 0.5s 0.7s cubic-bezier(0.3, 1.35, 0.5, 1) both;
}
/* Two leaves fallen beside the welcome. */
#trivia-content.pop-quiz.ltd-thanksgiving .pq-joined::after {
    content: ''; display: block; height: 120px; margin: 26px 10px 0;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -6 112 112'%3E%3Cg transform='rotate(18 50 50)'%3E%3Cpath d='M50 2 L57 20 L66 14 L64 34 L78 24 L76 36 L92 34 L84 48 L96 54 L78 62 L82 74 L62 70 L58 78 L52 74 L53 98 L47 98 L48 74 L42 78 L38 70 L18 74 L22 62 L4 54 L16 48 L8 34 L24 36 L22 24 L36 34 L34 14 L43 20 Z' fill='%23D9611C' stroke='%232A160D' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M50 92 L50 26 M50 64 L24 44 M50 64 L76 44 M50 50 L36 30 M50 50 L64 30' fill='none' stroke='rgba(42,22,13,0.45)' stroke-width='2.6' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E") 8% 30% / 112px 112px no-repeat,
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -6 112 112'%3E%3Cg transform='rotate(-26 50 50)'%3E%3Cpath d='M50 4 Q63 9 58 20 Q73 17 68 32 Q83 32 74 46 Q88 51 76 60 Q84 73 66 70 Q66 85 53 80 L53 97 L47 97 L47 80 Q34 85 34 70 Q16 73 24 60 Q12 51 26 46 Q17 32 32 32 Q27 17 42 20 Q37 9 50 4 Z' fill='%23B98309' stroke='%232A160D' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M50 94 L50 14 M50 40 L34 32 M50 40 L66 32 M50 58 L30 52 M50 58 L70 52' fill='none' stroke='rgba(42,22,13,0.45)' stroke-width='2.6' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E") 88% 70% / 92px 92px no-repeat;
    animation: ltdtgDrift 0.9s 0.6s cubic-bezier(0.3, 1.2, 0.5, 1) both;
}

/* ── Question: the pie and its filling strip; the question on dough; the
   place cards drop in one by one ── */
#trivia-content.pop-quiz.ltd-thanksgiving #trivia-question { column-gap: 14px; }
/* The filling strip: pumpkin with lattice crossings, eaten from the right. */
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-timer-bar {
    height: 20px; overflow: hidden;
    background: var(--tg-plate); border: 3px solid var(--tg-ink); border-radius: 999px;
    box-shadow: 0 4px 0 var(--tg-drop);
    animation: ltdtgServe 0.6s 0.1s cubic-bezier(0.3, 1.35, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-timer-fill {
    border-radius: 999px;
    background-color: var(--tg-pumpkin) !important;
    background-image:
        repeating-linear-gradient(45deg, transparent 0 9px, rgba(201, 132, 47, 0.7) 9px 13px),
        repeating-linear-gradient(-45deg, transparent 0 9px, rgba(201, 132, 47, 0.7) 9px 13px);
}
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-timer-fill[data-level="warn"],
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-timer-fill[data-level="urgent"] { background-color: var(--tg-cranberry) !important; }
/* The pie: a scalloped crust around a paper disc with the seconds. */
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-timer-text {
    position: relative; width: 76px; height: 76px; border: none; box-shadow: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 104'%3E%3Cpath d='M50.0 5.0A7.2 7.2 0 0 1 62.7 6.8A7.2 7.2 0 0 1 74.3 12.1A7.2 7.2 0 0 1 84.0 20.5A7.2 7.2 0 0 1 90.9 31.3A7.2 7.2 0 0 1 94.5 43.6A7.2 7.2 0 0 1 94.5 56.4A7.2 7.2 0 0 1 90.9 68.7A7.2 7.2 0 0 1 84.0 79.5A7.2 7.2 0 0 1 74.3 87.9A7.2 7.2 0 0 1 62.7 93.2A7.2 7.2 0 0 1 50.0 95.0A7.2 7.2 0 0 1 37.3 93.2A7.2 7.2 0 0 1 25.7 87.9A7.2 7.2 0 0 1 16.0 79.5A7.2 7.2 0 0 1 9.1 68.7A7.2 7.2 0 0 1 5.5 56.4A7.2 7.2 0 0 1 5.5 43.6A7.2 7.2 0 0 1 9.1 31.3A7.2 7.2 0 0 1 16.0 20.5A7.2 7.2 0 0 1 25.7 12.1A7.2 7.2 0 0 1 37.3 6.8A7.2 7.2 0 0 1 50.0 5.0Z' transform='translate(0 4)' fill='rgba(20,8,3,0.6)'/%3E%3Cpath d='M50.0 5.0A7.2 7.2 0 0 1 62.7 6.8A7.2 7.2 0 0 1 74.3 12.1A7.2 7.2 0 0 1 84.0 20.5A7.2 7.2 0 0 1 90.9 31.3A7.2 7.2 0 0 1 94.5 43.6A7.2 7.2 0 0 1 94.5 56.4A7.2 7.2 0 0 1 90.9 68.7A7.2 7.2 0 0 1 84.0 79.5A7.2 7.2 0 0 1 74.3 87.9A7.2 7.2 0 0 1 62.7 93.2A7.2 7.2 0 0 1 50.0 95.0A7.2 7.2 0 0 1 37.3 93.2A7.2 7.2 0 0 1 25.7 87.9A7.2 7.2 0 0 1 16.0 79.5A7.2 7.2 0 0 1 9.1 68.7A7.2 7.2 0 0 1 5.5 56.4A7.2 7.2 0 0 1 5.5 43.6A7.2 7.2 0 0 1 9.1 31.3A7.2 7.2 0 0 1 16.0 20.5A7.2 7.2 0 0 1 25.7 12.1A7.2 7.2 0 0 1 37.3 6.8A7.2 7.2 0 0 1 50.0 5.0Z' fill='%23C9842F' stroke='%232A160D' stroke-width='3.5' stroke-linejoin='round'/%3E%3C/svg%3E") 50% 0 / 100% auto no-repeat;
    color: var(--tg-ink) !important;
    font-family: var(--tg-display); font-weight: 900; font-size: 1.35rem;
    font-variant-numeric: tabular-nums;
    animation: ltdtgPin 0.45s 0.1s cubic-bezier(0.2, 1.4, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-timer-text::before {
    content: ''; position: absolute; left: 50%; top: 50%; width: 42px; height: 42px; margin: -21px 0 0 -21px;
    box-sizing: border-box; border-radius: 50%; background: var(--tg-paper); border: 3px solid var(--tg-ink);
    z-index: -1;
}
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-timer-text { isolation: isolate; }
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-timer-text[data-level="warn"],
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-timer-text[data-level="urgent"] { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 104'%3E%3Cpath d='M50.0 5.0A7.2 7.2 0 0 1 62.7 6.8A7.2 7.2 0 0 1 74.3 12.1A7.2 7.2 0 0 1 84.0 20.5A7.2 7.2 0 0 1 90.9 31.3A7.2 7.2 0 0 1 94.5 43.6A7.2 7.2 0 0 1 94.5 56.4A7.2 7.2 0 0 1 90.9 68.7A7.2 7.2 0 0 1 84.0 79.5A7.2 7.2 0 0 1 74.3 87.9A7.2 7.2 0 0 1 62.7 93.2A7.2 7.2 0 0 1 50.0 95.0A7.2 7.2 0 0 1 37.3 93.2A7.2 7.2 0 0 1 25.7 87.9A7.2 7.2 0 0 1 16.0 79.5A7.2 7.2 0 0 1 9.1 68.7A7.2 7.2 0 0 1 5.5 56.4A7.2 7.2 0 0 1 5.5 43.6A7.2 7.2 0 0 1 9.1 31.3A7.2 7.2 0 0 1 16.0 20.5A7.2 7.2 0 0 1 25.7 12.1A7.2 7.2 0 0 1 37.3 6.8A7.2 7.2 0 0 1 50.0 5.0Z' transform='translate(0 4)' fill='rgba(20,8,3,0.6)'/%3E%3Cpath d='M50.0 5.0A7.2 7.2 0 0 1 62.7 6.8A7.2 7.2 0 0 1 74.3 12.1A7.2 7.2 0 0 1 84.0 20.5A7.2 7.2 0 0 1 90.9 31.3A7.2 7.2 0 0 1 94.5 43.6A7.2 7.2 0 0 1 94.5 56.4A7.2 7.2 0 0 1 90.9 68.7A7.2 7.2 0 0 1 84.0 79.5A7.2 7.2 0 0 1 74.3 87.9A7.2 7.2 0 0 1 62.7 93.2A7.2 7.2 0 0 1 50.0 95.0A7.2 7.2 0 0 1 37.3 93.2A7.2 7.2 0 0 1 25.7 87.9A7.2 7.2 0 0 1 16.0 79.5A7.2 7.2 0 0 1 9.1 68.7A7.2 7.2 0 0 1 5.5 56.4A7.2 7.2 0 0 1 5.5 43.6A7.2 7.2 0 0 1 9.1 31.3A7.2 7.2 0 0 1 16.0 20.5A7.2 7.2 0 0 1 25.7 12.1A7.2 7.2 0 0 1 37.3 6.8A7.2 7.2 0 0 1 50.0 5.0Z' fill='%23C9842F' stroke='%232A160D' stroke-width='3.5' stroke-linejoin='round'/%3E%3C/svg%3E") 50% 0 / 100% auto no-repeat; }
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-timer-text[data-level="urgent"] { color: var(--tg-cranberry) !important; }
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-timer-text.pq-tick { animation: ltdtgBump 0.3s ease-out; }
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-question-text {
    background: var(--tg-dough); color: var(--tg-ink);
    border: 4px solid var(--tg-ink); border-radius: 18px;
    box-shadow: 0 6px 0 var(--tg-crust), 0 6px 0 4px var(--tg-ink);
    padding: 13px 16px 15px; margin: 12px 0 16px;
    font-family: var(--tg-display); font-weight: 800; font-size: 1.1rem; line-height: 1.12;
    transform-origin: 50% 0;
    animation: ltdtgServe 0.8s 0.2s cubic-bezier(0.3, 1.4, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-options-grid { gap: 12px; margin: 0; }
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-options-grid[data-count="5"] { gap: 11px; }
/* A place card: the paint is the button's own colour (the display's A–E). */
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-option-btn,
#trivia-content.pop-quiz.ltd-thanksgiving .pq-pick {
    position: relative; overflow: visible;
    gap: 14px; min-height: 66px; padding: 4px 16px 4px 12px;
    color: var(--tg-cream); border: 5px solid var(--tg-ink); border-radius: 18px;
    box-shadow: inset 0 0 0 5px var(--tg-rim), 0 8px 0 var(--tg-drop);
    text-shadow: 2px 2px 0 var(--tg-ink);
    font-family: var(--tg-text); font-weight: 800; font-size: 1.22rem; line-height: 1.08;
    transition: transform 0.1s ease-out;
    animation: ltdtgDeal 0.75s cubic-bezier(0.3, 1.3, 0.5, 1) backwards;
}
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-option-btn:nth-child(1) { animation-delay: 0.45s; }
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-option-btn:nth-child(2) { animation-delay: 0.57s; }
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-option-btn:nth-child(3) { animation-delay: 0.69s; }
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-option-btn:nth-child(4) { animation-delay: 0.81s; }
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-option-btn:nth-child(5) { animation-delay: 0.93s; }
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-option-btn:active { transform: translateY(4px) scale(0.98); box-shadow: inset 0 0 0 5px var(--tg-rim), 0 4px 0 var(--tg-drop); }
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-option-btn.selected { transform: translateY(3px); box-shadow: inset 0 0 0 5px var(--tg-rim), 0 0 0 4px var(--tg-gold), 0 0 0 8px var(--tg-ink); }
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-options-grid[data-count="5"] .trivia-option-btn { min-height: 56px; font-size: 1.1rem; }
/* The letter on a cream disc, a gold maple leaf tucked behind it. */
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-option-letter {
    position: relative; isolation: isolate;
    width: 50px; height: 50px; box-sizing: border-box;
    background: var(--tg-cream); border: 3px solid var(--tg-ink);
    color: var(--tg-ink); text-shadow: none;
    font-family: var(--tg-display); font-weight: 900; font-size: 1.45rem; padding-bottom: 2px;
    animation: ltdtgPin 0.4s cubic-bezier(0.2, 1.4, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-option-letter::before {
    content: ''; position: absolute; left: 50%; top: -48%; width: 92%; height: 92%; z-index: -1;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -6 112 112'%3E%3Cg transform='rotate(32 50 50)'%3E%3Cpath d='M50 2 L57 20 L66 14 L64 34 L78 24 L76 36 L92 34 L84 48 L96 54 L78 62 L82 74 L62 70 L58 78 L52 74 L53 98 L47 98 L48 74 L42 78 L38 70 L18 74 L22 62 L4 54 L16 48 L8 34 L24 36 L22 24 L36 34 L34 14 L43 20 Z' fill='%23E9A81A' stroke='%232A160D' stroke-width='5' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") 50% 50% / 100% 100% no-repeat;
}
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-option-btn:nth-child(1) .trivia-option-letter { animation-delay: 0.95s; }
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-option-btn:nth-child(2) .trivia-option-letter { animation-delay: 1.03s; }
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-option-btn:nth-child(3) .trivia-option-letter { animation-delay: 1.11s; }
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-option-btn:nth-child(4) .trivia-option-letter { animation-delay: 1.19s; }
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-option-btn:nth-child(5) .trivia-option-letter { animation-delay: 1.27s; }
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-options-grid[data-count="5"] .trivia-option-letter { width: 44px; height: 44px; font-size: 1.25rem; }
/* Short screens: the cards 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-thanksgiving .trivia-option-btn { min-height: clamp(46px, calc((100dvh - 500px) / 4), 66px); }
    #trivia-content.pop-quiz.ltd-thanksgiving .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-thanksgiving { padding-top: 70px; }
    #trivia-content.pop-quiz.ltd-thanksgiving::before { height: 56px; background-size: 26px 26px, auto, auto, auto; }
    #trivia-content.pop-quiz.ltd-thanksgiving .trivia-timer-text { width: 58px; height: 58px; font-size: 1.1rem; }
    #trivia-content.pop-quiz.ltd-thanksgiving .trivia-timer-text::before { width: 32px; height: 32px; margin: -16px 0 0 -16px; }
    #trivia-content.pop-quiz.ltd-thanksgiving .trivia-question-text { font-size: 0.95rem; line-height: 1.08; padding: 10px 14px 12px; margin: 6px 0 12px; }
    #trivia-content.pop-quiz.ltd-thanksgiving .trivia-options-grid { gap: 9px; }
    #trivia-content.pop-quiz.ltd-thanksgiving .trivia-options-grid[data-count="5"] { gap: 6px; }
    #trivia-content.pop-quiz.ltd-thanksgiving .trivia-option-btn { font-size: 1.08rem; line-height: 1.02; padding-top: 2px; padding-bottom: 2px; border-width: 4px; box-shadow: inset 0 0 0 4px var(--tg-rim), 0 6px 0 var(--tg-drop); }
    #trivia-content.pop-quiz.ltd-thanksgiving .trivia-option-btn { min-height: clamp(40px, calc((100dvh - 500px) / 4), 66px); }
    #trivia-content.pop-quiz.ltd-thanksgiving .trivia-options-grid[data-count="5"] .trivia-option-btn { min-height: clamp(36px, calc((100dvh - 506px) / 5), 56px); }
    #trivia-content.pop-quiz.ltd-thanksgiving .trivia-option-letter,
    #trivia-content.pop-quiz.ltd-thanksgiving .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-thanksgiving .trivia-options-grid[data-count="5"] .trivia-option-btn { font-size: 1.05rem; }
    #trivia-content.pop-quiz.ltd-thanksgiving .trivia-score-bar { margin-top: 12px; padding-top: 5px; padding-bottom: 5px; }
}
@media (max-height: 600px) {
    #trivia-content.pop-quiz.ltd-thanksgiving .trivia-question-text { font-size: 1rem; line-height: 1.12; padding: 13px 15px 15px; }
    #trivia-content.pop-quiz.ltd-thanksgiving .trivia-options-grid { gap: 8px; }
    #trivia-content.pop-quiz.ltd-thanksgiving .trivia-option-btn { font-size: 1.05rem; min-height: 44px; }
    #trivia-content.pop-quiz.ltd-thanksgiving .trivia-option-letter { width: 36px; height: 36px; font-size: 1.05rem; border-width: 2px; }
}

/* ── Locked in: a recipe card with a whole pie; the pick on its place card ── */
#trivia-content.pop-quiz.ltd-thanksgiving .pq-locked.show { padding-top: 18px; }
#trivia-content.pop-quiz.ltd-thanksgiving .pq-lock-card {
    margin: 0 10px; padding: 22px 18px 26px 26px; gap: 10px; transform: rotate(-1.5deg);
    animation: ltdtgServe 0.8s cubic-bezier(0.3, 1.4, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-thanksgiving .pq-lock-card svg { display: none; }
#trivia-content.pop-quiz.ltd-thanksgiving .pq-lock-card::before {
    content: ''; display: block; width: 112px; height: 116px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 104'%3E%3Cdefs%3E%3CclipPath id='c'%3E%3Ccircle cx='50' cy='50' r='34'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath d='M50.0 5.0A7.2 7.2 0 0 1 62.7 6.8A7.2 7.2 0 0 1 74.3 12.1A7.2 7.2 0 0 1 84.0 20.5A7.2 7.2 0 0 1 90.9 31.3A7.2 7.2 0 0 1 94.5 43.6A7.2 7.2 0 0 1 94.5 56.4A7.2 7.2 0 0 1 90.9 68.7A7.2 7.2 0 0 1 84.0 79.5A7.2 7.2 0 0 1 74.3 87.9A7.2 7.2 0 0 1 62.7 93.2A7.2 7.2 0 0 1 50.0 95.0A7.2 7.2 0 0 1 37.3 93.2A7.2 7.2 0 0 1 25.7 87.9A7.2 7.2 0 0 1 16.0 79.5A7.2 7.2 0 0 1 9.1 68.7A7.2 7.2 0 0 1 5.5 56.4A7.2 7.2 0 0 1 5.5 43.6A7.2 7.2 0 0 1 9.1 31.3A7.2 7.2 0 0 1 16.0 20.5A7.2 7.2 0 0 1 25.7 12.1A7.2 7.2 0 0 1 37.3 6.8A7.2 7.2 0 0 1 50.0 5.0Z' transform='translate(0 4)' fill='rgba(20,8,3,0.6)'/%3E%3Cpath d='M50.0 5.0A7.2 7.2 0 0 1 62.7 6.8A7.2 7.2 0 0 1 74.3 12.1A7.2 7.2 0 0 1 84.0 20.5A7.2 7.2 0 0 1 90.9 31.3A7.2 7.2 0 0 1 94.5 43.6A7.2 7.2 0 0 1 94.5 56.4A7.2 7.2 0 0 1 90.9 68.7A7.2 7.2 0 0 1 84.0 79.5A7.2 7.2 0 0 1 74.3 87.9A7.2 7.2 0 0 1 62.7 93.2A7.2 7.2 0 0 1 50.0 95.0A7.2 7.2 0 0 1 37.3 93.2A7.2 7.2 0 0 1 25.7 87.9A7.2 7.2 0 0 1 16.0 79.5A7.2 7.2 0 0 1 9.1 68.7A7.2 7.2 0 0 1 5.5 56.4A7.2 7.2 0 0 1 5.5 43.6A7.2 7.2 0 0 1 9.1 31.3A7.2 7.2 0 0 1 16.0 20.5A7.2 7.2 0 0 1 25.7 12.1A7.2 7.2 0 0 1 37.3 6.8A7.2 7.2 0 0 1 50.0 5.0Z' fill='%23C9842F' stroke='%232A160D' stroke-width='3.5' stroke-linejoin='round'/%3E%3Ccircle cx='50' cy='50' r='34' fill='%23D9611C'/%3E%3Cg clip-path='url(%23c)'%3E%3Cpath d='M-100 100 L0 0' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M-100 0 L0 100' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M-86 100 L14 0' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M-86 0 L14 100' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M-72 100 L28 0' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M-72 0 L28 100' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M-58 100 L42 0' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M-58 0 L42 100' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M-44 100 L56 0' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M-44 0 L56 100' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M-30 100 L70 0' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M-30 0 L70 100' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M-16 100 L84 0' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M-16 0 L84 100' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M-2 100 L98 0' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M-2 0 L98 100' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M12 100 L112 0' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M12 0 L112 100' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M26 100 L126 0' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M26 0 L126 100' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M40 100 L140 0' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M40 0 L140 100' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M54 100 L154 0' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M54 0 L154 100' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M68 100 L168 0' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M68 0 L168 100' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M82 100 L182 0' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M82 0 L182 100' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M96 100 L196 0' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3Cpath d='M96 0 L196 100' stroke='rgba(201,132,47,0.8)' stroke-width='5'/%3E%3C/g%3E%3Ccircle cx='50' cy='50' r='34' fill='none' stroke='%232A160D' stroke-width='3.5'/%3E%3C/svg%3E") 50% 0 / 100% auto no-repeat;
    transform-origin: 50% 60%; animation: ltdtgWobble 2.4s ease-in-out infinite alternate;
}
#trivia-content.pop-quiz.ltd-thanksgiving .pq-lock-card .pq-display { color: var(--tg-ink); font-size: 1.95rem; line-height: 1.05; }
#trivia-content.pop-quiz.ltd-thanksgiving .pq-pick {
    display: flex; width: 100%; margin: 28px 0 24px; text-align: left; transform: none;
    animation: ltdtgDeal 0.7s 0.3s cubic-bezier(0.3, 1.25, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-thanksgiving .pq-pick .trivia-option-letter { width: 48px; height: 48px; font-size: 1.35rem; animation: none; }

/* ── Result: a prize rosette is pinned on (leaves drift down past a right one) ── */
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-result { padding: 10px 0 0; }
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-result-icon { position: relative; width: 210px; height: 252px; margin: 0 auto 10px; }
#trivia-content.pop-quiz.ltd-thanksgiving .ltdtg-result { position: relative; width: 210px; height: 252px; }
#trivia-content.pop-quiz.ltd-thanksgiving .ltdtg-rosette {
    position: absolute; left: 0; top: 0; width: 210px; height: 252px; overflow: visible;
    transform-origin: 50% 40%;
    animation: ltdtgRosette 0.6s 0.15s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
#trivia-content.pop-quiz.ltd-thanksgiving .ltdtg-wrong .ltdtg-rosette {
    animation: ltdtgRosette 0.6s 0.15s cubic-bezier(0.34, 1.56, 0.64, 1) both, ltdtgShake 0.4s 0.85s ease-in-out;
}
#trivia-content.pop-quiz.ltd-thanksgiving .ltdtg-leaf {
    position: absolute; left: var(--x); top: -40px; width: var(--s); height: var(--s);
    background-size: 100% 100%; background-repeat: no-repeat;
    transform: translate(0, -60px) rotate(0deg) scale(0);
    animation: ltdtgFall 2.6s cubic-bezier(0.3, 0.6, 0.5, 1) forwards;
}
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-result-text {
    font-family: var(--tg-display); font-weight: 900; font-size: 3.5rem; line-height: 1;
    color: var(--tg-sage) !important; text-shadow: none; position: relative; z-index: 1; margin-bottom: 18px;
    animation: ltdtgPin 0.4s 0.65s cubic-bezier(0.2, 1.4, 0.5, 1) both, ltdtgAppear 0.01s 0.65s steps(1) both;
}
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-result:has(.ltdtg-wrong) .trivia-result-text { color: var(--tg-cranberry) !important; font-size: 3.2rem; }
/* The points on a kraft price tag with its punched hole. */
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-result-points {
    position: relative; z-index: 1; display: inline-block; margin: 6px 0 0; padding: 12px 30px 15px 52px;
    color: var(--tg-ink); background: var(--tg-paper);
    border: none; border-radius: 0 16px 16px 0;
    clip-path: polygon(24px 0, 100% 0, 100% 100%, 24px 100%, 0 50%);
    box-shadow: inset 0 0 0 4px var(--tg-ink);
    font-family: var(--tg-display); font-weight: 900; font-size: 1.9rem; line-height: 1; white-space: nowrap;
    filter: drop-shadow(0 6px 0 var(--tg-drop));
    transform: rotate(-2deg);
    animation: ltdtgServe 0.7s 0.95s cubic-bezier(0.3, 1.4, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-result-points::before {
    content: ''; position: absolute; left: 20px; top: 50%; width: 14px; height: 14px; margin-top: -7px;
    border-radius: 50%; background: var(--tg-ink);
}
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-result-points::after {
    content: ''; position: absolute; left: 0; top: 0; width: 24px; height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 100' preserveAspectRatio='none'%3E%3Cpath d='M24 0 L0 50 L24 100' fill='none' stroke='%232A160D' stroke-width='9' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
}
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-result-points.pq-earned { background: var(--tg-chip); transform: rotate(-2deg); }
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-result-points:not(.pq-earned) { background: var(--tg-paper); }

/* ── Get ready: a recipe card is served; three little pies hop ── */
#trivia-content.pop-quiz.ltd-thanksgiving .pq-ready {
    margin: 50px 6px 0; padding: 32px 26px 32px 34px; gap: 24px;
    transform: rotate(-2deg);
    animation: ltdtgServe 0.9s cubic-bezier(0.3, 1.4, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-thanksgiving .pq-ready .pq-display { color: var(--tg-ink); font-size: 1.9rem; line-height: 1.1; }
#trivia-content.pop-quiz.ltd-thanksgiving .pq-dots { gap: 22px; height: 54px; }
#trivia-content.pop-quiz.ltd-thanksgiving .pq-dots span {
    width: 34px; height: 34px; border: none; border-radius: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 104'%3E%3Cpath d='M50.0 5.0A7.2 7.2 0 0 1 62.7 6.8A7.2 7.2 0 0 1 74.3 12.1A7.2 7.2 0 0 1 84.0 20.5A7.2 7.2 0 0 1 90.9 31.3A7.2 7.2 0 0 1 94.5 43.6A7.2 7.2 0 0 1 94.5 56.4A7.2 7.2 0 0 1 90.9 68.7A7.2 7.2 0 0 1 84.0 79.5A7.2 7.2 0 0 1 74.3 87.9A7.2 7.2 0 0 1 62.7 93.2A7.2 7.2 0 0 1 50.0 95.0A7.2 7.2 0 0 1 37.3 93.2A7.2 7.2 0 0 1 25.7 87.9A7.2 7.2 0 0 1 16.0 79.5A7.2 7.2 0 0 1 9.1 68.7A7.2 7.2 0 0 1 5.5 56.4A7.2 7.2 0 0 1 5.5 43.6A7.2 7.2 0 0 1 9.1 31.3A7.2 7.2 0 0 1 16.0 20.5A7.2 7.2 0 0 1 25.7 12.1A7.2 7.2 0 0 1 37.3 6.8A7.2 7.2 0 0 1 50.0 5.0Z' transform='translate(0 4)' fill='rgba(20,8,3,0.6)'/%3E%3Cpath d='M50.0 5.0A7.2 7.2 0 0 1 62.7 6.8A7.2 7.2 0 0 1 74.3 12.1A7.2 7.2 0 0 1 84.0 20.5A7.2 7.2 0 0 1 90.9 31.3A7.2 7.2 0 0 1 94.5 43.6A7.2 7.2 0 0 1 94.5 56.4A7.2 7.2 0 0 1 90.9 68.7A7.2 7.2 0 0 1 84.0 79.5A7.2 7.2 0 0 1 74.3 87.9A7.2 7.2 0 0 1 62.7 93.2A7.2 7.2 0 0 1 50.0 95.0A7.2 7.2 0 0 1 37.3 93.2A7.2 7.2 0 0 1 25.7 87.9A7.2 7.2 0 0 1 16.0 79.5A7.2 7.2 0 0 1 9.1 68.7A7.2 7.2 0 0 1 5.5 56.4A7.2 7.2 0 0 1 5.5 43.6A7.2 7.2 0 0 1 9.1 31.3A7.2 7.2 0 0 1 16.0 20.5A7.2 7.2 0 0 1 25.7 12.1A7.2 7.2 0 0 1 37.3 6.8A7.2 7.2 0 0 1 50.0 5.0Z' fill='%23C9842F' stroke='%232A160D' stroke-width='3.5' stroke-linejoin='round'/%3E%3C/svg%3E") 50% 0 / 100% auto no-repeat !important;
    position: relative;
}
#trivia-content.pop-quiz.ltd-thanksgiving .pq-dots span::after {
    content: ''; position: absolute; left: 50%; top: 48%; width: 52%; height: 52%; margin: -26% 0 0 -26%;
    box-sizing: border-box; border-radius: 50%; border: 2px solid var(--tg-ink);
}
#trivia-content.pop-quiz.ltd-thanksgiving .pq-dots span:nth-child(1)::after { background: var(--tg-pumpkin); }
#trivia-content.pop-quiz.ltd-thanksgiving .pq-dots span:nth-child(2)::after { background: var(--tg-cranberry); }
#trivia-content.pop-quiz.ltd-thanksgiving .pq-dots span:nth-child(3)::after { background: var(--tg-gold); }

/* ── Game over: the words on pie dough; the final score on wooden tiles
   under a rosette ── */
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-final-rank {
    margin: 22px 18px 30px; padding: 22px 0 24px;
    font-family: var(--tg-display); font-weight: 900; font-size: 2.5rem; color: var(--tg-ink);
    background: var(--tg-dough);
    border: 4px solid var(--tg-ink); border-radius: 20px;
    box-shadow: 0 0 0 7px var(--tg-crust), 0 0 0 11px var(--tg-ink), 0 16px 0 2px var(--tg-drop);
    transform: rotate(-2deg);
    animation: ltdtgServe 0.85s 0.1s cubic-bezier(0.3, 1.4, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-final-score { color: var(--tg-ink); }
#trivia-content.pop-quiz.ltd-thanksgiving .ltdtg-final { display: flex; flex-direction: column; align-items: center; gap: 12px; }
#trivia-content.pop-quiz.ltd-thanksgiving .ltdtg-final .ltdtg-rosette {
    position: relative; left: auto; top: auto; width: 170px; height: 204px;
    animation: ltdtgRosette 0.6s 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
#trivia-content.pop-quiz.ltd-thanksgiving .ltdtg-final-label {
    font-size: 1rem; font-weight: 800; letter-spacing: 0.14em; color: var(--tg-muted);
    animation: ltdtgRise 0.5s 0.8s cubic-bezier(0.3, 1.35, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-thanksgiving .ltdtg-tiles {
    display: flex; gap: 5px; align-items: center;
    animation: ltdtgRise 0.5s 0.9s cubic-bezier(0.3, 1.35, 0.5, 1) both;
}
#trivia-content.pop-quiz.ltd-thanksgiving .ltdtg-tile {
    width: 44px; height: 56px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;
    background: linear-gradient(180deg, #F0CF97, #D6A564); border: 3px solid var(--tg-ink); border-radius: 9px;
    box-shadow: inset 0 -5px 0 rgba(122, 70, 24, 0.35), 0 4px 0 var(--tg-drop);
    font-family: var(--tg-display); font-weight: 900; font-size: 2.1rem; color: var(--tg-ink); padding-bottom: 3px;
}
#trivia-content.pop-quiz.ltd-thanksgiving .ltdtg-sep { font-family: var(--tg-display); font-weight: 900; font-size: 2.1rem; color: var(--tg-ink); width: 12px; text-align: center; }

/* ── Score bar: in flow under the answers (the shared rule): a paper card,
   the score on a wooden tile ── */
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-score-bar {
    margin-top: 18px; padding: 8px 14px 8px 18px;
    background: var(--tg-paper);
    border: 4px solid var(--tg-ink); border-radius: 14px; box-shadow: 0 6px 0 var(--tg-drop);
}
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-score-label { font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--tg-muted); }
#trivia-content.pop-quiz.ltd-thanksgiving .trivia-score-value {
    display: inline-block; min-width: 64px; padding: 4px 12px 5px; text-align: center;
    font-family: var(--tg-display); font-weight: 900; color: var(--tg-ink);
    background: linear-gradient(180deg, #F0CF97, #D6A564); border: 3px solid var(--tg-ink); border-radius: 9px;
    box-shadow: inset 0 -4px 0 rgba(122, 70, 24, 0.35), 0 3px 0 var(--tg-drop);
    font-variant-numeric: tabular-nums; letter-spacing: 0.02em;
}

/* Short screens (an SE in Safari): the rosettes and the words come down a
   size so those screens fit too. */
@media (max-height: 720px) {
    #trivia-content.pop-quiz.ltd-thanksgiving .pq-joined { padding-top: 24px; }
    #trivia-content.pop-quiz.ltd-thanksgiving .pq-joined .pq-burst { font-size: 2.8rem; }
    #trivia-content.pop-quiz.ltd-thanksgiving .pq-name-chip { margin: 26px 0 30px; font-size: 2.2rem; padding: 18px 38px 22px; }
    #trivia-content.pop-quiz.ltd-thanksgiving .pq-joined::after { height: 90px; margin-top: 10px; background-size: 84px 84px, 70px 70px; }
    #trivia-content.pop-quiz.ltd-thanksgiving .trivia-result-icon,
    #trivia-content.pop-quiz.ltd-thanksgiving .ltdtg-result { width: 160px; height: 192px; }
    #trivia-content.pop-quiz.ltd-thanksgiving .ltdtg-rosette { width: 160px; height: 192px; }
    #trivia-content.pop-quiz.ltd-thanksgiving .trivia-result-text { font-size: 2.9rem; margin-bottom: 12px; }
    #trivia-content.pop-quiz.ltd-thanksgiving .trivia-final-rank { margin: 10px 18px 22px; padding: 16px 0 18px; font-size: 2.1rem; }
    #trivia-content.pop-quiz.ltd-thanksgiving .ltdtg-final .ltdtg-rosette { width: 130px; height: 156px; }
    #trivia-content.pop-quiz.ltd-thanksgiving .pq-lock-card::before { width: 92px; height: 96px; }
    #trivia-content.pop-quiz.ltd-thanksgiving .pq-ready { margin-top: 30px; }
}

/* Motion: transforms only. */
@keyframes ltdtgServe { from { transform: translateY(-160px) rotate(-7deg); } 55% { transform: translateY(0) rotate(2.5deg); } 78% { transform: rotate(-2deg); } }
@keyframes ltdtgDeal { from { transform: translateY(-90px) rotate(-6deg) scale(0.9); } 60% { transform: translateY(4px) rotate(1deg); } }
@keyframes ltdtgPin { from { transform: scale(0) rotate(-25deg); } }
@keyframes ltdtgRosette { from { transform: scale(0) rotate(-40deg); } }
@keyframes ltdtgRise { from { transform: translateY(140px); } }
@keyframes ltdtgBump { 40% { transform: scale(1.14); } }
@keyframes ltdtgWobble { from { transform: rotate(-6deg); } to { transform: rotate(6deg); } }
@keyframes ltdtgDrift { from { transform: translateY(-120px) rotate(-30deg); } }
@keyframes ltdtgShake { 25% { transform: rotate(-10deg); } 60% { transform: rotate(8deg); } 85% { transform: rotate(-3deg); } }
@keyframes ltdtgFall {
    12% { transform: translate(0, 0) rotate(0deg) scale(1); }
    to { transform: translate(var(--dx), var(--dy)) rotate(var(--rot)) scale(1); }
}
@keyframes ltdtgAppear { from { visibility: hidden; } to { visibility: visible; } }
@media (prefers-reduced-motion: reduce) {
    #trivia-content.pop-quiz.ltd-thanksgiving *, #trivia-content.pop-quiz.ltd-thanksgiving,
    #trivia-content.pop-quiz.ltd-thanksgiving *::before, #trivia-content.pop-quiz.ltd-thanksgiving *::after { animation: none !important; }
}