/* Live Polls · Thanksgiving phone skin ("Harvest Table", owner decision
   2026-10-07), from the Holiday Themes canvas boards TG-Polls-Phone and
   -Anim: a pie-dough panel under a cranberry gingham banner, the question on
   a dough card with a baked-crust shadow, the options as inked cards in the
   theme's colours with a cream letter plate and a golden maple leaf, the
   cranberry paused card, and "Vote counted!" under the green-checked
   rosette. Every rule is scoped to #poll-content.poll-design.pld-thanksgiving
   or #voted-message.poll-design.pld-thanksgiving, so no other screen or
   feature is touched; the classic screens (no .poll-design) never match.

   /poll-designs/thanksgiving.js letters each option (optionHTML), draws the
   pick on "Vote counted!" (votedPickHTML), and marks which entrances play
   (.tgp-enter: only when a poll arrives, never on a snapshot that only
   re-renders the same screen).

   The Stop: the cards dim toward the table's brown and the paused card
   slides up 0.1 s after it shows, over 0.5 s
   (PollsThanksgivingDesign.phoneStopEntrance, 0.6 s; the tests read it).
   The Mac holds it for the display's TOP PICK beat less that (stopDelayMs),
   so it lands with the projector. The projector never shows a paused label;
   the phones do.

   The colours are ShowThemePalettes.swift's ThanksgivingPalette (the eight
   options by place, one dark-crust ink). The faces are the Mac's bundled
   ones (ShowThemeFonts), self-hosted (licences in /fonts/OFL-*.txt). The
   dough lives on these in-flow panels, never on html/body or a fixed
   element (the iOS 26 rule). */

@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'); }

/* ── The panels: pie dough under the gingham banner ── */
#poll-content.poll-design.pld-thanksgiving,
#voted-message.poll-design.pld-thanksgiving {
    --tgp-ink: #2A160D; --tgp-cream: #FFF4E2; --tgp-paper: #FFF8EC; --tgp-dough: #FBE8C6;
    --tgp-crust: #C9842F; --tgp-gold: #E9A81A; --tgp-cranberry: #A8233D; --tgp-shadow: #140803;
    --tgp-muted: #6B5040; --tgp-green: #3E7B4E;
    --tgp-serve: cubic-bezier(0.34, 1.56, 0.64, 1);
    --tgp-leaf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 108 108'%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/svg%3E");
    --tgp-leaf-dim: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 108 108'%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='%23988474' stroke='%232A160D' stroke-width='6' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: relative;
    isolation: isolate;
    font-family: 'Sidekick Trivia Bricolage', system-ui, sans-serif;
    font-weight: 800;
    color: var(--tgp-ink);
    text-align: center;
    margin: -8px -4px 0;
    padding: 0 18px 22px;
    /* The panel fills the phone between the page's margins. */
    min-height: calc(100vh - 112px);
    min-height: calc(100dvh - 112px);
    box-sizing: border-box;
    border: 4px solid var(--tgp-ink);
    border-radius: 26px;
    background: var(--tgp-paper);
    overflow: hidden;
}
/* The vote screen stacks: the banner, the question, the options, the
   status, and the paused card at the foot (index.html shows the panel with
   an inline display: block, which this keeps). */
#poll-content.poll-design.pld-thanksgiving[style*="block"] {
    display: flex !important; flex-direction: column; align-items: stretch;
}

/* The options' colours by place (the host's are ignored), and each 55%
   toward the table's brown once the host stops the vote. */
