:root{--ink:#0a1210;--panel:#101e1a;--line:#1f3733;--frame:#3e5a54;--text:#e9f3ef;--muted:#7e958d;--you:#f2a65a;--cpu:#52e3c2;--console-w:520px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ink);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:IBM Plex Sans,sans-serif}button,input{font-family:inherit}.mono{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,monospace}:focus-visible{outline:2px solid var(--cpu);outline-offset:2px}.corner{border-color:var(--frame);pointer-events:none;z-index:40;width:20px;height:20px;position:fixed}.corner.tl{border-top:2px solid;border-left:2px solid;top:14px;left:14px}.corner.tr{border-top:2px solid;border-right:2px solid;top:14px;right:14px}.corner.bl{border-bottom:2px solid;border-left:2px solid;bottom:14px;left:14px}.corner.br{border-bottom:2px solid;border-right:2px solid;bottom:14px;right:14px}.screen{justify-content:center;min-height:100vh;padding:2rem 1.25rem 3rem;display:flex}.console{width:100%;max-width:var(--console-w);min-width:0}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 .4rem;font-family:IBM Plex Mono,monospace;font-size:.7rem}.wordmark{letter-spacing:-.01em;margin:0;font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700}.wordmark .bound{color:var(--you)}.lede{color:var(--muted);margin:.5rem 0 2rem;font-size:.92rem;line-height:1.5}.panel{background:var(--panel);border-left:3px solid var(--frame);margin-bottom:1.1rem;padding:1.25rem 1.25rem 1.4rem}.panel.you{border-left-color:var(--you)}.panel.cpu{border-left-color:var(--cpu)}.panel .eyebrow.you{color:var(--you)}.panel .eyebrow.cpu{color:var(--cpu)}.panel-head{justify-content:space-between;align-items:baseline;display:flex}.turn-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:.2rem .5rem;font-family:IBM Plex Mono,monospace;font-size:.66rem}.turn-tag.on{color:var(--ink)}.panel.you .turn-tag.on{background:var(--you)}.panel.cpu .turn-tag.on{background:var(--cpu)}.panel.waiting{opacity:.4}.readout{letter-spacing:-.01em;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:.2rem 0 1.1rem;font-size:clamp(1.7rem,8vw,2.6rem);font-weight:600;display:flex}.readout .bk{color:var(--you);font-weight:500}.readout input.rangeval{border:none;border-bottom:2px dashed var(--frame);color:var(--text);font:inherit;background:0 0;width:6ch;padding:0 0 .1rem}.readout input.rangeval::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.readout input.rangeval::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.readout input.rangeval:focus{border-bottom-style:solid;border-bottom-color:var(--you);outline:none}.edit-hint{color:var(--muted);margin:-.6rem 0 1.2rem;font-family:IBM Plex Mono,monospace;font-size:.68rem}.presets-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:1.2rem 0 .6rem;font-family:IBM Plex Mono,monospace;font-size:.66rem}.ticks{flex-wrap:wrap;gap:.5rem;display:flex}.tickbtn{background:var(--ink);border:1px solid var(--line);color:var(--muted);cursor:pointer;padding:.45rem .8rem;font-family:IBM Plex Mono,monospace;font-size:.78rem}.tickbtn.selected{border-color:var(--you);color:var(--you)}.btn{border:1.5px solid var(--you);background:var(--you);width:100%;color:var(--ink);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;margin-top:.3rem;padding:1rem;font-family:IBM Plex Mono,monospace;font-size:.95rem;font-weight:600;display:block}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.cpu{border-color:var(--cpu);background:var(--cpu)}.btn.ghost{color:var(--muted);border:1px solid var(--line);text-transform:none;letter-spacing:0;background:0 0;font-family:IBM Plex Sans,sans-serif;font-weight:500}.footnote{text-align:center;color:var(--muted);margin-top:1.5rem;font-family:IBM Plex Mono,monospace;font-size:.75rem}.error-banner{color:#ffb4a8;background:#35120f;border:1px solid #7a2a20;margin-bottom:1rem;padding:.7rem .9rem;font-size:.85rem}.guess-toast{z-index:60;border:1.5px solid var(--you);background:var(--ink);color:var(--you);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;pointer-events:none;padding:.9rem 1.6rem;font-family:Space Grotesk,sans-serif;font-size:clamp(1.2rem,6vw,1.6rem);font-weight:700;animation:1.3s forwards toast-pop;position:fixed;top:18%;left:50%;box-shadow:0 8px 30px #00000080}.guess-toast.win{border-color:var(--cpu);color:var(--cpu)}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,6px)scale(.92)}12%{opacity:1;transform:translate(-50%)scale(1)}78%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-6px)scale(.98)}}@media (prefers-reduced-motion:reduce){.guess-toast{animation:none}}.arena-strip{color:var(--muted);text-align:center;letter-spacing:.02em;margin-bottom:1.4rem;font-family:IBM Plex Mono,monospace;font-size:.8rem}.arena-strip b{color:var(--text)}.bracket-range{background:var(--line);height:4px;margin:1.3rem 0;position:relative}.bracket-range .fill{background:var(--you);opacity:.5;transition:left .5s,right .5s;position:absolute;top:0;bottom:0}.range-endlabels{color:var(--muted);justify-content:space-between;align-items:baseline;margin-top:.6rem;font-family:IBM Plex Mono,monospace;font-size:.68rem;display:flex}.range-endlabels .mono{color:var(--you);font-size:.8rem;font-weight:600}.guess-row{gap:.5rem;margin:1rem 0 1.1rem;display:flex}.guess-row input{background:var(--ink);border:1px solid var(--line);min-width:0;color:var(--text);flex:1;padding:.7rem .8rem;font-family:IBM Plex Mono,monospace;font-size:1rem}.guess-row input:focus{border-color:var(--you);outline:none}.guess-row input:disabled,.guess-row button:disabled{opacity:.5;cursor:not-allowed}.guess-row button{border:1px solid var(--you);background:var(--you);width:5.5rem;color:var(--ink);text-transform:uppercase;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:.82rem;font-weight:600}.cpu-readout{text-align:center;margin:.3rem 0 1.2rem;position:relative}.cpu-readout .num{color:var(--cpu);font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,10vw,3rem);font-weight:700;line-height:1;animation:.6s ease-out ping-num;display:inline-block;position:relative}.cpu-readout .num:after{content:"";border:1px solid var(--cpu);border-radius:50%;width:1.5em;height:1.5em;margin:-.75em 0 0 -.75em;animation:.6s ease-out ping-ring;position:absolute;top:50%;left:50%}@keyframes ping-ring{0%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.15)}}@keyframes ping-num{0%{opacity:.3}to{opacity:1}}.cpu-readout .label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:1.5rem;font-family:IBM Plex Mono,monospace;font-size:.68rem}.feedback-btns{grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-bottom:1.2rem;display:grid}.feedback-btns button{border:1px solid var(--line);background:var(--ink);color:var(--text);text-transform:uppercase;cursor:pointer;padding:.8rem .4rem;font-family:IBM Plex Mono,monospace;font-size:.78rem;font-weight:600}.feedback-btns button:not(:disabled):hover{border-color:var(--cpu)}.feedback-btns button.correct{border-color:var(--cpu);color:var(--cpu)}.feedback-btns button:disabled{opacity:.5;cursor:not-allowed}.log{max-height:180px;margin:0;padding:0;list-style:none;overflow-y:auto}.log li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.5rem .05rem;font-family:IBM Plex Mono,monospace;font-size:.85rem;display:flex}.log li:last-child{border-bottom:none}.tag.higher{color:var(--you)}.tag.lower{color:var(--muted)}.tag.win{color:var(--cpu)}.victory-wrap{text-align:center;padding-top:1.5rem}.verdict-rule{background:var(--you);height:2px;margin-bottom:1.6rem}.verdict-rule.cpu{background:var(--cpu)}.verdict{color:var(--you);margin:0 0 .4rem;font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,9vw,2.3rem);font-weight:700}.verdict.cpu{color:var(--cpu)}.victory-sub{color:var(--muted);margin-bottom:2rem;font-size:.92rem}.stat-row{justify-content:center;gap:2.2rem;margin-bottom:2.2rem;display:flex}.stat .n{font-family:IBM Plex Mono,monospace;font-size:1.7rem;font-weight:600}.stat .l{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:.2rem;font-family:IBM Plex Mono,monospace;font-size:.66rem}.daily-block{margin-top:1.8rem}.daily-block .arena-strip{margin-bottom:.9rem}.daily-hint{color:var(--muted);text-align:center;margin:0;font-family:IBM Plex Mono,monospace;font-size:.75rem}.btn.ghost.cpu{color:var(--cpu);border-color:var(--cpu)}.victory-daily-note{text-align:center;color:var(--muted);margin:.9rem 0 1.1rem;font-family:IBM Plex Mono,monospace;font-size:.78rem}@media (prefers-reduced-motion:reduce){.bracket-range .fill,.cpu-readout .num,.cpu-readout .num:after{transition:none;animation:none}.feedback-overlay,.feedback-dialog{animation:none}}.feedback-tab{z-index:45;background:var(--panel);border:1px solid var(--line);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:.5rem 1rem;font-family:IBM Plex Mono,monospace;font-size:.68rem;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.feedback-tab:hover,.feedback-tab:focus-visible{border-color:var(--you);color:var(--you)}.feedback-overlay{z-index:100;background:#040807c7;justify-content:center;align-items:center;padding:1.25rem;animation:.15s feedback-fade;display:flex;position:fixed;inset:0}.feedback-dialog{background:var(--panel);border-left:3px solid var(--you);width:100%;max-width:420px;padding:1.25rem 1.25rem 1.4rem;animation:.18s feedback-pop}.feedback-head{justify-content:space-between;align-items:flex-start;margin-bottom:.6rem;display:flex}.feedback-head .eyebrow{margin:0}.feedback-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 .2rem;font-size:1.4rem;line-height:1}.feedback-close:hover,.feedback-close:focus-visible{color:var(--you)}.feedback-hint{color:var(--muted);margin:0 0 .8rem;font-family:IBM Plex Mono,monospace;font-size:.68rem}textarea.feedback-field,input.feedback-field{background:var(--ink);border:1px solid var(--line);width:100%;color:var(--text);margin-bottom:.7rem;padding:.7rem .8rem;font-family:IBM Plex Sans,sans-serif;font-size:.9rem;display:block}textarea.feedback-field{resize:vertical}textarea.feedback-field:focus,input.feedback-field:focus{border-color:var(--you);outline:none}.feedback-count{color:var(--muted);text-align:right;margin:-.4rem 0 .8rem;font-family:IBM Plex Mono,monospace;font-size:.68rem}.feedback-thanks{color:var(--text);margin:.2rem 0 .4rem;font-size:.95rem}@keyframes feedback-fade{0%{opacity:0}to{opacity:1}}@keyframes feedback-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}