:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f3f0e8;--surface:#fffdf7;--ink:#1d1c22;--muted:#55535c;--line:#1d1c22;--shadow:#1d1c22;--accent:#2b4c9b;--on-accent:#fff;--danger:#a4251b;--good:#1b6b3a;--focus:#1b62c4;--border:3px;--font-body:ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;--font-display:var(--font-body);--column:560px;--gutter:16px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#15151a;--surface:#202028;--ink:#f1efe8;--muted:#b6b3bd;--line:#5b5a66;--shadow:#000;--accent:#8fb0ff;--on-accent:#0d1530;--danger:#ff9d90;--good:#7fd9a0;--focus:#9cc2ff}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:16px/1.5 var(--font-body);margin:0}#app{flex-direction:column;min-height:100dvh;display:flex}.screen{flex:1;width:100%;padding:20px 0 28px}.screen>*{width:min(100%, calc(var(--column) + 2 * var(--gutter)));padding-inline:var(--gutter);margin-inline:auto}.screen>.scene-full{width:100%;max-width:none;padding-inline:0}.scene-full>svg{width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{color:var(--muted);letter-spacing:.1em;font-size:.8125rem}h1:focus{outline:none}h1>svg{display:block}a{color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.site-header,.site-footer{padding-inline:max(var(--gutter), calc((100% - var(--column)) / 2))}.site-header{letter-spacing:.08em;text-transform:uppercase;border-bottom:var(--border) solid var(--line);justify-content:space-between;align-items:center;min-height:52px;font-size:.8125rem;display:flex}.site-home{min-height:44px;color:var(--ink);align-items:center;text-decoration:none;display:inline-flex}.site-title{color:var(--muted)}.site-right{align-items:center;gap:8px;display:inline-flex}.sound-toggle{min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;font-size:1.25rem;line-height:1}.site-footer{border-top:var(--border) solid var(--line);justify-content:center;gap:16px;font-size:.8125rem;display:flex}.site-footer a{min-height:44px;color:var(--muted);align-items:center;padding:0 4px;display:inline-flex}.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:.75rem;font-weight:700}.lead{margin:0 0 6px}.btn{border:var(--border) solid var(--ink);background:var(--surface);width:100%;min-height:48px;color:var(--ink);box-shadow:0 4px 0 var(--shadow);font:700 1rem var(--font-body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:0;padding:10px 18px;display:block}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(3px)}.card{border:var(--border) solid var(--line);background:var(--surface);padding-block:16px}.screen>.card{width:min(calc(100% - 2 * var(--gutter)), var(--column));padding-inline:16px}.result-panel>*{margin:0 0 24px}.result-score{margin-bottom:4px;font-size:2.5rem}.compare{border:var(--border) solid var(--line);background:var(--surface);margin:0;padding:12px;font-size:1rem}.compare-basis{color:var(--muted);font-size:.8125rem;display:block}.share-preview{border:var(--border) dashed var(--line);background:var(--surface);font:.9rem/1.5 var(--font-body);overflow-wrap:anywhere;white-space:pre-wrap;-webkit-user-select:all;user-select:all;margin:0 0 14px;padding:12px}.share-status{text-align:center;min-height:1.5em;margin:8px 0 0;font-weight:700}.countdown{text-align:center;letter-spacing:.06em;text-transform:uppercase;font-size:.875rem}.countdown-time{background:var(--ink);color:var(--bg);font-variant-numeric:tabular-nums;padding:2px 8px;font-size:1.1rem;display:inline-block}.stat-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;display:grid}.stat{border:var(--border) solid var(--line);background:var(--surface);flex-direction:column;align-items:center;padding:10px 4px;display:flex}.stat-value{font:700 1.6rem var(--font-display)}.stat-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem}.dist{margin:0;padding:0;list-style:none}.dist-row{font-variant-numeric:tabular-nums;grid-template-columns:62px 1fr 72px;align-items:center;gap:8px;min-height:28px;font-size:.8125rem;display:grid}.dist-track{border:2px solid var(--line);background:var(--surface);height:14px}.dist-bar{background:var(--muted);height:100%;display:block}.dist-bar-own{background:var(--accent)}.dist-row-own{font-weight:700}.other-games ul{color:var(--muted);flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.other-games li{min-height:28px}.other-games a{align-items:center;min-height:44px;display:inline-flex}.feedback{font-size:.875rem}.hub-games{gap:14px;margin-block:20px 0;padding:0;list-style:none;display:grid}.hub-game{border:var(--border) solid var(--ink);background:var(--surface);box-shadow:0 4px 0 var(--shadow);color:inherit;padding:14px;text-decoration:none;display:block}a.hub-game{transition:transform .12s steps(3,end),box-shadow .12s steps(3,end);position:relative}a.hub-game:after{content:"▶ Play";color:var(--ink);letter-spacing:.08em;text-transform:uppercase;opacity:0;font-size:.8125rem;font-weight:700;transition:opacity .12s steps(3,end),transform .12s steps(3,end);position:absolute;bottom:12px;right:14px;transform:translate(-8px)}@media (hover:hover){a.hub-game{padding-bottom:36px}a.hub-game:hover,a.hub-game:focus-visible{box-shadow:6px 10px 0 var(--shadow);transform:translate(-4px,-6px)}a.hub-game:hover:after,a.hub-game:focus-visible:after{opacity:1;transform:none}}a.hub-game:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(3px)}.hub-title{background:#16161d;margin:0 0 8px;padding:10px;display:block}.hub-title>svg{display:block}.hub-game p{color:var(--muted);margin:0;font-size:.9375rem}.hub-soon{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:6px;font-size:.75rem;font-weight:700;display:inline-block}div.hub-game{box-shadow:none;border-style:dashed}.placeholder-note{border-left:6px solid var(--danger);background:var(--surface);padding:12px}@media (prefers-reduced-motion:reduce){a.hub-game,a.hub-game:after{transition:none}.btn:active,a.hub-game:hover,a.hub-game:focus-visible,a.hub-game:active{transform:none}}