#poll-content.poll-design.pld-thanksgiving .option-btn[data-index="0"], #voted-message.poll-design.pld-thanksgiving .tgp-pick[data-index="0"] { --tgp-c: #D9611C; --tgp-d: #8B4C28; }
#poll-content.poll-design.pld-thanksgiving .option-btn[data-index="1"], #voted-message.poll-design.pld-thanksgiving .tgp-pick[data-index="1"] { --tgp-c: #A8233D; --tgp-d: #753036; }
#poll-content.poll-design.pld-thanksgiving .option-btn[data-index="2"], #voted-message.poll-design.pld-thanksgiving .tgp-pick[data-index="2"] { --tgp-c: #3E7B4E; --tgp-d: #45573E; }
#poll-content.poll-design.pld-thanksgiving .option-btn[data-index="3"], #voted-message.poll-design.pld-thanksgiving .tgp-pick[data-index="3"] { --tgp-c: #B98309; --tgp-d: #7C5B1F; }
#poll-content.poll-design.pld-thanksgiving .option-btn[data-index="4"], #voted-message.poll-design.pld-thanksgiving .tgp-pick[data-index="4"] { --tgp-c: #6E3B70; --tgp-d: #5B3A4D; }
#poll-content.poll-design.pld-thanksgiving .option-btn[data-index="5"], #voted-message.poll-design.pld-thanksgiving .tgp-pick[data-index="5"] { --tgp-c: #2C6674; --tgp-d: #3D4E4F; }
#poll-content.poll-design.pld-thanksgiving .option-btn[data-index="6"], #voted-message.poll-design.pld-thanksgiving .tgp-pick[data-index="6"] { --tgp-c: #8E4A22; --tgp-d: #69412A; }
#poll-content.poll-design.pld-thanksgiving .option-btn[data-index="7"], #voted-message.poll-design.pld-thanksgiving .tgp-pick[data-index="7"] { --tgp-c: #4E5E8C; --tgp-d: #4C4A5A; }

/* ── The banner: cranberry gingham with a golden leaf ── */
#poll-content.poll-design.pld-thanksgiving::before,
#voted-message.poll-design.pld-thanksgiving::before {
    content: 'Live Poll';
    order: 0;
    display: block; margin: 0 -18px 22px;
    padding: 15px 18px 13px 18px;
    background:
        var(--tgp-leaf) no-repeat calc(50% - 64px) 50% / 30px 30px,
        repeating-linear-gradient(90deg, rgba(233,168,26,0.22) 0 18px, rgba(0,0,0,0) 18px 34px),
        repeating-linear-gradient(0deg, rgba(233,168,26,0.22) 0 18px, rgba(0,0,0,0) 18px 34px),
        var(--tgp-cranberry);
    border-bottom: 4px solid var(--tgp-ink);
    color: var(--tgp-cream);
    font-family: 'Sidekick Trivia Fraunces', Georgia, serif; font-weight: 900; font-style: italic;
    font-size: 26px; line-height: 1; text-indent: 40px; white-space: nowrap;
}

/* ── The question on a dough card with its baked crust ── */
#poll-content.poll-design.pld-thanksgiving .question {
    order: 1;
    display: flex; align-items: center; justify-content: center;
    min-height: 92px; margin: 0 4px 26px; padding: 16px 18px;
    box-sizing: border-box;
    background: var(--tgp-dough); color: var(--tgp-ink);
    border: 4px solid var(--tgp-ink); border-radius: 18px;
    box-shadow: 0 6px 0 var(--tgp-crust);
    font-family: 'Sidekick Trivia Fraunces', Georgia, serif; font-weight: 800;
    font-size: 26px; line-height: 1.15; overflow-wrap: anywhere;
}
#poll-content.poll-design.pld-thanksgiving .question.tgp-long { font-size: 22px; }

