@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap";:root{--pine-50: #e0f5ec;--pine-100: #b8e6d2;--pine-200: #7fd2ad;--pine-300: #3eb985;--pine-400: #00a36b;--pine-500: #00875a;--pine-600: #006e49;--pine-700: #005538;--pine-800: #003d28;--pine-900: #00261a;--grey-0: #ffffff;--grey-50: #fafafa;--grey-100: #f4f4f5;--grey-150: #ededee;--grey-200: #e4e4e7;--grey-300: #d4d4d8;--grey-400: #a1a1aa;--grey-500: #71717a;--grey-600: #52525b;--grey-700: #3f3f46;--grey-800: #27272a;--grey-900: #18181b;--grey-950: #0a0a0a;--moss-500: #00875a;--berry-500: #d4364c;--berry-100: #fbe1e5;--sky-500: #0070f3;--sky-100: #d6e5fa;--bg: var(--grey-50);--bg-elev: var(--grey-0);--bg-sunken: var(--grey-100);--bg-overlay: rgba(10, 10, 10, .6);--fg: var(--grey-950);--fg-muted: var(--grey-500);--fg-faint: var(--grey-400);--fg-on-accent: #ffffff;--border: rgba(0, 0, 0, .08);--border-strong:rgba(0, 0, 0, .16);--divider: rgba(0, 0, 0, .05);--accent: var(--pine-500);--accent-hover: var(--pine-600);--accent-press: var(--pine-700);--accent-soft: var(--pine-50);--accent-soft-2: var(--pine-100);--error: var(--berry-500);--error-soft: var(--berry-100);--info: var(--sky-500);--info-soft: var(--sky-100);--tile-empty-border: var(--grey-200);--tile-filled-border: var(--grey-400);--tile-correct-bg: var(--pine-500);--tile-correct-fg: #ffffff;--tile-close-bg: transparent;--tile-close-fg: var(--pine-600);--tile-close-border: var(--pine-500);--tile-absent-bg: var(--grey-700);--tile-absent-fg: #ffffff;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--shadow-xs: 0 1px 0 rgba(0, 0, 0, .04);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .03);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .08), 0 4px 10px rgba(0, 0, 0, .04);--shadow-xl: 0 24px 56px rgba(0, 0, 0, .12), 0 8px 16px rgba(0, 0, 0, .06);--shadow-focus: 0 0 0 3px rgba(0, 135, 90, .28);--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--t-display-1: 88px;--t-display-2: 64px;--t-display-3: 44px;--t-h1: 36px;--t-h2: 28px;--t-h3: 22px;--t-h4: 18px;--t-body-lg: 18px;--t-body: 16px;--t-body-sm: 14px;--t-caption: 13px;--t-micro: 11px;--lh-tight: 1.04;--lh-snug: 1.2;--lh-normal: 1.5;--lh-loose: 1.65;--tracking-tight: -.03em;--tracking-snug: -.015em;--tracking-mono: .005em;--tracking-caps: .1em;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .36s}[data-theme=dark]{--bg: var(--grey-950);--bg-elev: var(--grey-900);--bg-sunken: #000000;--bg-overlay: rgba(0, 0, 0, .7);--fg: #fafafa;--fg-muted: var(--grey-400);--fg-faint: var(--grey-500);--fg-on-accent: #ffffff;--border: rgba(255, 255, 255, .1);--border-strong:rgba(255, 255, 255, .22);--divider: rgba(255, 255, 255, .06);--accent: #1FB572;--accent-hover: #3eb985;--accent-press: #7fd2ad;--accent-soft: rgba(31, 181, 114, .14);--accent-soft-2:rgba(31, 181, 114, .22);--error-soft: rgba(212, 54, 76, .18);--info-soft: rgba(0, 112, 243, .18);--tile-empty-border: var(--grey-800);--tile-filled-border: var(--grey-600);--tile-correct-bg: #1FB572;--tile-correct-fg: var(--grey-950);--tile-close-fg: #7fd2ad;--tile-close-border: #1FB572;--tile-absent-bg: var(--grey-700);--tile-absent-fg: #fafafa;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6);--shadow-xl: 0 24px 56px rgba(0, 0, 0, .7);--shadow-focus: 0 0 0 3px rgba(31, 181, 114, .34)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--t-body);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.display-1,h1.display{font-size:var(--t-display-1);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);font-weight:600}.display-2{font-size:var(--t-display-2);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);font-weight:600}.display-3{font-size:var(--t-display-3);line-height:var(--lh-snug);letter-spacing:var(--tracking-tight);font-weight:600}h1{font-size:var(--t-h1);line-height:var(--lh-snug);letter-spacing:var(--tracking-snug);font-weight:600;margin:0 0 var(--space-4)}h2{font-size:var(--t-h2);line-height:var(--lh-snug);font-weight:600;letter-spacing:var(--tracking-snug);margin:0 0 var(--space-3)}h3{font-size:var(--t-h3);line-height:var(--lh-snug);font-weight:600;margin:0 0 var(--space-2)}h4{font-size:var(--t-h4);line-height:var(--lh-snug);font-weight:600;margin:0 0 var(--space-2)}p{margin:0 0 var(--space-4);line-height:var(--lh-loose);text-wrap:pretty}small,.caption{font-size:var(--t-caption);color:var(--fg-muted)}.eyebrow{font-family:var(--font-mono);font-size:var(--t-caption);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--fg-muted);font-weight:500}code,kbd,.mono{font-family:var(--font-mono);font-size:.92em;letter-spacing:var(--tracking-mono)}code{background:var(--bg-sunken);padding:2px 6px;border-radius:var(--radius-xs);color:var(--accent)}a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--dur-fast) var(--ease-out)}a:hover{border-bottom-color:currentColor}::selection{background:var(--accent-soft);color:var(--fg)}html,body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg)}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1}button{font-family:inherit}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:64px;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border-bottom:1px solid var(--divider)}.brand{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.brand img{width:26px;height:26px;image-rendering:pixelated}.brand .wm{font-size:22px;font-weight:600;line-height:1;letter-spacing:-.025em}.brand .tld{font-family:var(--font-mono);font-size:12px;color:var(--fg-muted);margin-left:2px;font-weight:500}.nav{display:none}.nav-link{font-family:var(--font-mono);font-size:13px;padding:8px 12px;border-radius:8px;color:var(--fg-muted);cursor:pointer;background:transparent;border:0;transition:background .12s,color .12s}.nav-link:hover{background:var(--bg-sunken);color:var(--fg)}.nav-link.active{color:var(--fg);background:var(--bg-sunken)}[data-theme=dark] .nav-link:hover,[data-theme=dark] .nav-link.active{background:var(--grey-800)}.header-actions{display:none}@media (min-width: 821px){.app-header{padding:0 28px;height:64px}.nav{display:flex;gap:4px;align-items:center}.header-actions{display:flex;align-items:center;gap:6px}.icon-btn.hamburger-btn{display:none}main{padding:32px 24px 96px}.stage{gap:24px}}.streak{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.icon-btn{width:36px;height:36px;border-radius:8px;border:0;background:transparent;color:var(--fg-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.icon-btn:hover{background:var(--bg-sunken);color:var(--fg)}.icon-btn svg{width:18px;height:18px;stroke-width:1.75}.card-nav-btn{width:22px;height:22px;border-radius:6px;border:0;background:transparent;color:var(--fg-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,color .12s;padding:0;flex-shrink:0}.card-nav-btn:hover{background:var(--bg-sunken);color:var(--fg)}main{padding:16px 14px 32px}.stage{max-width:580px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.day-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--font-mono);font-size:12px;color:var(--fg-muted);flex-wrap:wrap}.day-strip .left,.day-strip .right{white-space:nowrap}.day-strip .left{display:inline-flex;align-items:center;gap:10px}.day-strip .live-dot{width:7px;height:7px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.day-strip .live-dot.fail{background:var(--berry-500);box-shadow:0 0 0 4px var(--error-soft)}.day-strip .right{display:inline-flex;align-items:center;gap:14px}.day-strip .right span+span:before{content:"·";padding-right:14px;color:var(--fg-faint);margin-left:-10px}.day-strip strong{color:var(--fg);font-weight:600}.round-track{display:flex;gap:6px;padding:4px 0}.round-pip{flex:1;height:16px;border-radius:999px;background:var(--grey-200);position:relative;display:flex;align-items:center;justify-content:center;transition:background .2s,outline-color .15s}[data-theme=dark] .round-pip{background:var(--grey-800)}.round-pip.done{background:var(--accent)}.round-pip.fail{background:var(--berry-500)}.round-pip.skipped{opacity:.4}.pip-bar{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--accent);width:var(--prog, 0%);transition:width .3s var(--ease-out)}.round-pip.clickable{cursor:pointer}.round-pip.clickable:not(.viewing):hover{opacity:.75}.round-pip.viewing{outline:2.5px solid var(--fg-muted);outline-offset:2px}.round-pip.viewing.done,.round-pip.viewing.active{outline-color:var(--accent)}.round-pip.viewing.fail{outline-color:var(--berry-500)}.riddle-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 30px;box-shadow:var(--shadow-sm);animation:riddleIn .32s var(--ease-out);transition:background .35s ease,border-color .35s ease}@keyframes riddleIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.riddle-card .meta-top{display:flex;justify-content:space-between;gap:16px;align-items:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:16px;white-space:nowrap}.riddle-card .meta-top .left{display:inline-flex;align-items:center;gap:8px}.riddle-card .difficulty-chip{font-family:var(--font-mono);font-size:10px;padding:3px 8px;border-radius:999px;background:var(--bg-sunken);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.riddle-card .difficulty-chip.medium{background:var(--accent-soft);color:var(--accent)}.riddle-card .difficulty-chip.plain{background:var(--accent-soft-2);color:var(--accent-press)}[data-theme=dark] .riddle-card .difficulty-chip.plain{color:var(--accent)}.riddle-card .seed{color:var(--fg-faint)}.riddle-card .failed-x{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--berry-500)}.riddle-card .won-check{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}.riddle-card .body{font-size:22px;line-height:1.45;letter-spacing:-.01em;color:var(--fg);font-weight:400;text-wrap:pretty}.riddle-card.mono-body .body{font-family:var(--font-mono);font-size:17px;line-height:1.6}.riddle-card .meta-bot{margin-top:20px;padding-top:18px;border-top:1px solid var(--divider);display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);white-space:nowrap}.riddle-card .badge{background:var(--bg-sunken);color:var(--accent);padding:3px 8px;border-radius:999px;font-weight:500}.riddle-card.outcome-win{background:var(--accent-soft);border-color:var(--accent)}.riddle-card.outcome-fail{background:var(--error-soft);border-color:var(--berry-500)}.riddle-card.outcome-fail .difficulty-chip,.riddle-card.outcome-fail .difficulty-chip.medium,.riddle-card.outcome-fail .difficulty-chip.plain{background:var(--bg-sunken);color:var(--fg-muted)}.riddle-card.outcome-fail .badge{color:var(--fg-muted)}.prev-riddle{border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;background:transparent;display:flex;flex-direction:column;gap:6px;color:var(--fg-muted)}.prev-riddle .head{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-faint);display:flex;align-items:center;justify-content:space-between;gap:12px}.prev-riddle .head .meta-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.prev-riddle .head .strike{display:inline-flex;align-items:center;gap:6px;color:var(--berry-500);white-space:nowrap;flex-shrink:0}.prev-riddle .text{font-size:14px;line-height:1.45;color:var(--fg-muted);font-style:normal;text-wrap:pretty}.interstitial{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-faint);margin:4px 0}.interstitial:before,.interstitial:after{content:"";flex:1;height:1px;background:var(--divider)}.interstitial.warm{color:var(--accent)}.grid{display:flex;flex-direction:column;gap:8px;align-items:center}.tile-row{display:flex;gap:8px}.tile{width:56px;height:56px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:600;font-size:26px;color:var(--fg);text-transform:uppercase;border:2px solid var(--tile-empty-border);background:transparent}.tile.filled{border-color:var(--tile-filled-border);background:var(--bg-elev)}.tile.reveal{animation:tileReveal .28s var(--ease-out) forwards;opacity:0}@keyframes tileReveal{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.tile.correct{background:var(--tile-correct-bg);color:var(--tile-correct-fg);border-color:var(--tile-correct-bg)}.tile.close{background:var(--tile-close-bg);color:var(--tile-close-fg);border-color:var(--tile-close-border);border-width:2px;position:relative}.tile.close:after{content:"";position:absolute;top:4px;right:4px;width:5px;height:5px;border-radius:999px;background:var(--tile-close-border)}.tile.absent{background:var(--tile-absent-bg);color:var(--tile-absent-fg);border-color:var(--tile-absent-bg)}.tile.row-divider{opacity:.4}.hint-row{display:flex;gap:8px;margin-top:2px}.hint-tile{width:56px;height:36px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:600;font-size:22px;text-transform:uppercase;border-bottom:2px solid var(--tile-empty-border);color:transparent}.hint-tile.known{border-bottom-color:var(--tile-correct-bg);color:var(--tile-correct-bg)}.kb{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%;max-width:500px;margin:0 auto}.kb-row{display:flex;gap:6px;width:100%}.key{font-family:var(--font-mono);font-size:15px;font-weight:600;flex:1;height:64px;padding:0;min-width:0;border-radius:6px;border:1px solid var(--grey-200);background:var(--grey-100);color:var(--fg);cursor:pointer;text-transform:uppercase;transition:background .12s,transform .08s;display:inline-flex;align-items:center;justify-content:center}[data-theme=dark] .key{background:var(--grey-800);border-color:var(--grey-700);color:var(--grey-100)}.key:not(.correct):not(.close):not(.absent):hover{background:var(--grey-200)}[data-theme=dark] .key:not(.correct):not(.close):not(.absent):hover{background:var(--grey-700)}.key:active{transform:translateY(1px)}.key.wide{flex:1.6;font-size:12px;letter-spacing:.05em}.key.back svg{display:block}.key.correct{background:var(--tile-correct-bg);color:var(--tile-correct-fg);border-color:var(--tile-correct-bg)}.key.close{background:transparent;color:var(--tile-close-fg);border-color:var(--tile-close-border);border-width:2px;font-weight:700}.key.absent{background:var(--tile-absent-bg);color:var(--tile-absent-fg);border-color:var(--tile-absent-bg)}[data-theme=dark] .key.absent{background:var(--grey-900);color:var(--grey-600);border-color:var(--grey-900)}.kb.reviewing{opacity:.4;pointer-events:none}.btn{font-family:var(--font-sans);font-weight:500;font-size:15px;border:none;border-radius:var(--radius-md);padding:11px 20px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .12s,transform .08s,border-color .12s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--fg-on-accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-elev);color:var(--fg);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--bg-sunken)}.btn-ghost{background:transparent;color:var(--fg-muted);font-family:var(--font-mono);font-size:13px}.btn-ghost:hover{background:var(--bg-sunken);color:var(--fg)}.btn-sm{padding:7px 12px;font-size:13px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .18s var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-elev);border-radius:var(--radius-xl);padding:32px;max-width:480px;width:100%;box-shadow:var(--shadow-xl);position:relative;animation:pop .24s var(--ease-out);max-height:calc(100vh - 40px);overflow-y:auto}@keyframes pop{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.modal h2{font-size:32px;margin:0 0 10px;letter-spacing:-.025em;font-weight:600;line-height:1.05}.modal .lede{color:var(--fg-muted);font-size:15px;margin:0 0 22px;line-height:1.5}.modal-close{position:absolute;top:14px;right:14px}.share-card{background:var(--bg-sunken);border-radius:var(--radius-lg);padding:22px;margin-bottom:20px;display:flex;flex-direction:column;gap:14px}.share-card .head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.share-card .summary{font-size:18px;font-weight:500}.share-card .summary .acc{color:var(--accent);font-family:var(--font-mono)}.share-grid{display:flex;flex-direction:column;gap:4px;font-family:var(--font-mono);font-size:18px;line-height:1;color:var(--fg)}.share-grid .row{display:flex;gap:4px}.upvote-prompt{margin-top:0;padding:16px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);display:flex;gap:12px;align-items:center;justify-content:space-between}.upvote-prompt .label{font-size:14px;color:var(--fg)}.upvote-prompt .sub{font-size:12px;color:var(--fg-muted);font-family:var(--font-mono);margin-top:3px}.vote-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:11px 18px;margin-top:14px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:transparent;cursor:pointer;font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--fg-muted);transition:all .15s}.vote-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.vote-btn.voted{border-style:solid;border-color:var(--accent);color:var(--accent);background:var(--accent-soft);cursor:default}.vote-btn.loading{opacity:.55;cursor:default}.vote-btn svg{width:14px;height:14px;stroke-width:2.25;flex-shrink:0}.modal-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.modal-note{font-size:13px;color:var(--fg-faint);font-family:var(--font-mono);margin-left:auto;align-self:center}.modal-actions .next{margin-left:auto}.toast{position:fixed;top:84px;left:50%;transform:translate(-50%);background:var(--grey-900);color:var(--grey-50);padding:9px 18px;border-radius:999px;font-size:14px;z-index:100;box-shadow:var(--shadow-md);animation:toastIn .18s var(--ease-out)}[data-theme=dark] .toast{background:var(--grey-100);color:var(--grey-950)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.scoreboard{max-width:920px;margin:0 auto}.score-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;gap:16px;flex-wrap:wrap}.score-head h1{font-size:44px;font-weight:600;letter-spacing:-.025em;margin:0 0 6px}.score-head .sub{color:var(--fg-muted);font-size:15px;margin:0;max-width:56ch}.tabs{display:inline-flex;gap:2px;background:var(--bg-sunken);padding:4px;border-radius:999px;flex-shrink:0}.tab{font-family:var(--font-mono);font-size:12px;padding:7px 14px;border-radius:999px;background:transparent;border:0;color:var(--fg-muted);cursor:pointer;transition:background .12s,color .12s;white-space:nowrap}.tab.active{background:var(--bg-elev);color:var(--fg);box-shadow:var(--shadow-xs)}.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:16px;margin-bottom:24px;align-items:end}.pod{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}.pod .rank-mark{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;display:flex;justify-content:space-between;align-items:center}.pod .model-row{display:flex;align-items:center;gap:12px;margin-top:4px}.pod .name{font-family:var(--font-mono);font-size:16px;font-weight:600;letter-spacing:-.01em}.pod .stats{display:flex;gap:18px;margin-top:6px}.pod .stat .v{font-family:var(--font-mono);font-size:20px;font-weight:600;color:var(--fg)}.pod .stat .l{font-family:var(--font-mono);font-size:10px;color:var(--fg-faint);text-transform:uppercase;letter-spacing:.08em}.pod.first{background:linear-gradient(180deg,var(--accent-soft) 0%,var(--bg-elev) 70%);border-color:var(--accent)}.pod.first .name{color:var(--accent)}.pod.first .ribbon{position:absolute;top:14px;right:14px;background:var(--accent);color:var(--fg-on-accent);font-family:var(--font-mono);font-size:10px;padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em}.mark{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:13px;font-weight:600;background:var(--bg-sunken);color:var(--fg);flex-shrink:0;border:1px solid var(--border)}.mark.sm{width:26px;height:26px;font-size:10px}.mark.lg{width:44px;height:44px;font-size:15px}.pod.first .mark{background:var(--accent);color:var(--fg-on-accent);border-color:var(--accent)}@keyframes dotBlink{0%,80%,to{opacity:0}40%{opacity:1}}.loading-dots{display:flex;align-items:center;justify-content:center;gap:6px;padding:60px 0;opacity:0;animation:dotsAppear 0ms .15s forwards}@keyframes dotsAppear{to{opacity:1}}.loading-dots span{width:5px;height:5px;border-radius:999px;background:var(--fg-muted);animation:dotBlink 1.2s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes scoreboardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.scoreboard-content{animation:scoreboardIn .28s var(--ease-out)}.score-table{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.score-header,.score-row{display:grid;grid-template-columns:48px 36px 1.4fr 100px 100px 70px;gap:16px;padding:14px 22px;align-items:center}.score-header{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-faint);border-bottom:1px solid var(--divider);padding-top:12px;padding-bottom:12px}.score-header>div:nth-child(4),.score-header>div:nth-child(5),.score-header>div:nth-child(6){text-align:right}.score-row{border-bottom:1px solid var(--divider);animation:rowEnter .24s var(--ease-out) backwards}.score-row:last-child{border-bottom:0}@keyframes rowEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.score-row .rank{font-family:var(--font-mono);font-size:16px;font-weight:600;color:var(--fg-muted);text-align:center}.score-row .model{font-family:var(--font-mono);font-size:14px;font-weight:600}.score-row .preview{font-size:12px;color:var(--fg-muted);margin-top:4px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;font-style:italic}.score-row .col-stat{font-family:var(--font-mono);font-size:14px;font-weight:500;text-align:right}.score-row .col-stat .sublabel{display:block;font-size:10px;color:var(--fg-faint);text-transform:uppercase;letter-spacing:.08em;font-weight:400;margin-top:2px}.score-row .change{font-family:var(--font-mono);font-size:12px;font-weight:600;text-align:right}.change.up{color:var(--moss-500)}[data-theme=dark] .change.up{color:var(--accent)}.change.dn{color:var(--berry-500)}.change.flat{color:var(--fg-faint)}@media (max-width: 720px){.score-header,.score-row{grid-template-columns:40px 36px 1fr 64px}.score-row>div:nth-child(3){min-width:0}.score-header>div:nth-child(n+5),.score-row>*:nth-child(n+5){display:none}.podium{grid-template-columns:1fr}.pod:nth-child(1){order:2}.pod:nth-child(2){order:1}.pod:nth-child(3){order:3}.pod .stats{gap:24px}}.archive{max-width:920px;margin:0 auto}.archive-head{margin-bottom:28px}.archive-head h1{font-size:44px;font-weight:600;letter-spacing:-.025em;margin:0 0 6px}.archive-head p{color:var(--fg-muted);margin:0;font-size:15px}.archive-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.arc-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .15s,transform .15s}.arc-card.expandable{cursor:pointer}.arc-card.expandable:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.arc-card .row1{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);gap:8px}.arc-card .row1>span:first-child{white-space:nowrap;flex-shrink:0}.arc-card .row1 .day-no{color:var(--fg);font-weight:600}.arc-card .row2{display:flex;gap:4px;align-items:center}.arc-card .mini-tile{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:600;background:var(--tile-correct-bg);color:var(--tile-correct-fg)}.arc-card .row3{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);padding-top:12px;border-top:1px solid var(--divider)}.arc-card .row3 .v{color:var(--fg);font-weight:500}.arc-card .theme-tag{font-family:var(--font-mono);font-size:9px;padding:2px 6px;border-radius:999px;background:var(--bg-sunken);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px;flex-shrink:1}.arc-card .mini-tile-unknown{background:var(--bg-sunken);color:var(--fg-faint)}.arc-outcome-icon{display:flex;align-items:center;margin-left:6px;flex-shrink:0}.arc-outcome-icon.win{color:var(--accent)}.arc-outcome-icon.lose{color:var(--berry-500)}.arc-back-btn{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);background:none;border:none;cursor:pointer;padding:0;transition:color .15s}.arc-back-btn:hover{color:var(--fg)}footer{border-top:1px solid var(--divider);padding:32px 28px;margin-top:64px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-family:var(--font-mono);font-size:11px;color:var(--fg-faint)}footer .brand{font-size:14px;color:var(--fg-muted)}footer .brand img{width:18px;height:18px}footer .brand .wm{font-size:14px}footer a{color:var(--fg-muted);border:0}footer a:hover{color:var(--fg)}@media (max-width: 820px){.app-header{padding:0 16px;height:56px}.stage{gap:22px}.tile{width:44px;height:44px;font-size:19px}.hint-tile{width:44px;height:30px;font-size:18px}.kb{max-width:100%;gap:7px}.kb-row{gap:5px}.key{height:52px;font-size:13px}.riddle-card{padding:22px 18px}.riddle-card .body{font-size:17px;line-height:1.4}.riddle-card .meta-bot{margin-top:10px;padding-top:10px}.riddle-card .meta-bot>span:last-child{display:none}.riddle-card .meta-top{flex-wrap:wrap;gap:6px}.kb{margin-top:22px}.archive-head h1,.score-head h1{font-size:32px}.score-head{flex-direction:column;align-items:flex-start}.modal{padding:22px 18px;border-radius:var(--radius-lg)}.modal h2{font-size:22px}.modal-actions{flex-direction:column}.modal-actions .next{margin-left:0}.modal-actions .btn{justify-content:center}.modal-note{width:100%;text-align:center;margin-left:0}footer{flex-direction:column;align-items:flex-start;gap:14px;padding:24px 16px}}.mobile-menu{display:flex;flex-direction:column;position:fixed;top:56px;left:0;right:0;z-index:19;background:var(--bg-elev);border-bottom:1px solid var(--border);padding:12px 16px max(12px,env(safe-area-inset-bottom,0px));gap:4px;box-shadow:var(--shadow-md);animation:slideDown .18s var(--ease-out)}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.mobile-menu-divider{height:1px;background:var(--divider);margin:6px 0}.mobile-menu-streak{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--accent);padding:8px 12px}.mobile-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border-radius:10px;border:0;background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:15px;color:var(--fg);text-align:left;transition:background .12s}.mobile-menu-item:hover{background:var(--bg-sunken)}.mobile-menu-item.active{color:var(--accent);font-weight:600}