:root{--serif:"Instrument Serif",Georgia,serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--bg:#efebe1;--ink:#16140f;--soft:#5f5a4f;--line:#dad3c4;--well:#e4ded1;--panel:#171612;--panel-edge:#2e2c25;--led:#ffb23f;--led-glow:#ffb23f73;--led-dim:#ffb23f14;--led-soft:#b98a45;--signal:#e3371b;--signal-deep:#9e2210;--on-signal:#fff;--focus:#1d5fd1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f0e0b;--ink:#f1ece1;--soft:#a7a094;--line:#2c2a24;--well:#1b1a16;--panel:#1c1b16;--panel-edge:#3a372e;--signal:#ff5536;--signal-deep:#a8260f;--focus:#80b2ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f0e0b;--ink:#f1ece1;--soft:#a7a094;--line:#2c2a24;--well:#1b1a16;--panel:#1c1b16;--panel-edge:#3a372e;--signal:#ff5536;--signal-deep:#a8260f;--focus:#80b2ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);font:400 1.15rem/1.4 var(--serif);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;margin:0}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.shell{max-width:520px;padding:calc(10px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 8px max(16px,env(safe-area-inset-left,0px));margin:0 auto}.top{justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}h1{font-family:var(--serif);letter-spacing:-.01em;align-items:center;gap:.4em;margin:0;font-size:clamp(1.9rem,8.6vw,2.3rem);font-weight:400;line-height:1;display:flex}h1 .tick{background:var(--signal);border-radius:50%;flex:none;width:.34em;height:.34em}.actions{gap:8px;display:flex}.icon-btn{border:2px solid var(--ink);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.icon-btn svg{width:19px;height:19px}#app{min-height:540px}.tabs{background:var(--well);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;margin:8px 0 14px;padding:4px;display:grid}.tab{min-height:40px;color:var(--soft);font-family:var(--mono);letter-spacing:.02em;border-radius:999px;place-items:center;font-size:.82rem;font-weight:500;text-decoration:none;display:grid}.tab[aria-current=page]{background:var(--bg);color:var(--ink);box-shadow:0 1px 2px #0000001f}.panel{background:var(--panel);color:var(--led);box-shadow:inset 0 0 0 2px var(--panel-edge),0 12px 26px -16px #0009;border-radius:22px;padding:20px 18px 14px;position:relative;overflow:hidden}.readout{text-align:center;letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums;font-family:Doto,ui-monospace,monospace;font-size:clamp(3.9rem,20.5vw,6.4rem);font-weight:800;line-height:1;position:relative}.ghost{color:var(--led-dim);-webkit-user-select:none;user-select:none;position:absolute;inset:0}.lit{text-shadow:0 0 18px var(--led-glow);transition:opacity .3s;position:relative}.panel.dark .lit{opacity:0}.pt{vertical-align:baseline;background:currentColor;border-radius:22%;width:.13em;height:.13em;margin:0 .07em;display:inline-block}.ghost .pt{background:currentColor}.panel.done.win .lit{color:#ffd37e}.meter{color:var(--led-soft);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;margin-top:12px;font-size:.68rem;font-weight:600;line-height:1;display:flex}.meter .target{margin-left:auto}.lamp{background:var(--led-dim);border-radius:50%;width:9px;height:9px}.panel.running .lamp{background:var(--signal);box-shadow:0 0 10px var(--signal)}.panel.dark .lamp{animation:1s steps(2,jump-none) infinite blink}.panel.done .lamp{background:var(--led)}@keyframes blink{50%{opacity:.2}}.ruler{color:var(--led-soft);font-family:var(--mono);border-top:1px dashed #ffb23f33;margin-top:14px;padding-top:12px;font-size:.6rem;font-weight:600;line-height:1}.ruler-row{letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;display:flex}.ruler-row .miss{color:#ffd37e}.ruler-row.scale{letter-spacing:.02em;text-transform:none}.key{align-items:center;gap:5px;display:flex}.key i{background:#f3ebdd80;border-radius:50%;width:6px;height:6px}.key i.bar{background:#f3ebdd;border-radius:0;width:2px;height:9px;margin-left:6px}.track{height:46px;margin:6px 0 4px;position:relative}.track i{display:block;position:absolute;transform:translate(-50%)}.track .rail{background:#ffb23f38;height:2px;top:22px;left:0;right:0;transform:none}.track .zone{border-radius:3px;height:22px;top:12px;transform:none}.track .tick{background:#ffb23f73;width:1px;height:5px;top:36px}.track .tick.major{height:9px}.track .center{background:var(--led);width:2px;height:34px;top:6px;left:50%}.track .past{background:#f3ebdd6b;border-radius:50%;width:8px;height:8px;top:19px}.track .friend{background:#f3ebdd;width:2px;height:12px;top:0}.track .you{background:#ffd37e;border-radius:2px;width:4px;height:38px;top:4px;box-shadow:0 0 12px #ffd37ecc}.verdict{text-align:center;min-height:4.4em;color:var(--soft);margin:14px 0 0}.verdict:not(.result){color:var(--ink);text-wrap:balance;place-items:center;padding:0 8px;font-family:Instrument Serif,Georgia,serif;font-size:1.45rem;font-style:italic;line-height:1.2;display:grid}.verdict:not(.result) b{font-family:var(--mono);font-size:.7em;font-style:normal;font-weight:600}.verdict strong{color:var(--ink);font-family:var(--serif);letter-spacing:-.01em;font-size:2.7rem;font-weight:400;line-height:1;display:block}.verdict .line{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;margin-top:8px;font-size:1.2rem;font-style:italic;line-height:1.2;display:flex}.chip{background:var(--ink);color:var(--bg);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:5px 10px 4px;font-size:.68rem;font-style:normal;font-weight:600;line-height:1.2}.pusher{background:var(--ink);width:100%;height:64px;color:var(--bg);font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:16px;margin:10px 0 0;font-size:1rem;font-weight:600;transition:transform 60ms;display:block;position:relative;overflow:hidden}.pusher:active{transform:scale(.985)}.pusher.running{background:var(--signal);color:var(--on-signal)}.pusher .bar{background:#fff9;width:0;height:4px;position:absolute;bottom:0;left:0}.pusher.dark .bar{opacity:0}.pusher.done .bar{background:var(--led)}.after{gap:2px;margin-top:10px;display:grid}.actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.actions.solo{grid-template-columns:1fr}.cta{background:var(--signal);min-height:50px;color:var(--on-signal);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;text-align:center;cursor:pointer;border:0;border-radius:14px;place-items:center;padding:12px 16px;font-size:.85rem;font-weight:600;line-height:1.2;text-decoration:none;display:grid}.post-btn{border:2px solid var(--ink);min-height:50px;color:var(--ink);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;text-align:center;cursor:pointer;background:0 0;border-radius:14px;place-items:center;padding:0 12px;font-size:.85rem;font-weight:600;line-height:1.2;text-decoration:none;display:grid}.post-btn:disabled{opacity:.6;cursor:wait}.as{color:var(--soft);font-family:var(--mono);justify-content:center;align-items:center;gap:2px;font-size:.78rem;display:flex}.as strong{color:var(--ink);font-weight:600}.dice{cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.dice svg{width:22px;height:22px}.err{color:var(--signal);font-family:var(--mono);text-align:center;margin:0;font-size:.78rem}.note{text-align:center;color:var(--soft);margin:0;font-size:1.15rem;font-style:italic}.after .note{margin-top:8px}.note a,.link{color:var(--ink);text-underline-offset:3px;font-style:italic;text-decoration:underline}.link{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.best{text-align:center;color:var(--soft);font-family:var(--mono);margin:18px 0 0;font-size:.78rem}.stats{font-family:var(--mono);border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0 0;padding-top:14px;display:grid}.stats div{text-align:center;flex-direction:column-reverse;padding:0 4px;display:flex}.stats div+div{border-left:1px solid var(--line)}.stats dd{letter-spacing:-.02em;margin:0;font-size:1.02rem;font-weight:600;line-height:1.1}.stats dt{color:var(--soft);letter-spacing:.12em;text-transform:uppercase;margin-top:5px;font-size:.56rem;font-weight:500}.board{gap:14px;display:grid}.board-head h2{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:2.1rem;font-weight:400;line-height:1.05}.board-head p{color:var(--soft);font-family:var(--mono);margin:4px 0 0;font-size:.78rem}.rows{background:var(--panel);color:var(--led);box-shadow:inset 0 0 0 2px var(--panel-edge);border-radius:18px;margin:0;padding:6px;list-style:none}.rows li{border-radius:12px;grid-template-columns:2.2em 1fr auto;align-items:center;gap:10px;min-height:44px;padding:0 12px;display:grid}.rows li+li{border-top:1px dashed #ffb23f24}.rows li.mine{background:#ffb23f24}.rank{font-family:Doto,ui-monospace,monospace;font-size:1.25rem;font-weight:800}.who{color:#f3ebdd;font-family:var(--mono);font-size:.88rem;font-weight:500}.you{color:var(--led-soft);font-weight:400}.off{white-space:nowrap;font-family:Doto,ui-monospace,monospace;font-size:1.1rem;font-weight:800}.about{color:var(--soft);margin:36px 0 8px}.about h2{color:var(--ink);letter-spacing:-.01em;margin:0 0 10px;font-family:Instrument Serif,Georgia,serif;font-size:2.1rem;font-weight:400;line-height:1.05}.about strong{color:var(--ink);font-style:italic;font-weight:400}.about ul{padding-left:1.2em}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}