/* ── The options: inked cards with a cream letter plate and a gold leaf ── */
#poll-content.poll-design.pld-thanksgiving .options {
    order: 2; gap: 16px; margin: 0 4px;
}
#poll-content.poll-design.pld-thanksgiving .option-btn {
    display: flex; align-items: center; gap: 14px;
    width: 100%; min-height: 84px; padding: 6px 16px 6px 14px;
    box-sizing: border-box; text-align: left;
    background: var(--tgp-c, #D9611C); color: var(--tgp-cream);
    border: 5px solid var(--tgp-ink); border-radius: 18px;
    box-shadow: inset 0 0 0 5px rgba(255,244,226,0.16), 0 9px 0 var(--tgp-shadow);
    font-family: 'Sidekick Trivia Bricolage', system-ui, sans-serif; font-weight: 800;
    font-size: 27px; line-height: 1.05; overflow-wrap: anywhere;
    text-shadow: 2px 2px 0 var(--tgp-ink);
    opacity: 1;
    transition: transform 0.12s, box-shadow 0.12s;
}
/* The letter plate: a cream disc, the gold maple leaf tucked behind it. */
#poll-content.poll-design.pld-thanksgiving .tgp-letter,
#voted-message.poll-design.pld-thanksgiving .tgp-letter {
    position: relative; flex: 0 0 auto;
    width: 52px; height: 52px;
    display: flex; align-items: center; justify-content: center;
    color: var(--tgp-ink); text-shadow: none;
    font-family: 'Sidekick Trivia Fraunces', Georgia, serif; font-weight: 900; font-size: 26px; line-height: 1;
}
#poll-content.poll-design.pld-thanksgiving .tgp-letter::before,
#voted-message.poll-design.pld-thanksgiving .tgp-letter::before {
    content: ''; position: absolute; left: 20px; top: -22px; width: 47px; height: 47px;
    background: var(--tgp-leaf) no-repeat center / contain;
    transform: rotate(32deg);
}
#poll-content.poll-design.pld-thanksgiving .tgp-letter::after,
#voted-message.poll-design.pld-thanksgiving .tgp-letter::after {
    content: ''; position: absolute; inset: 0; box-sizing: border-box;
    border-radius: 50%; background: var(--tgp-cream); border: 3px solid var(--tgp-ink);
}
#poll-content.poll-design.pld-thanksgiving .tgp-letter > span,
#voted-message.poll-design.pld-thanksgiving .tgp-letter > span { position: relative; z-index: 1; }
#poll-content.poll-design.pld-thanksgiving .option-btn .tgp-text { flex: 1 1 auto; min-width: 0; }
#poll-content.poll-design.pld-thanksgiving .option-btn.tgp-long { font-size: 21px; }
#poll-content.poll-design.pld-thanksgiving .option-btn:active:not(:disabled) {
    transform: translateY(4px) scale(0.97);
    box-shadow: inset 0 0 0 5px rgba(255,244,226,0.16), 0 0 0 5px var(--tgp-gold), 0 0 0 9px var(--tgp-ink), 0 4px 0 var(--tgp-shadow);
}
#poll-content.poll-design.pld-thanksgiving .option-btn:disabled { opacity: 1; cursor: default; transform: none; }
/* Stopped: the cards dim toward the table's brown, the plates and leaves too. */
#poll-content.poll-design.pld-thanksgiving .stopped-banner.show ~ .options .option-btn {
    background: var(--tgp-d, #8B4C28); color: #EADBC8;
    animation: tgpDim 0.3s ease both;
}
#poll-content.poll-design.pld-thanksgiving .stopped-banner.show ~ .options .tgp-letter::after { background: #CDBBA8; }
#poll-content.poll-design.pld-thanksgiving .stopped-banner.show ~ .options .tgp-letter::before { background-image: var(--tgp-leaf-dim); }

/* ── The status line ── */
#poll-content.poll-design.pld-thanksgiving .status {
    order: 3; margin: auto 0 0; padding: 22px 6px 6px;
    color: var(--tgp-muted);
    font-family: 'Sidekick Trivia Bricolage', system-ui, sans-serif; font-weight: 600; font-size: 22px; line-height: 1.3;
}
#poll-content.poll-design.pld-thanksgiving .status:empty { display: none; }

