@font-face{font-family:bricolage;src:url(../media/BricolageGrotesque_Variable_latin-s.p.2ej1fmte5yjhi.woff2)format("woff2");font-display:swap;font-weight:700 800}@font-face{font-family:bricolage Fallback;src:local(Arial);ascent-override:91.48%;descent-override:26.56%;line-gap-override:0.0%;size-adjust:101.66%}._5QXyoq_className{font-family:bricolage,bricolage Fallback,Arial Rounded MT Bold,system-ui,sans-serif}._5QXyoq_variable{--font-bricolage:"bricolage", "bricolage Fallback", Arial Rounded MT Bold, system-ui, sans-serif}
@font-face{font-family:figtree;src:url(../media/Figtree_Variable_latin-s.p.08sr_7r2rzxl4.woff2)format("woff2");font-display:swap;font-weight:400 700}@font-face{font-family:figtree Fallback;src:local(Arial);ascent-override:95.06%;descent-override:25.02%;line-gap-override:0.0%;size-adjust:99.94%}.gpbF1a_className{font-family:figtree,figtree Fallback,system-ui,sans-serif}.gpbF1a_variable{--font-figtree:"figtree", "figtree Fallback", system-ui, sans-serif}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--stage-900:#140c3a;--stage-800:#1e1450;--stage-700:#2a1e6e;--stage-600:#3a2d84;--shadow-ink:#0e0930;--ink:var(--stage-800);--ink-secondary:#3a2f80;--ink-label:#5b4fa8;--paper:#fff;--paper-tint:#f3f0ff;--paper-divider:#e8e4fa;--text-soft:#e7e2ff;--text-muted:#cfc8f5;--text-subtle:#b9b0e8;--pop-yellow:#ffc93c;--pop-yellow-ink:#5a3a00;--surface-raised:#ffffff14;--control:#ffffff1a;--control-strong:#ffffff24;--track:#ffffff2e;--hairline:#fff3;--result-bullseye:var(--pop-yellow);--result-year:#3ddc84;--result-close:#fff08a;--result-miss:#ff6b6b;--result-voided:#e8e4fa;--category-film-bg:#ffe3f6;--category-film-fg:#a10e74;--category-music-bg:#e3f7f5;--category-music-fg:#0b6b63;--category-television-bg:#e6edff;--category-television-fg:#2346a8;--category-celebrity-bg:#f1e8ff;--category-celebrity-fg:#6a2bb8;--category-general-bg:#fff0d4;--category-general-fg:#7a4700;--shadow-pop:0 5px 0 var(--shadow-ink);--shadow-pop-lg:0 7px 0 var(--shadow-ink);--shadow-bubble:0 4px 0 #0a062880;--radius-sm:6px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:28px;--radius-pill:999px;--size-touch:44px;--size-button:58px;--gutter:16px;--font-display:var(--font-bricolage), "Arial Rounded MT Bold", system-ui, sans-serif;--font-body:var(--font-figtree), system-ui, -apple-system, "Segoe UI", sans-serif}@media (min-width:900px){:root{--size-button:64px;--gutter:32px}}*,:before,:after{box-sizing:border-box}html,body{background:var(--stage-800);min-height:100%;color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}body{min-height:100dvh}a{color:var(--text-muted)}a:hover{color:var(--paper)}button{font:inherit}:focus-visible{outline:3px solid var(--pop-yellow);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{flex-direction:column;min-height:100dvh;display:flex}.page-header{width:100%;max-width:1120px;padding:8px var(--gutter);justify-content:space-between;align-items:center;gap:16px;min-height:60px;margin:0 auto;display:flex}.page-main{width:100%;max-width:1120px;padding:2px var(--gutter) 24px;flex-direction:column;flex:1;gap:14px;margin:0 auto;display:flex}@media (min-width:900px){.page-header{padding-top:18px;padding-bottom:18px}.page-main{gap:22px;padding-bottom:48px}}.wordmark{font-family:var(--font-display);letter-spacing:-.02em;color:var(--paper);align-items:center;gap:.1em;margin:0;font-size:27px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.wordmark-pop{background:var(--pop-yellow);color:var(--ink);border-radius:var(--radius-pill);padding:.04em .4em .12em;display:inline-block;transform:rotate(-5deg)}.wordmark:hover{color:var(--paper)}.wordmark-hero{letter-spacing:-.03em;font-size:56px}@media (min-width:900px){.wordmark{font-size:32px}.wordmark-hero{letter-spacing:-.035em;font-size:96px}}.icon-button{width:var(--size-touch);height:var(--size-touch);border-radius:var(--radius-pill);background:var(--control);color:var(--paper);cursor:pointer;border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.icon-button:hover{background:var(--control-strong);color:var(--paper)}.button{min-height:var(--size-button);border-radius:var(--radius-lg);font-family:var(--font-display);letter-spacing:-.01em;box-shadow:var(--shadow-pop);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-size:21px;font-weight:800;line-height:1;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.button:active:not(:disabled){box-shadow:0 1px 0 var(--shadow-ink);transform:translateY(4px)}.button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.button-primary{background:var(--pop-yellow);color:var(--ink)}.button-primary:hover:not(:disabled){color:var(--ink);background:#ffd25c}.button-paper{background:var(--paper);color:var(--ink)}.button-paper:hover{color:var(--ink)}.button-ghost{min-height:52px;color:var(--paper);box-shadow:none;font-family:var(--font-body);background:0 0;border:2px solid #ffffff38;font-size:16px;font-weight:700}.button-block{width:100%}@media (min-width:900px){.button{box-shadow:0 6px 0 var(--shadow-ink);border-radius:20px;padding:0 36px;font-size:23px}}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:700}.chip{background:var(--control);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:4px 10px;font-size:14px;font-weight:700;display:inline-flex}.category{letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-pill);padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.category-film{background:var(--category-film-bg);color:var(--category-film-fg)}.category-music{background:var(--category-music-bg);color:var(--category-music-fg)}.category-television{background:var(--category-television-bg);color:var(--category-television-fg)}.category-celebrity{background:var(--category-celebrity-bg);color:var(--category-celebrity-fg)}.category-general_pop_culture{background:var(--category-general-bg);color:var(--category-general-fg)}.paper-card{background:var(--paper);color:var(--ink);border-radius:var(--radius-xl);box-shadow:var(--shadow-pop)}.paper-card a{color:var(--ink)}@media (min-width:900px){.paper-card{border-radius:var(--radius-2xl);box-shadow:var(--shadow-pop-lg)}}.tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:440px;display:grid}.tile{flex-direction:column;align-items:center;gap:6px;display:flex}.tile-face{aspect-ratio:1;width:100%;max-width:58px;color:var(--ink);box-shadow:0 4px 0 var(--shadow-ink);border-radius:16px;justify-content:center;align-items:center;display:flex}.tile-points{color:var(--text-soft);font-size:13px;font-weight:700}.tier-bullseye{background:var(--result-bullseye)}.tier-year{background:var(--result-year)}.tier-close{background:var(--result-close)}.tier-miss{background:var(--result-miss)}.tier-voided{background:var(--result-voided)}@media (min-width:900px){.tiles{gap:12px;display:flex}.tile-face{width:76px;max-width:none;box-shadow:0 5px 0 var(--shadow-ink);border-radius:20px}.tile-points{font-size:15px}}.toast{background:var(--paper);color:var(--ink);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:7px 14px;font-size:14px;font-weight:700;display:inline-flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}
.game{height:calc(100dvh - 76px);min-height:600px}.game-revealed{height:auto;min-height:0}@media (min-width:900px){.game{height:auto;min-height:0}}.game-loading,.game-error{text-align:center;color:var(--text-muted);justify-content:center;align-items:center}.progress{grid-template-columns:1fr auto;grid-template-areas:"label points""bar bar";align-items:center;gap:8px;display:grid}.progress-label{color:var(--text-muted);grid-area:label;font-size:14px;font-weight:600}.progress .chip{grid-area:points}.points-gain{color:var(--pop-yellow)}.progress-segments{grid-area:bar;gap:6px;display:flex}.segment{background:var(--track);border-radius:4px;flex:1;height:8px}.segment-done{background:var(--pop-yellow)}.segment-now{background:var(--paper)}.question-card{flex-direction:column;align-items:flex-start;gap:10px;padding:18px 20px 20px;display:flex}.question-text{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:25px;font-weight:700;line-height:1.15}.question-card-compact{border-radius:20px;gap:6px;padding:12px 16px 14px}.question-card-compact .question-text{font-size:19px;line-height:1.18}.instructions{color:var(--text-muted);text-align:center;margin:0;font-size:14px;font-weight:500}.key-hints{color:var(--text-muted);flex-wrap:wrap;gap:14px;font-size:13px;font-weight:600;display:flex}.key-hints kbd{font-family:var(--font-body);color:var(--paper);border-radius:var(--radius-sm);background:#ffffff1f;margin-right:4px;padding:3px 7px;font-size:12px;font-weight:700}.link-button{min-height:var(--size-touch);color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.link-button:hover{color:var(--paper)}.snag{border-radius:var(--radius-md);color:#ffd6d6;background:#ff6b6b29;margin:0;padding:10px 14px;font-weight:600}.game-controls{flex-direction:column;gap:4px;display:flex}.game-help{flex-direction:column;order:2;align-items:center;display:flex}.game-help .link-button{align-self:center}.guess-bar{flex-direction:column;gap:10px;display:flex}.guess-readout{justify-content:space-between;align-items:baseline;padding:0 4px;display:flex}.guess-label{color:var(--text-muted);font-size:14px;font-weight:600}.guess-value{font-family:var(--font-display);font-size:21px;font-weight:800}.guess-empty{font-family:var(--font-body);color:var(--text-subtle);font-size:15px;font-weight:600}.lock-button{width:100%}@media (min-width:900px){.progress{grid-template-columns:auto 1fr auto;grid-template-areas:"label bar points";gap:20px}.progress-label{font-size:15px}.segment{border-radius:5px;height:10px}.question-card{gap:12px;padding:26px 32px 28px}.question-text{letter-spacing:-.015em;font-size:40px;line-height:1.1}.question-card-compact{padding:18px 28px}.question-card-compact .question-text{font-size:28px}.instructions{text-align:left;font-size:15px}.game-controls{flex-direction:row;justify-content:space-between;align-items:center;gap:24px}.game-help{order:0;align-items:flex-start;gap:4px}.game-help .link-button{align-self:flex-start}.guess-bar{flex-direction:row;justify-content:flex-end;align-items:center;gap:20px}.guess-readout{flex-direction:column;align-items:flex-end}.guess-value{font-size:26px}.lock-button{width:auto}}.timeline{border-radius:var(--radius-xl);background:var(--stage-700);flex:auto;min-height:220px;position:relative;overflow:hidden}.timeline-compact{flex:none;height:230px;min-height:0}.timeline-compact .timeline-chip,.timeline-compact .timeline-zoom{display:none}.timeline-canvas{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;display:block;position:absolute;inset:0}.timeline-canvas:focus-visible{outline:3px solid var(--pop-yellow);outline-offset:-3px}.timeline-chip{letter-spacing:.06em;border-radius:var(--radius-pill);color:var(--text-soft);pointer-events:none;background:#0a062873;padding:6px 10px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.timeline-zoom{gap:6px;display:flex;position:absolute;top:8px;right:8px}.timeline-zoom-button{width:var(--size-touch);height:var(--size-touch);border-radius:var(--radius-md);background:var(--control-strong);color:var(--paper);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.timeline-zoom-button:hover{background:#ffffff38}@media (min-width:900px){.timeline{border-radius:var(--radius-2xl);flex:none;height:400px}.timeline-compact{height:380px}.timeline-chip{font-size:13px;top:18px;left:20px}.timeline-zoom{gap:8px;top:14px;right:16px}}.date-picker{border-radius:var(--radius-lg);background:var(--surface-raised);flex-wrap:wrap;align-items:flex-end;gap:10px;padding:14px;display:flex}.date-picker label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.date-picker select{min-height:var(--size-touch);border-radius:var(--radius-md);border:2px solid var(--hairline);background:var(--stage-700);color:var(--paper);font:inherit;padding:0 10px;font-weight:700}.date-picker-use{min-height:var(--size-touch);padding:0 18px;font-size:17px}.reveal{flex-direction:column;gap:12px;display:flex}.reveal-tier{font-family:var(--font-display);margin:0;font-size:22px;font-weight:800}.narrative{color:var(--text-soft);margin:0;font-size:15px;line-height:1.45}.result-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.result-card{background:var(--surface-raised);border-radius:16px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.result-card-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);font-size:11px;font-weight:700}.result-card-value{font-family:var(--font-display);font-size:19px;font-weight:800}.result-card-value small{font-size:14px;font-weight:700}.result-card-points{color:var(--ink)}.result-card.tier-bullseye{background:var(--result-bullseye)}.result-card.tier-year{background:var(--result-year)}.result-card.tier-close{background:var(--result-close)}.result-card.tier-miss{background:var(--result-miss)}.result-card.tier-voided{background:var(--result-voided)}.result-card-points .result-card-label{color:var(--pop-yellow-ink)}.result-card-points.tier-miss .result-card-label,.result-card-points.tier-year .result-card-label,.result-card-points.tier-voided .result-card-label{color:var(--ink)}.next-button{width:100%;margin-top:4px}@media (min-width:900px){.reveal{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:16px 24px;display:grid}.reveal-tier{grid-column:1/-1;font-size:26px}.narrative{font-size:18px;line-height:1.5}.result-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.result-card-value{font-size:21px}.next-button{grid-column:2;justify-self:end;width:auto}}.result{gap:24px}.result-main{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.score-block{flex-direction:column;align-items:center;gap:4px;display:flex}.score{font-family:var(--font-display);align-items:baseline;gap:8px;margin:0;font-weight:800;display:flex}.score-value{letter-spacing:-.04em;color:var(--pop-yellow);font-size:92px;line-height:1}.score-max{color:var(--text-muted);font-size:24px}.score-headline{font-family:var(--font-display);margin:0;font-size:22px;font-weight:700}.result .tiles{width:100%}.share-row{flex-direction:column-reverse;align-items:center;gap:10px;width:100%;display:flex}.share-button{width:100%}.share-fallback{width:100%;color:var(--text-muted);text-align:left;flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.share-fallback textarea{font:inherit;border-radius:var(--radius-md);border:2px solid var(--hairline);background:var(--stage-700);color:var(--paper);resize:none;padding:10px;font-size:15px}.next-game{color:var(--text-muted);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.next-game strong{color:var(--paper)}.answers-card{flex-direction:column;gap:10px;padding:18px;display:flex}.answers-card h2{font-family:var(--font-display);margin:0;font-size:22px;font-weight:800}.answers{margin:0;padding:0;list-style:none}.answer{border-bottom:1px solid var(--paper-divider);align-items:center;gap:12px;padding:10px 2px;display:flex}.answer-dot{width:14px;height:14px;box-shadow:0 2px 0 var(--shadow-ink);border-radius:4px;flex-shrink:0}.answer-body{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.answer-question{font-size:14px;font-weight:600;line-height:1.3}.answer-dates{color:var(--ink-secondary);font-size:13px;font-weight:700}.answer-guess{font-weight:500}.answer-points{font-family:var(--font-display);font-size:18px;font-weight:800}.answers-link{font-size:14px;font-weight:700}@media (min-width:900px){.result{flex-flow:wrap;align-items:flex-start;gap:40px;padding-top:12px}.result-main{text-align:left;flex:460px;align-items:flex-start;gap:26px}.score-block{align-items:flex-start;gap:6px}.score-value{letter-spacing:-.045em;font-size:148px;line-height:.95}.score-max{font-size:34px}.score-headline{font-size:30px}.share-row{flex-direction:row;justify-content:flex-start;gap:16px}.share-button{width:auto}.answers-card{flex:400px;padding:24px}}.landing{max-width:560px;min-height:100dvh;padding:28px var(--gutter) 22px;flex-direction:column;gap:18px;margin:0 auto;display:flex}.landing-hero{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.landing-eyebrow{letter-spacing:.1em;text-transform:uppercase;background:var(--control);border-radius:var(--radius-pill);color:var(--text-soft);padding:6px 12px;font-size:12px;font-weight:700}.landing-tagline{max-width:320px;font-family:var(--font-display);color:var(--text-soft);margin:0;font-size:22px;font-weight:700;line-height:1.2}.landing-art{border-radius:var(--radius-xl);background:var(--stage-700);flex-shrink:0;height:140px;position:relative;overflow:hidden}.landing-decades{display:flex;position:absolute;inset:0}.landing-decade{font-family:var(--font-display);flex:10;padding:10px 8px;font-size:22px;font-weight:800}.landing-decade.d80{color:#ff4fd8;background:#ff4fd833}.landing-decade.d90{color:#22d3c5;background:#22d3c52e}.landing-decade.d00{color:#7aa7ff;background:#7aa7ff33}.landing-decade.d10{color:#8be36b;background:#8be36b2e}.landing-decade.d20{color:#ff8a3d;background:#ff8a3d33;flex:7}.landing-axis{background:#fff9;height:3px;position:absolute;bottom:34px;left:0;right:0}.landing-axis-label{color:var(--text-soft);font-size:11px;font-weight:700;position:absolute;bottom:9px}.landing-axis-start{left:10px}.landing-axis-end{right:10px}.landing-pin{background:var(--pop-yellow);width:3px;position:absolute;top:62px;bottom:34px;left:39%}.landing-pin:before{content:"";background:var(--pop-yellow);border:4px solid var(--stage-800);border-radius:50%;width:22px;height:22px;position:absolute;top:-10px;left:-9.5px}.landing-pin-flag{background:var(--pop-yellow);width:37px;height:34px;color:var(--ink);font-family:var(--font-display);box-shadow:var(--shadow-bubble);border-radius:10px;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex;position:absolute;top:-50px;left:-17px}.landing-facts{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.landing-facts li{border-radius:var(--radius-pill);border:2px solid var(--track);padding:7px 12px;font-size:14px;font-weight:700}.landing-actions{flex-direction:column;gap:8px;margin-top:4px;display:flex}.landing-note{text-align:center;color:var(--text-muted);font-size:13px;font-weight:500}.landing-links{justify-content:center;gap:18px;margin-top:auto;font-size:13px;font-weight:600;display:flex}@media (min-width:900px){.landing{justify-content:center;gap:26px}.landing-tagline{max-width:520px;font-size:32px}.landing-art{height:180px}}.how-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800}.how{gap:16px;max-width:640px}.how-intro{font-family:var(--font-display);color:var(--text-soft);margin:0;font-size:20px;font-weight:700;line-height:1.25}.how-steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.how-step{background:var(--surface-raised);border-radius:var(--radius-lg);align-items:flex-start;gap:14px;padding:14px;display:flex}.how-step div{flex-direction:column;gap:2px;display:flex}.how-step strong{font-size:16px}.how-step span{color:var(--text-muted);font-size:14px;line-height:1.4}.how-step .how-step-number{border-radius:var(--radius-pill);background:var(--pop-yellow);width:36px;height:36px;color:var(--ink);font-family:var(--font-display);flex-shrink:0;justify-content:center;align-items:center;font-size:19px;font-weight:800;display:flex}.how-scoring{flex-direction:column;gap:12px;padding:16px;display:flex}.how-scoring-head{justify-content:space-between;align-items:baseline;display:flex}.how-scoring-head h2{font-family:var(--font-display);margin:0;font-size:20px;font-weight:800}.how-scoring-head span,.how-scoring p{color:var(--ink-secondary);margin:0;font-size:13px;font-weight:700}.how-scoring p{font-weight:500;line-height:1.4}.how-tiers{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin:0;padding:0;list-style:none;display:grid}.how-tier{align-items:center;gap:10px;display:flex}.how-tier>span:last-child{color:var(--ink-secondary);flex-direction:column;font-size:13px;display:flex}.how-tier strong{color:var(--ink);font-size:14px}.how-tier-icon{width:36px;height:36px;color:var(--ink);box-shadow:0 3px 0 var(--shadow-ink);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.how-footnote{color:var(--text-muted);margin:0;font-size:14px;line-height:1.45}.no-game{gap:22px;max-width:560px}.no-game-art{border-radius:var(--radius-xl);background:var(--stage-700);flex-shrink:0;height:220px;position:relative;overflow:hidden}.no-game-art:before{content:"";background:#fff9;height:3px;position:absolute;bottom:64px;left:0;right:0}.no-game-art:after{content:"";border-left:4px dashed var(--pop-yellow);position:absolute;top:92px;bottom:64px;left:calc(50% - 2px)}.no-game-pin{background:var(--pop-yellow);width:56px;height:54px;color:var(--ink);font-family:var(--font-display);border-radius:16px;justify-content:center;align-items:center;font-size:34px;font-weight:800;display:flex;position:absolute;top:30px;left:calc(50% - 28px);transform:rotate(-6deg);box-shadow:0 5px #0a062880}.no-game-copy{flex-direction:column;gap:10px;display:flex}.no-game-copy h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:32px;font-weight:800;line-height:1.05}.no-game-copy p{color:var(--text-soft);margin:0;font-size:16px;line-height:1.5}
.header-actions{align-items:center;gap:8px;display:flex}.account-chip{min-height:var(--size-touch);border-radius:var(--radius-pill);background:var(--control);max-width:190px;color:var(--paper);align-items:center;gap:8px;padding:0 16px 0 12px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.account-chip:hover{background:var(--control-strong);color:var(--paper)}.account-chip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:480px){.account-chip:has(.account-chip-name){width:var(--size-touch);justify-content:center;padding:0}.account-chip-name{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.narrow-page{gap:20px;max-width:560px;padding-top:18px}.page-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 8px;font-size:34px;font-weight:800;line-height:1.05}.page-lede{color:var(--text-muted);margin:0;font-size:15px;line-height:1.45}.fine-print{text-align:center;color:var(--text-subtle);margin:0;font-size:13px;font-weight:500}.sign-in-buttons{flex-direction:column;gap:8px;display:flex}.sign-in-button{border-radius:var(--radius-md);min-height:52px;color:var(--paper);font-family:var(--font-body);cursor:pointer;background:#ffffff0f;border:2px solid #ffffff38;justify-content:center;align-items:center;gap:12px;font-size:16px;font-weight:700;display:flex}.sign-in-google{color:#1f1f1f;background:#fff;border-color:#fff}.sign-in-google:hover:not(:disabled){background:#f2f2f2}.sign-in-button:disabled{opacity:.7;cursor:progress}.sign-in-error{color:#ffd6d6;margin:0;font-size:14px;font-weight:600}.landing-divider{color:var(--text-muted);text-align:center;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.landing-divider:before,.landing-divider:after{content:"";background:var(--hairline);flex:1;height:1px}.landing-divider span{max-width:250px}.signed-in-as{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.signed-in-as svg{color:var(--result-year)}.username-form{flex-direction:column;gap:8px;display:flex}.field-label{color:var(--text-soft);font-size:14px;font-weight:600}.username-input{background:var(--paper);height:58px;color:var(--ink);font-family:var(--font-display);border:3px solid #0000;border-radius:16px;outline:none;padding:0 16px;font-size:22px;font-weight:800}.username-input:focus-visible{outline:3px solid var(--pop-yellow);outline-offset:3px}.username-available{border-color:var(--result-year)}.username-unavailable{border-color:var(--result-miss)}.username-status{min-height:20px;color:var(--text-muted);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.username-status-available{color:var(--result-year)}.username-status-unavailable{color:#ffb3b3}.field-hint{color:var(--text-subtle);font-size:13px;font-weight:500}.generate-button{border-radius:var(--radius-lg);min-height:56px;color:var(--paper);font-family:var(--font-display);cursor:pointer;background:#ffffff0f;border:2px dashed #fff6;justify-content:center;align-items:center;gap:10px;margin-top:12px;font-size:19px;font-weight:800;display:flex}.generate-button:hover{background:#ffffff1a}.suggestions{flex-direction:column;gap:10px;margin-top:8px;display:flex}.suggestion-list{flex-wrap:wrap;gap:8px;display:flex}.suggestion{min-height:var(--size-touch);border-radius:var(--radius-pill);border:2px solid var(--track);color:var(--paper);font-family:var(--font-body);cursor:pointer;background:0 0;padding:0 14px;font-size:15px;font-weight:700}.suggestion:hover{border-color:#fff6}.username-actions{flex-direction:column;gap:10px;margin-top:16px;display:flex}.account-card{flex-direction:column;gap:12px;padding:18px;display:flex}.account-row{flex-direction:column;gap:2px;display:flex}.account-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-label);font-size:12px;font-weight:700}.account-value{font-family:var(--font-display);font-size:22px;font-weight:800}.account-email{font-family:var(--font-body);overflow-wrap:anywhere;font-size:16px;font-weight:600}.account-link{align-self:flex-start;font-size:15px;font-weight:700}.saved-note{color:var(--text-muted);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.saved-note svg{color:var(--result-year)}.saved-note strong{color:var(--paper)}.keep-score-card{text-align:left;flex-direction:column;gap:10px;width:100%;padding:18px;display:flex}.keep-score-card h2{font-family:var(--font-display);margin:0;font-size:22px;font-weight:800}.keep-score-card p{color:var(--ink-secondary);margin:0;font-size:15px;line-height:1.4}.keep-score-card .sign-in-google{border-color:var(--paper-divider)}.keep-score-card .sign-in-button:not(.sign-in-google){background:var(--ink);border-color:var(--ink)}
.header-link{min-width:var(--size-touch);min-height:var(--size-touch);border-radius:var(--radius-pill);background:var(--control);color:var(--paper);justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.header-link:hover{background:var(--control-strong);color:var(--paper)}.header-link-text,.header-link-desktop{display:none}@media (min-width:900px){.header-link{color:var(--text-muted);background:0 0;padding:0 14px;font-weight:600}.header-link svg{display:none}.header-link-text{display:inline}.header-link-desktop{display:inline-flex}}.small-dark-button,.small-outline-button{min-height:var(--size-touch);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;justify-content:center;align-items:center;padding:0 18px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.small-dark-button{background:var(--ink);border:none;color:var(--paper)!important}.small-outline-button{border:2px solid var(--ink);color:var(--ink);background:0 0}.small-dark-button:disabled{opacity:.6}.board-empty{color:var(--text-soft);flex-direction:column;align-items:flex-start;gap:14px;font-size:16px;line-height:1.45;display:flex}.board-empty p{margin:0}.board-page{gap:18px}.board-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.board-head .page-title{margin:0;font-size:28px}.day-switcher{background:var(--surface-raised);border-radius:var(--radius-pill);align-items:center;gap:2px;padding:2px;display:flex}.day-switch{width:var(--size-touch);height:var(--size-touch);border-radius:var(--radius-pill);color:var(--paper);justify-content:center;align-items:center;display:flex}.day-switch:hover{background:var(--control);color:var(--paper)}.day-switch.is-disabled{color:#ffffff4d}.day-label{padding:0 6px;font-size:14px;font-weight:700}.board-layout{flex-direction:column;gap:18px;display:flex}.board-side{flex-direction:column;gap:16px;display:flex}.podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;margin:0;padding:0;list-style:none;display:grid}.podium-step{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.podium-step svg{color:var(--pop-yellow)}.podium-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-soft);font-size:13px;font-weight:700;overflow:hidden}.podium-score{font-family:var(--font-display);font-size:20px;font-weight:800}.podium-first .podium-score{color:var(--pop-yellow);font-size:22px}.podium-block{width:100%;color:var(--ink);font-family:var(--font-display);box-shadow:var(--shadow-pop);border-radius:16px 16px 6px 6px;justify-content:center;align-items:flex-start;padding-top:10px;font-weight:800;display:flex}.podium-first .podium-block{background:var(--pop-yellow);height:122px;font-size:40px}.podium-second .podium-block{background:var(--paper);height:92px;font-size:34px}.podium-third .podium-block{background:var(--text-muted);height:72px;font-size:30px}.podium-step.is-you .podium-name{color:var(--pop-yellow)}.your-position{flex-direction:column;gap:6px;display:flex}.board-you{margin:0;padding:0;list-style:none}.board-you .board-row{background:var(--pop-yellow);height:52px;color:var(--ink);box-shadow:var(--shadow-pop);border:none;border-radius:16px;padding:0 16px}.board-note{color:var(--text-subtle);text-align:center;margin:0;font-size:13px;line-height:1.45}.board-list{padding:4px 16px 12px}.board-columns,.history-columns{display:none}.board-rows,.history-rows{margin:0;padding:0;list-style:none}.board-row{border-bottom:1px solid var(--paper-divider);align-items:center;gap:12px;height:46px;font-size:16px;display:flex}.board-rows .board-row:last-child{border-bottom:none}.board-row.is-you{font-weight:800}.board-rank{width:40px;font-family:var(--font-display);color:var(--ink-secondary);font-size:17px;font-weight:800}.board-you .board-rank{color:var(--ink)}.board-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.board-score{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.board-foot{border-top:1px solid var(--paper-divider);color:var(--ink-secondary);justify-content:space-between;align-items:center;gap:12px;padding-top:12px;font-size:14px;font-weight:600;display:flex}.board-foot-center{justify-content:center}@media (min-width:900px){.board-page{gap:28px}.board-head .page-title{letter-spacing:-.03em;font-size:48px}.day-label{font-size:15px}.board-layout{flex-direction:row;align-items:flex-start;gap:40px}.board-side{flex:400px;gap:24px;min-width:0}.board-note{text-align:left;font-size:14px}.podium{gap:12px}.podium-name{font-size:15px}.podium-score{font-size:26px}.podium-first .podium-score{font-size:30px}.podium-first .podium-block{height:200px;font-size:60px}.podium-second .podium-block{height:150px;font-size:48px}.podium-third .podium-block{height:116px;font-size:42px}.podium-block{box-shadow:var(--shadow-pop-lg);border-radius:20px 20px 8px 8px}.board-list{flex:480px;min-width:0;padding:10px 26px 18px}.board-columns{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-label);gap:14px;padding:12px 0 10px;font-size:12px;font-weight:700;display:flex}.board-columns span:first-child{width:56px}.board-columns span:nth-child(2){flex:1}.board-row{border-bottom:none;border-top:1px solid var(--paper-divider);gap:14px;height:52px}.board-rank{width:56px;font-size:18px}.board-score{font-size:18px}.board-you .board-row{border-top:none;height:60px}}.history-page{gap:16px}.history-page .page-title{margin:0;font-size:28px}.history-username{color:var(--text-muted);font-size:14px;font-weight:600}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.stat{background:var(--surface-raised);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.stat-name{letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);order:2;font-size:11px;font-weight:700}.stat-value{font-family:var(--font-display);order:1;font-size:24px;font-weight:800;line-height:1.1}.stat-note{display:none}.stat-best{background:var(--pop-yellow);color:var(--ink)}.stat-best .stat-name,.stat-best .stat-note{color:var(--pop-yellow-ink)}.history-list{padding:4px 14px 12px}.history-row{border-bottom:1px solid var(--paper-divider);align-items:center;gap:10px;min-height:58px;display:flex}.history-rows .history-row:last-child{border-bottom:none}.history-date{flex-direction:column;flex-shrink:0;width:64px;display:flex}.history-monthday{font-size:15px;font-weight:700}.history-weekday{color:var(--ink-label);font-size:12px;font-weight:600}.history-score{width:50px;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:19px;font-weight:800}.history-tiles{flex:1;justify-content:flex-end;gap:5px;display:flex}.mini-tile{width:26px;height:26px;color:var(--ink);box-shadow:0 2px 0 var(--shadow-ink);border-radius:8px;justify-content:center;align-items:center;display:flex}.history-rank{display:none}.history-note{color:var(--ink-label);flex:1;font-size:14px;font-weight:600}.history-resume{text-decoration:underline;color:var(--ink)!important}@media (min-width:900px){.history-page{gap:26px}.history-page .page-title{letter-spacing:-.03em;font-size:48px}.stat-grid{gap:14px}.stat{text-align:left;border-radius:20px;align-items:flex-start;gap:4px;padding:18px 20px}.stat-name{letter-spacing:.1em;order:0;font-size:12px}.stat-value{font-size:40px}.stat-note{color:var(--text-subtle);order:2;font-size:13px;font-weight:600;display:block}.stat-best{box-shadow:var(--shadow-pop)}.history-list{padding:8px 28px 16px}.history-columns{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-label);align-items:center;gap:20px;padding:14px 0 10px;font-size:12px;font-weight:700;display:flex}.history-columns span:first-child{width:130px}.history-columns span:nth-child(2){width:90px}.history-columns span:nth-child(3){flex:1}.history-columns span:nth-child(4){text-align:right;width:90px}.history-row{border-bottom:none;border-top:1px solid var(--paper-divider);gap:20px;min-height:60px}.history-date{width:130px}.history-monthday{font-size:16px}.history-weekday{font-size:13px}.history-score{width:90px;font-size:22px}.history-tiles{justify-content:flex-start;gap:6px}.mini-tile{width:32px;height:32px;box-shadow:0 3px 0 var(--shadow-ink);border-radius:9px}.history-rank{text-align:right;width:90px;font-family:var(--font-display);color:var(--ink-secondary);font-size:18px;font-weight:800;display:block}}.placing-card{text-align:left;align-items:center;gap:16px;width:100%;padding:16px 18px;display:flex}.placing-text{flex-direction:column;flex:1;gap:2px;display:flex}.placing-name{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-label);font-size:12px;font-weight:700}.placing-rank{font-family:var(--font-display);font-size:34px;font-weight:800;line-height:1.05}.placing-sub{color:var(--ink-secondary);font-size:14px;font-weight:600}.placing-actions{flex-direction:column;gap:8px;display:flex}.keep-score-link{align-self:flex-start;font-size:14px;font-weight:700}