@import url('./fonts.css');

:root{--ink:#efffec;--muted:#88a092;--paper:#06110d;--surface:#0c1e16;--line:#294237;--acid:#b8ff38;--orange:#ff6b35;--red:#ff4f64}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;min-height:100vh;color:var(--ink);font-family:'IBM Plex Mono',monospace;background:linear-gradient(rgba(184,255,56,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(184,255,56,.025) 1px,transparent 1px),var(--paper);background-size:32px 32px}.reaction-topbar{height:68px;padding:0 clamp(18px,4vw,58px);display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);background:rgba(6,17,13,.94)}.reaction-brand{display:flex;align-items:center;gap:11px;color:var(--ink);font:16px 'Archivo Black',sans-serif;letter-spacing:.08em;text-decoration:none}.reaction-mark{display:grid;place-items:center;width:34px;height:34px;color:var(--paper);background:var(--acid);transform:rotate(-3deg)}.reaction-back{margin-left:auto;color:var(--muted);font-size:10px;letter-spacing:.14em;text-decoration:none}.reaction-back:hover,.reaction-back:focus-visible{color:var(--acid)}.reaction-online{color:var(--muted);font-size:9px;letter-spacing:.12em}.reaction-online::before{content:'';display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px var(--acid)}.reaction-shell{width:min(1280px,100%);min-height:calc(100vh - 120px);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 330px;border-inline:1px solid var(--line)}.reaction-main{padding:clamp(22px,4vw,54px);border-right:1px solid var(--line)}.reaction-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.reaction-eyebrow{margin:0 0 8px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.18em}.reaction-heading h1{margin:0;font:clamp(38px,6vw,72px)/.9 'Archivo Black',sans-serif;letter-spacing:-.055em}.reaction-heading h1 span{color:var(--acid)}.round-count{text-align:right}.round-count span{display:block;color:var(--muted);font-size:9px;letter-spacing:.15em}.round-count strong{font:22px 'Archivo Black',sans-serif}.reaction-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-bottom:0}.reaction-stats>div{padding:13px 16px;border-right:1px solid var(--line)}.reaction-stats>div:last-child{border:0}.reaction-stats span{display:block;margin-bottom:5px;color:var(--muted);font-size:8px;letter-spacing:.13em}.reaction-stats strong{font-size:15px}.reaction-target{position:relative;min-height:clamp(390px,54vw,570px);display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);outline:none;cursor:pointer;touch-action:manipulation;user-select:none;background:radial-gradient(circle at 50% 45%,#173125 0,#0a1b13 52%,#06110d 100%);transition:background .12s,color .12s}.reaction-target::before{content:'';position:absolute;inset:18px;border:1px solid rgba(184,255,56,.12);pointer-events:none}.reaction-target::after{content:'';position:absolute;width:340px;height:340px;border:1px solid rgba(184,255,56,.1);border-radius:50%;box-shadow:0 0 0 70px rgba(184,255,56,.025),0 0 0 140px rgba(184,255,56,.018);pointer-events:none}.reaction-target[data-state=ready]{color:#06110d;background:var(--acid)}.reaction-target[data-state=ready]::before,.reaction-target[data-state=ready]::after{border-color:rgba(6,17,13,.25)}.reaction-target[data-state=too-early]{background:radial-gradient(circle,#481722,#1a0b10 70%)}.reaction-target[data-state=clicked],.reaction-target[data-state=complete]{background:radial-gradient(circle,#402413,#160e09 70%)}.target-content{position:relative;z-index:2;width:min(570px,88%);text-align:center}.state-label{margin:0 0 18px;color:var(--acid);font-size:10px;font-weight:600;letter-spacing:.2em}.reaction-target[data-state=ready] .state-label{color:#29400f}.reaction-target[data-state=too-early] .state-label{color:var(--red)}.reaction-target[data-state=clicked] .state-label,.reaction-target[data-state=complete] .state-label{color:var(--orange)}.target-content h2{margin:0;font:clamp(42px,7vw,86px)/.95 'Archivo Black',sans-serif;letter-spacing:-.055em}.state-copy{max-width:500px;margin:20px auto;color:var(--muted);font-size:11px;line-height:1.7}.reaction-target[data-state=ready] .state-copy{color:#29400f}.reaction-action{min-width:170px;min-height:48px;padding:13px 22px;border:1px solid var(--acid);color:var(--paper);background:var(--acid);font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.12em;cursor:pointer}.reaction-action:hover,.reaction-action:focus-visible{filter:brightness(1.14);outline:2px solid var(--ink);outline-offset:3px}.reaction-action[hidden]{display:none}.progress-track{height:5px;background:#12261c}.progress-track span{display:block;height:100%;width:0;background:var(--acid);transition:width .25s}.reaction-side{padding:30px 26px;display:flex;flex-direction:column;gap:28px;background:rgba(8,24,17,.6)}.side-number{color:var(--acid);font:60px/1 'Archivo Black',sans-serif}.side-block{padding-top:24px;border-top:1px solid var(--line)}.side-block h2{margin:0 0 18px;font:21px/1.15 'Archivo Black',sans-serif}.round-results{display:grid;gap:7px;margin:0;padding:0;list-style:none}.round-results li{display:flex;justify-content:space-between;padding:10px 12px;color:var(--muted);border:1px solid var(--line);font-size:10px}.round-results li.complete{color:var(--ink);border-color:#46664e}.rules{margin:0;padding:0;list-style:none;counter-reset:steps}.rules li{display:flex;gap:11px;margin:13px 0;color:var(--muted);font-size:10px;line-height:1.5}.rules li::before{counter-increment:steps;content:'0' counter(steps);color:var(--acid)}.false-start-line{display:flex;justify-content:space-between;margin-top:18px;padding-top:15px;border-top:1px solid var(--line);color:var(--muted);font-size:9px;letter-spacing:.1em}.false-start-line strong{color:var(--ink)}.reaction-footer{height:52px;padding:0 clamp(18px,4vw,58px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:9px;letter-spacing:.13em}.reaction-footer a{color:inherit}
@media(max-width:850px){.reaction-online{display:none}.reaction-shell{grid-template-columns:1fr}.reaction-main{border-right:0;padding:20px}.reaction-side{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.side-number{display:none}.reaction-target{min-height:440px}.reaction-heading h1{font-size:44px}}
@media(max-width:560px){.reaction-topbar{height:60px}.reaction-back{font-size:0}.reaction-back::after{content:'← GAMES';font-size:10px}.reaction-main{padding:14px}.reaction-heading{align-items:center}.reaction-heading h1{font-size:34px}.round-count strong{font-size:17px}.reaction-stats{grid-template-columns:1fr 1fr}.reaction-stats>div{padding:11px}.reaction-stats>div:last-child{grid-column:1/-1;border-top:1px solid var(--line)}.reaction-target{min-height:410px}.reaction-target::after{width:230px;height:230px}.target-content h2{font-size:47px}.reaction-side{grid-template-columns:1fr;padding:24px 20px}.reaction-footer{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}