/* ── Paused: a cranberry card at the foot (it lands on the display's beat) ── */
#poll-content.poll-design.pld-thanksgiving .stopped-banner.show {
    order: 4;
    display: grid; grid-template-columns: 64px 1fr; column-gap: 16px; row-gap: 4px; align-items: center;
    margin: 22px 0 6px; padding: 14px 18px 16px;
    background: var(--tgp-cranberry); color: var(--tgp-cream);
    border: 5px solid var(--tgp-ink); border-radius: 20px;
    box-shadow: inset 0 0 0 5px rgba(255,244,226,0.16), 0 9px 0 var(--tgp-shadow);
    text-align: left; font-family: 'Sidekick Trivia Bricolage', system-ui, sans-serif; font-weight: 600;
    font-size: 19px; line-height: 1.25;
    transform: rotate(-2deg);
    animation: tgpPaused 0.5s 0.1s var(--tgp-serve) both;
}
#poll-content.poll-design.pld-thanksgiving .stopped-banner.show::before {
    content: ''; grid-column: 1; grid-row: 1 / span 2;
    width: 64px; height: 64px; box-sizing: border-box; border-radius: 50%;
    border: 4px solid var(--tgp-ink);
    background:
        linear-gradient(var(--tgp-ink), var(--tgp-ink)) no-repeat calc(50% - 8.5px) 50% / 9px 26px,
        linear-gradient(var(--tgp-ink), var(--tgp-ink)) no-repeat calc(50% + 8.5px) 50% / 9px 26px,
        var(--tgp-paper);
}
#poll-content.poll-design.pld-thanksgiving .stopped-banner.show::after {
    content: 'Paused'; grid-column: 2; grid-row: 1; order: -1;
    color: var(--tgp-cream);
    font-family: 'Sidekick Trivia Fraunces', Georgia, serif; font-weight: 900; font-size: 34px; line-height: 1;
}

