:root{--bg:#faf7ef;--fg:#1f1b13;--muted:#6b6455;--card:#fff;--accent:#1d4ed8;--line:#e5dfce;--perfect:#1f9d55;--great:#2e9e4f;--ballpark:#c99700;--miles_off:#d64545;--antipodal:#222}@media (prefers-color-scheme:dark){:root{--bg:#14110b;--fg:#f1ece0;--muted:#a39a85;--card:#201c13;--accent:#7aa2ff;--line:#3a3426}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2{margin-block:.3em}.muted{color:var(--muted);font-size:.9rem}.big{margin-block:.3em;font-size:1.4rem;font-weight:600}.center,.home,.results{text-align:center;max-inline-size:34rem;margin-inline:auto;padding:1.5rem 16px}.results{gap:.6rem;display:grid}.btn{border:1px solid var(--line);background:var(--card);min-block-size:44px;color:var(--fg);font:inherit;cursor:pointer;border-radius:10px;padding:.65rem 1.2rem;font-weight:600;text-decoration:none;display:inline-block}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.game{flex-direction:column;block-size:100dvh;display:flex}.hud{justify-content:space-between;gap:12px;padding:10px 16px;display:flex}.clue{font-weight:600}.scorebox{text-align:end;font-variant-numeric:tabular-nums;display:grid}.scorebox strong{font-size:1.6rem;line-height:1}.banner{color:#422006;text-align:center;background:#fde68a;padding:4px 16px;font-size:.85rem}.globe-wrap{flex:1;min-block-size:36dvh;position:relative}.globe-wrap .globe{position:absolute;inset:0}.fps{color:#0f0;background:#000a;padding:2px 6px;font:12px monospace;position:absolute;inset-block-start:8px;inset-inline-start:8px}.choice{flex:1;align-content:start;gap:10px;padding:14px 16px;display:grid;overflow-y:auto}.opt{border:2px solid var(--line);background:var(--card);min-block-size:56px;color:var(--fg);font:inherit;text-align:start;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:.7rem 1rem;font-weight:600;display:flex}.opt:disabled{cursor:default}.opt.picked{border-color:var(--accent)}.opt.right{border-color:var(--perfect);background:color-mix(in srgb, var(--perfect) 15%, var(--card))}.opt.wrong{border-color:var(--miles_off);background:color-mix(in srgb, var(--miles_off) 15%, var(--card))}.opt .tag{white-space:nowrap;font-size:.8rem;font-weight:500}.sheet{background:var(--card);border-block-start:1px solid var(--line);gap:8px;max-block-size:42dvh;padding:10px 16px 14px;display:grid;overflow-y:auto}.sheet.reveal-sheet{padding-block-end:0}.sheet.expanded{max-block-size:70dvh}.toggle{text-align:start;align-items:center;gap:8px;font-size:.9rem;display:flex}.toggle input{block-size:20px;inline-size:20px}.reveal{gap:6px;display:grid}.reveal h2,.story{margin:0}.row{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.quip{font-weight:700}.quip.tier-incorrect,.quip.tier-miles_off{color:var(--miles_off);font-size:1.2rem}.emoji{letter-spacing:.2em;margin:0;font-size:1.8rem}.bars{text-align:start;gap:6px;margin:0;padding:0;list-style:none;display:grid}.bars li{grid-template-columns:1.5rem 1fr 5rem;align-items:center;gap:8px;display:grid}.bar{background:var(--muted);border-radius:7px;block-size:14px;min-inline-size:4px}.bar.tier-perfect{background:var(--perfect)}.bar.tier-great{background:var(--great)}.bar.tier-ballpark{background:var(--ballpark)}.bar.tier-correct{background:var(--perfect)}.bar.tier-incorrect,.bar.tier-miles_off{background:var(--miles_off)}.bar.tier-antipodal{background:var(--antipodal)}.email{text-align:start;border-block-start:1px solid var(--line);gap:8px;padding-block-start:1rem;display:grid}.email input[type=email],.email input[type=text]{border:1px solid var(--line);background:var(--card);min-block-size:44px;inline-size:100%;color:var(--fg);font:inherit;border-radius:10px;padding:0 12px}.sr{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.year{text-align:center;flex:1;align-content:center;gap:14px;padding:16px;display:grid}.yearvalue{font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:700}.year input[type=range]{block-size:44px;inline-size:100%;accent-color:var(--accent)}.yearscale{justify-content:space-between;display:flex}.nudge{justify-content:center;gap:8px;display:flex}.nudge .btn{min-inline-size:64px}.timeline{block-size:44px;position:relative}.timeline:before{content:"";background:var(--line);border-radius:2px;block-size:4px;position:absolute;inset-block-start:20px;inset-inline:0}.timeline .mark{border:3px solid #fff;border-radius:50%;block-size:22px;inline-size:22px;margin-inline-start:-11px;position:absolute;inset-block-start:11px;box-shadow:0 1px 4px #00000080}.timeline .mark.guess{background:#2563eb}.timeline .mark.answer{background:var(--perfect)}.timeline .mark.answer.tier-ballpark{background:var(--ballpark)}.timeline .mark.answer.tier-miles_off{background:var(--miles_off)}.story.clamp{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.linkbtn{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;min-block-size:32px;padding:4px 0;font-weight:600}.nextbar{background:var(--card);padding-block:8px 14px;position:sticky;inset-block-end:0}.nextbar .btn{inline-size:100%}.home{justify-items:center;gap:.8rem;display:grid}.boardwrap{overflow-x:auto}table.board{border-collapse:collapse;text-align:start;font-variant-numeric:tabular-nums;inline-size:100%}table.board th,table.board td{border-block-end:1px solid var(--line);padding:8px 6px}table.board th{color:var(--muted);text-align:start;font-size:.8rem;font-weight:600}table.board .num{text-align:end;white-space:nowrap}table.board tr.me{background:color-mix(in srgb, var(--accent) 12%, transparent);font-weight:600}.badge{background:var(--accent);color:#fff;border-radius:8px;margin-inline-start:6px;padding:1px 6px;font-size:.7rem}.badge.alt{background:var(--muted)}.up{color:var(--perfect)}.down{color:var(--miles_off)}.invite{justify-items:center;gap:4px;display:grid}.mine{text-align:start;inline-size:100%;margin-block-start:1rem}.mine ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.mine a{color:var(--accent);font-weight:600}.account{justify-items:center;gap:4px;margin-block:.5rem;display:grid}.gsi-button{color:#1f1f1f;letter-spacing:.25px;cursor:pointer;background:#fff;border:1px solid #747775;border-radius:4px;justify-content:center;align-items:center;gap:10px;min-block-size:44px;padding:0 16px 0 12px;font:500 14px/20px Roboto,system-ui,-apple-system,Segoe UI,sans-serif;transition:background-color .15s,box-shadow .15s;display:inline-flex}.gsi-button:hover{background:#f8f9fa;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.gsi-button:focus-visible{outline-offset:2px;outline:2px solid #4285f4}.gsi-icon{flex:none;block-size:20px;inline-size:20px}@media (prefers-color-scheme:dark){.gsi-button{color:#e3e3e3;background:#131314;border-color:#8e918f}.gsi-button:hover{background:#1f1f20}}.topbar{border-block-end:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.brand{color:var(--fg);font-weight:700;text-decoration:none}.bar-right{justify-content:flex-end;display:flex}.bell{position:relative}.bellbtn{block-size:44px;inline-size:44px;color:var(--fg);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:relative}.badge-count{background:var(--miles_off);color:#fff;border-radius:9px;place-items:center;block-size:18px;min-inline-size:18px;padding:0 4px;font-size:11px;font-weight:700;display:grid;position:absolute;inset-block-start:4px;inset-inline-end:2px}.bellpanel{z-index:20;background:var(--card);border:1px solid var(--line);text-align:start;border-radius:12px;max-block-size:70dvh;inline-size:min(340px,92vw);padding:12px;position:absolute;inset-block-start:48px;inset-inline-end:0;overflow-y:auto;box-shadow:0 8px 24px #0000002e}.bellpanel h2{margin:0 0 8px;font-size:1rem}.bellpanel ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.bellpanel li a{color:var(--fg);border-radius:8px;gap:2px;padding:8px;text-decoration:none;display:grid}.bellpanel li.new a{background:color-mix(in srgb, var(--accent) 12%, transparent)}.bellpanel li a:hover{background:color-mix(in srgb, var(--accent) 18%, transparent)}