/* ── Vote counted! ── */
#voted-message.poll-design.pld-thanksgiving.show { display: block; }
#voted-message.poll-design.pld-thanksgiving .checkmark {
    position: relative;
    width: 220px; height: 264px; margin: 30px auto 18px;
    font-size: 0; color: transparent;
    /* The rosette with the green check (the board's TOP PICK rosette). */
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 360'%3E%3Cg stroke='%232A160D' stroke-linejoin='round'%3E%3Cpolygon points='118,170 70,330 96,312 112,346 150,190' fill='%23A8233D' stroke-width='6'/%3E%3Cpolygon points='182,170 230,330 204,312 188,346 150,190' fill='%23882031' stroke-width='6'/%3E%3C/g%3E%3Cpolygon transform='translate(0 8)' fill='%23140803' fill-opacity='0.55' points='150.0,2.0 164.3,22.8 182.9,5.7 192.3,29.2 214.2,16.7 218.1,41.6 242.3,34.3 240.5,59.5 265.7,57.7 258.4,81.9 283.3,85.8 270.8,107.7 294.3,117.1 277.2,135.7 298.0,150.0 277.2,164.3 294.3,182.9 270.8,192.3 283.3,214.2 258.4,218.1 265.7,242.3 240.5,240.5 242.3,265.7 218.1,258.4 214.2,283.3 192.3,270.8 182.9,294.3 164.3,277.2 150.0,298.0 135.7,277.2 117.1,294.3 107.7,270.8 85.8,283.3 81.9,258.4 57.7,265.7 59.5,240.5 34.3,242.3 41.6,218.1 16.7,214.2 29.2,192.3 5.7,182.9 22.8,164.3 2.0,150.0 22.8,135.7 5.7,117.1 29.2,107.7 16.7,85.8 41.6,81.9 34.3,57.7 59.5,59.5 57.7,34.3 81.9,41.6 85.8,16.7 107.7,29.2 117.1,5.7 135.7,22.8'/%3E%3Cpolygon fill='%23E9A81A' stroke='%232A160D' stroke-width='6' stroke-linejoin='round' points='150.0,2.0 164.3,22.8 182.9,5.7 192.3,29.2 214.2,16.7 218.1,41.6 242.3,34.3 240.5,59.5 265.7,57.7 258.4,81.9 283.3,85.8 270.8,107.7 294.3,117.1 277.2,135.7 298.0,150.0 277.2,164.3 294.3,182.9 270.8,192.3 283.3,214.2 258.4,218.1 265.7,242.3 240.5,240.5 242.3,265.7 218.1,258.4 214.2,283.3 192.3,270.8 182.9,294.3 164.3,277.2 150.0,298.0 135.7,277.2 117.1,294.3 107.7,270.8 85.8,283.3 81.9,258.4 57.7,265.7 59.5,240.5 34.3,242.3 41.6,218.1 16.7,214.2 29.2,192.3 5.7,182.9 22.8,164.3 2.0,150.0 22.8,135.7 5.7,117.1 29.2,107.7 16.7,85.8 41.6,81.9 34.3,57.7 59.5,59.5 57.7,34.3 81.9,41.6 85.8,16.7 107.7,29.2 117.1,5.7 135.7,22.8'/%3E%3Cpolygon fill='%23A8233D' stroke='%232A160D' stroke-width='5' stroke-linejoin='round' points='150.0,34.0 164.5,49.0 182.7,38.7 192.4,57.2 212.7,52.4 216.8,72.9 237.7,74.0 235.8,94.9 255.5,101.8 247.9,121.3 264.8,133.5 252.0,150.0 264.8,166.5 247.9,178.7 255.5,198.2 235.8,205.1 237.7,226.0 216.8,227.1 212.7,247.6 192.4,242.8 182.7,261.3 164.5,251.0 150.0,266.0 135.5,251.0 117.3,261.3 107.6,242.8 87.3,247.6 83.2,227.1 62.3,226.0 64.2,205.1 44.5,198.2 52.1,178.7 35.2,166.5 48.0,150.0 35.2,133.5 52.1,121.3 44.5,101.8 64.2,94.9 62.3,74.0 83.2,72.9 87.3,52.4 107.6,57.2 117.3,38.7 135.5,49.0'/%3E%3Ccircle cx='150' cy='150' r='88' fill='%23FFF8EC' stroke='%232A160D' stroke-width='6'/%3E%3Ccircle cx='150' cy='150' r='76' fill='none' stroke='%23E9A81A' stroke-width='4' stroke-dasharray='3 9' stroke-linecap='round'/%3E%3Cpath d='M101 154 l29 29 l61 -61' fill='none' stroke='%233E7B4E' stroke-width='19' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
    transform: rotate(-6deg);
}
#voted-message.poll-design.pld-thanksgiving h2 {
    margin: 0 0 22px; color: var(--tgp-ink);
    font-family: 'Sidekick Trivia Fraunces', Georgia, serif; font-weight: 900; font-size: 44px; line-height: 1;
    white-space: nowrap;
}
/* The pick: its letter plate and text on a card in its colour. */
#voted-message.poll-design.pld-thanksgiving .voted-pick:not(:empty) {
    display: flex; justify-content: center; margin: 0 22px 24px;
}
#voted-message.poll-design.pld-thanksgiving .tgp-pick {
    display: flex; align-items: center; gap: 14px; width: 100%; max-width: 290px;
    min-height: 76px; padding: 6px 16px 6px 14px; box-sizing: border-box;
    background: var(--tgp-c, #D9611C); color: var(--tgp-cream);
    border: 5px solid var(--tgp-ink); border-radius: 18px;
    box-shadow: inset 0 0 0 5px rgba(255,244,226,0.16), 0 9px 0 var(--tgp-shadow);
    font-family: 'Sidekick Trivia Bricolage', system-ui, sans-serif; font-weight: 800; font-size: 25px; line-height: 1.05;
    text-align: left; overflow-wrap: anywhere; text-shadow: 2px 2px 0 var(--tgp-ink);
}
#voted-message.poll-design.pld-thanksgiving .tgp-pick .tgp-text { flex: 1 1 auto; min-width: 0; }
#voted-message.poll-design.pld-thanksgiving p {
    color: var(--tgp-muted); opacity: 1;
    font-family: 'Sidekick Trivia Bricolage', system-ui, sans-serif; font-weight: 600; font-size: 21px; line-height: 1.3;
}

/* ── Entrances ──
   The vote screen's only when a poll arrives (.tgp-enter, set by
   thanksgiving.js); "Vote counted!" each time it shows. The board's: each
   piece served onto the table, overshooting and settling. */
#poll-content.poll-design.pld-thanksgiving.tgp-enter .question { animation: tgpServe 0.6s var(--tgp-serve) both; }
#poll-content.poll-design.pld-thanksgiving.tgp-enter .option-btn { animation: tgpServe 0.6s 0.15s var(--tgp-serve) both; }
#poll-content.poll-design.pld-thanksgiving.tgp-enter .option-btn:nth-child(2) { animation-delay: 0.25s; }
#poll-content.poll-design.pld-thanksgiving.tgp-enter .option-btn:nth-child(3) { animation-delay: 0.35s; }
#poll-content.poll-design.pld-thanksgiving.tgp-enter .option-btn:nth-child(4) { animation-delay: 0.45s; }
#poll-content.poll-design.pld-thanksgiving.tgp-enter .option-btn:nth-child(5) { animation-delay: 0.55s; }
#poll-content.poll-design.pld-thanksgiving.tgp-enter .option-btn:nth-child(6) { animation-delay: 0.65s; }
#poll-content.poll-design.pld-thanksgiving.tgp-enter .option-btn:nth-child(7) { animation-delay: 0.75s; }
#poll-content.poll-design.pld-thanksgiving.tgp-enter .option-btn:nth-child(8) { animation-delay: 0.85s; }
#poll-content.poll-design.pld-thanksgiving.tgp-enter .status { animation: tgpServe 0.5s 0.8s var(--tgp-serve) both; }
#voted-message.poll-design.pld-thanksgiving.show .checkmark { animation: tgpRosette 0.6s 0.25s var(--tgp-serve) both; }
#voted-message.poll-design.pld-thanksgiving.show h2 { animation: tgpServe 0.5s 0.1s var(--tgp-serve) both; }
#voted-message.poll-design.pld-thanksgiving.show .voted-pick { animation: tgpServe 0.5s 0.3s var(--tgp-serve) both; }
#voted-message.poll-design.pld-thanksgiving.show p { animation: tgpServe 0.45s 0.45s var(--tgp-serve) both; }

@keyframes tgpServe { from { transform: translateX(440px); } }
@keyframes tgpRosette { from { transform: rotate(-36deg) scale(0); } to { transform: rotate(-6deg) scale(1); } }
@keyframes tgpPaused { from { transform: translateY(420px) rotate(2deg); } to { transform: translateY(0) rotate(-2deg); } }
@keyframes tgpDim { from { background: var(--tgp-c); color: var(--tgp-cream); } }

/* ── More options: everything still fits one screen ── */
#poll-content.poll-design.pld-thanksgiving .options:has(> :nth-child(5)) { gap: 11px; }
#poll-content.poll-design.pld-thanksgiving .options:has(> :nth-child(5)) .option-btn { min-height: 62px; font-size: 23px; border-width: 4px; box-shadow: inset 0 0 0 4px rgba(255,244,226,0.16), 0 6px 0 var(--tgp-shadow); }
#poll-content.poll-design.pld-thanksgiving .options:has(> :nth-child(5)) .tgp-letter { width: 42px; height: 42px; font-size: 22px; }
#poll-content.poll-design.pld-thanksgiving .options:has(> :nth-child(5)) .tgp-letter::before { left: 16px; top: -17px; width: 37px; height: 37px; }
#poll-content.poll-design.pld-thanksgiving .options:has(> :nth-child(7)) { gap: 8px; }
#poll-content.poll-design.pld-thanksgiving .options:has(> :nth-child(7)) .option-btn { min-height: 50px; font-size: 20px; padding: 3px 12px 3px 8px; border-width: 3px; box-shadow: inset 0 0 0 3px rgba(255,244,226,0.16), 0 5px 0 var(--tgp-shadow); }
#poll-content.poll-design.pld-thanksgiving .options:has(> :nth-child(7)) .tgp-letter { width: 36px; height: 36px; font-size: 19px; }
#poll-content.poll-design.pld-thanksgiving .options:has(> :nth-child(7)) .tgp-letter::before { left: 14px; top: -14px; width: 31px; height: 31px; }
#poll-content.poll-design.pld-thanksgiving:has(.options > :nth-child(5)) .question { min-height: 76px; margin-bottom: 20px; font-size: 24px; padding: 12px 16px; }
#poll-content.poll-design.pld-thanksgiving:has(.options > :nth-child(5)) .question.tgp-long { font-size: 19px; }
#poll-content.poll-design.pld-thanksgiving:has(.options > :nth-child(5))::before { margin-bottom: 16px; }
/* A compact paused card under five or more options. */
#poll-content.poll-design.pld-thanksgiving:has(.options > :nth-child(5)) .stopped-banner.show {
    grid-template-columns: 46px 1fr; column-gap: 12px; padding: 10px 14px 12px; font-size: 16px; margin-top: 16px; border-width: 4px;
}
#poll-content.poll-design.pld-thanksgiving:has(.options > :nth-child(5)) .stopped-banner.show::before {
    width: 46px; height: 46px; border-width: 3px;
    background:
        linear-gradient(var(--tgp-ink), var(--tgp-ink)) no-repeat calc(50% - 6px) 50% / 7px 18px,
        linear-gradient(var(--tgp-ink), var(--tgp-ink)) no-repeat calc(50% + 6px) 50% / 7px 18px,
        var(--tgp-paper);
}
#poll-content.poll-design.pld-thanksgiving:has(.options > :nth-child(5)) .stopped-banner.show::after { font-size: 28px; }
/* Seven or eight: a tighter banner and question. */
#poll-content.poll-design.pld-thanksgiving:has(.options > :nth-child(7))::before { margin-bottom: 12px; padding-top: 11px; padding-bottom: 9px; font-size: 22px; }
#poll-content.poll-design.pld-thanksgiving:has(.options > :nth-child(7)) .question { min-height: 62px; margin-bottom: 16px; font-size: 21px; padding: 8px 14px; }
#poll-content.poll-design.pld-thanksgiving:has(.options > :nth-child(7)) .question.tgp-long { font-size: 17px; }
/* Stopped: the dim cards step down, so the paused card fits under them. */
#poll-content.poll-design.pld-thanksgiving .stopped-banner.show ~ .options .option-btn { min-height: 70px; }
#poll-content.poll-design.pld-thanksgiving .stopped-banner.show ~ .options:has(> :nth-child(5)) .option-btn { min-height: 52px; }
#poll-content.poll-design.pld-thanksgiving .stopped-banner.show ~ .options:has(> :nth-child(7)) .option-btn { min-height: 42px; }

/* ── Shorter phones ── */
@media (max-height: 740px) {
    #poll-content.poll-design.pld-thanksgiving,
    #voted-message.poll-design.pld-thanksgiving { padding: 0 14px 16px; }
    #poll-content.poll-design.pld-thanksgiving::before,
    #voted-message.poll-design.pld-thanksgiving::before { margin: 0 -14px 16px; padding-top: 11px; padding-bottom: 9px; font-size: 22px; }
    #poll-content.poll-design.pld-thanksgiving .question { min-height: 70px; margin-bottom: 18px; font-size: 23px; padding: 10px 14px; }
    #poll-content.poll-design.pld-thanksgiving .question.tgp-long { font-size: 18px; }
    #poll-content.poll-design.pld-thanksgiving .options { gap: 12px; }
    #poll-content.poll-design.pld-thanksgiving .option-btn { min-height: 66px; font-size: 23px; }
    #poll-content.poll-design.pld-thanksgiving .option-btn.tgp-long { font-size: 18px; }
    #poll-content.poll-design.pld-thanksgiving .options:has(> :nth-child(5)) { gap: 7px; }
    #poll-content.poll-design.pld-thanksgiving .options:has(> :nth-child(5)) .option-btn { min-height: 46px; font-size: 19px; padding: 3px 10px 3px 6px; border-width: 3px; box-shadow: inset 0 0 0 3px rgba(255,244,226,0.16), 0 4px 0 var(--tgp-shadow); }
    #poll-content.poll-design.pld-thanksgiving .options:has(> :nth-child(5)) .tgp-letter { width: 34px; height: 34px; font-size: 18px; }
    #poll-content.poll-design.pld-thanksgiving .options:has(> :nth-child(5)) .tgp-letter::before { left: 13px; top: -13px; width: 29px; height: 29px; }
    #poll-content.poll-design.pld-thanksgiving .options:has(> :nth-child(7)) { gap: 5px; }
    #poll-content.poll-design.pld-thanksgiving .options:has(> :nth-child(7)) .option-btn { min-height: 37px; font-size: 16px; }
    #poll-content.poll-design.pld-thanksgiving .options:has(> :nth-child(7)) .tgp-letter { width: 28px; height: 28px; font-size: 15px; }
    #poll-content.poll-design.pld-thanksgiving .options:has(> :nth-child(7)) .tgp-letter::before { left: 11px; top: -10px; width: 24px; height: 24px; }
    #poll-content.poll-design.pld-thanksgiving:has(.options > :nth-child(5)) .question { min-height: 54px; margin-bottom: 14px; font-size: 18px; padding: 6px 12px; }
    #poll-content.poll-design.pld-thanksgiving:has(.options > :nth-child(7)) .question { font-size: 15px; min-height: 46px; margin-bottom: 12px; }
    #poll-content.poll-design.pld-thanksgiving:has(.options > :nth-child(5))::before { font-size: 19px; padding-top: 8px; padding-bottom: 6px; margin-bottom: 12px; }
    #poll-content.poll-design.pld-thanksgiving .status { padding-top: 12px; font-size: 18px; }
    #poll-content.poll-design.pld-thanksgiving .stopped-banner.show { margin-top: 12px; grid-template-columns: 50px 1fr; padding: 10px 14px 12px; font-size: 16px; }
    #poll-content.poll-design.pld-thanksgiving .stopped-banner.show::before { width: 50px; height: 50px; }
    #poll-content.poll-design.pld-thanksgiving .stopped-banner.show::after { font-size: 28px; }
    #poll-content.poll-design.pld-thanksgiving .stopped-banner.show ~ .options .option-btn { min-height: 48px; }
    #poll-content.poll-design.pld-thanksgiving .stopped-banner.show ~ .options:not(:has(> :nth-child(5))) { gap: 10px; }
    #poll-content.poll-design.pld-thanksgiving .stopped-banner.show ~ .options:has(> :nth-child(5)) .option-btn { min-height: 38px; }
    #poll-content.poll-design.pld-thanksgiving .stopped-banner.show ~ .options:has(> :nth-child(7)) .option-btn { min-height: 30px; }
    /* Five or more stopped: the card says only "Paused". */
    #poll-content.poll-design.pld-thanksgiving:has(.options > :nth-child(5)) .stopped-banner.show { font-size: 0; row-gap: 0; margin-top: 10px; }
    #poll-content.poll-design.pld-thanksgiving:has(.options > :nth-child(5)) .stopped-banner.show::before { grid-row: 1; width: 34px; height: 34px; }
    #poll-content.poll-design.pld-thanksgiving:has(.options > :nth-child(5)) .stopped-banner.show::after { font-size: 24px; }
    #voted-message.poll-design.pld-thanksgiving .checkmark { width: 160px; height: 192px; margin: 14px auto 12px; }
    #voted-message.poll-design.pld-thanksgiving h2 { font-size: 40px; margin-bottom: 16px; }
}

@media (prefers-reduced-motion: reduce) {
    #poll-content.poll-design.pld-thanksgiving *, #poll-content.poll-design.pld-thanksgiving::before,
    #poll-content.poll-design.pld-thanksgiving *::before, #poll-content.poll-design.pld-thanksgiving *::after,
    #voted-message.poll-design.pld-thanksgiving *, #voted-message.poll-design.pld-thanksgiving::before,
    #voted-message.poll-design.pld-thanksgiving *::before, #voted-message.poll-design.pld-thanksgiving *::after {
        animation: none !important; transition: none !important;
    }
}