@font-face{font-family:Barlow;src:url('data/barlow-regular.ttf') format('truetype');font-weight:100 500;font-display:swap}
@font-face{font-family:Barlow;src:url('data/barlow-bold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{font-family:Barlow,'Segoe UI',sans-serif;color:#e8f0ee;background:#0c1316;font-synthesis:none;--muted:#92a9ac;--line:#28383d;--cyan:#70f4de;--coral:#ff746d}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}::selection{background:var(--cyan);color:#11262a}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#496065;border-radius:8px}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:auto;padding:0 48px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:25px;font-weight:500;letter-spacing:-.8px}.brand b{font-weight:800;color:var(--cyan)}.brand-symbol{font-size:40px;color:var(--cyan);line-height:1}.edition,.page-footer,.stat-label,.track-info,.brain-caption,.note-label,.session-status,.status-pill{font-size:10px;font-weight:600;letter-spacing:1.5px}.edition{color:var(--muted)}.text-button{padding:8px 0;border:0;background:transparent;color:#b6c8c9;font-size:13px}.text-button span{margin-left:10px;color:var(--cyan)}.text-button:hover{color:var(--cyan)}main{display:grid;grid-template-columns:minmax(0,1fr) 292px;max-width:1600px;margin:0 auto;padding:4px 48px 0;gap:24px}.game-shell{min-width:0;border:1px solid var(--line);background:#101b1e;border-radius:12px;overflow:hidden}.game-toolbar{height:69px;display:flex;justify-content:space-between;align-items:center;padding:12px 22px;border-bottom:1px solid var(--line);gap:12px}.mode-switch{display:flex;background:#0c1518;padding:4px;border-radius:7px;gap:3px}.mode-switch button{border:0;padding:9px 20px;color:#95adaf;background:transparent;border-radius:4px;font-weight:600;font-size:13px;white-space:nowrap}.mode-switch button.selected{background:#2b4144;color:#ebf9f5}.mode-switch button:hover{color:white}.toolbar-right{display:flex;align-items:center;gap:18px}.difficulty-label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}select{background:#132225;color:#e8f0ee;border:1px solid #3e5559;border-radius:5px;padding:7px 8px}.icon-button{width:30px;height:30px;display:grid;place-items:center;padding:3px;background:transparent;border:0;color:#a7c0c1}.icon-button svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-button.muted{color:var(--coral)}.arena{height:clamp(440px,65vh,710px);min-height:400px;position:relative;overflow:hidden;background:#122023}.arena>canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-3px}body.playing .arena>canvas{cursor:none}.scorebar{position:absolute;top:27px;left:30px;right:30px;display:flex;justify-content:space-between;pointer-events:none}.stat-label{color:#9bb2b5;display:block;font-size:9px;margin-bottom:4px}.scorebar strong{font-size:27px;letter-spacing:1px;font-variant-numeric:tabular-nums;font-weight:500}.scorebar .accuracy{text-align:right}.accuracy strong{font-size:22px}.accuracy strong span{font-size:12px;margin-left:2px;color:#91a7ab}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(90deg,#13202344,#13202300,#13202344)}.overlay.hidden{display:none}.start-content{padding:24px}.mini-rule{display:block;background:var(--cyan);width:26px;height:3px;margin:12px auto 18px}h1{font-size:clamp(42px,5.1vw,78px);line-height:.99;letter-spacing:-2.3px;font-weight:700;margin:0}h1 em{color:var(--cyan);font-style:normal}.start-content p{font-size:14px;color:#a7bfc0;margin:22px auto;max-width:390px;line-height:1.55}.primary{border:0;color:#0c2728;background:var(--cyan);padding:16px 25px;display:inline-flex;gap:36px;align-items:center;justify-content:center;border-radius:6px;font-weight:700;font-size:15px;min-width:200px;box-shadow:0 8px 25px #0003}.primary:hover{background:#a0ffec;transform:translateY(-1px)}.primary svg{height:16px;width:16px;fill:currentColor}.track-info{margin-top:24px;display:flex;justify-content:center;align-items:center;gap:8px;color:#a1b8ba;font-size:9px;letter-spacing:1px}.track-divider{padding:0 4px;color:#536d72}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);margin-right:2px}.bottom-hud{position:absolute;bottom:26px;left:30px;right:25px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.bottom-hud button{pointer-events:auto}.combo{display:flex;align-items:baseline;gap:9px}.combo strong{font-size:35px;font-weight:500}.combo span{font-size:9px;color:#90aaad;letter-spacing:1px}.session-status{color:#819b9f;font-size:9px;align-self:center;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.quiet-button{background:transparent;border:0;color:#b1c7c9;font-size:11px;padding:5px}kbd{font:10px Barlow,'Segoe UI',sans-serif;color:#bacacd;border:1px solid #42575a;background:#18282b;border-bottom-width:2px;border-radius:4px;padding:3px 7px;display:inline-block;margin:0 3px}.progress-track{height:3px;background:#27393c;position:absolute;bottom:0;width:100%}#progress{height:100%;width:0;background:var(--cyan);transition:width .1s linear}.game-footer{min-height:57px;display:flex;align-items:center;justify-content:space-between;padding:12px 22px;gap:14px;font-size:11px;color:var(--muted)}.key-gap{width:10px;display:inline-block}#best{font-size:10px;letter-spacing:1px;white-space:nowrap}.brain-panel{border:1px solid var(--line);border-radius:12px;padding:24px 22px;background:#111b1e;align-self:stretch}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:6px}h2{margin:0;font-size:18px;font-weight:600;letter-spacing:-.4px}.status-pill{color:#9bb7ba;border:1px solid #40565a;padding:5px 7px;border-radius:4px;font-size:8px;letter-spacing:1px}.status-pill.active{color:var(--cyan);border-color:#45847c}.brain-visual{height:190px;position:relative;margin:13px -8px 0}.brain-visual canvas{width:100%;height:100%;display:block}.brain-caption{position:absolute;bottom:5px;left:8px;right:8px;display:flex;justify-content:space-between;color:#89a3a5;font-size:8px;letter-spacing:1px}.brain-caption span{color:#91b6b3}.brain-description{color:#a5b9bb;font-size:13px;line-height:1.6;margin:20px 0}.brain-numbers{display:flex;gap:24px;padding-bottom:25px;border-bottom:1px solid var(--line)}.brain-numbers strong{display:block;font-size:25px;font-weight:500;letter-spacing:-.5px}.brain-numbers span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.signal-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0 17px}.signal-heading h3{font-size:12px;font-weight:600;margin:0}.signal-heading>span{font-size:8px;color:#8da6a9;letter-spacing:1px}.signal-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:15px 0;font-size:11px;color:#aac0c1}.signal-row>span{display:flex;align-items:center;gap:9px}.dot{height:5px;width:5px;border-radius:50%}.cyan{background:var(--cyan)}.pale{background:#b4cbcc}.coral{background:var(--coral)}.meter{height:3px;background:#293e42;width:69px}.meter i{width:0;display:block;height:100%;background:var(--cyan);transition:width .15s}.signal-row:nth-of-type(8) .meter i{background:var(--coral)}.brain-note{margin-top:27px;padding-top:22px;border-top:1px solid var(--line)}.note-label{font-size:8px;letter-spacing:1px;color:#b4c8c9}.brain-note p{font-size:11px;color:#94aeb1;line-height:1.7;margin:10px 0 3px}.brain-note .text-button{font-size:11px}.page-footer{max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;padding:21px 50px 26px;color:#81999d;font-size:8px;letter-spacing:1px}.countdown{position:absolute;inset:35% 0 auto;text-align:center;font-size:80px;font-weight:600;color:var(--cyan);pointer-events:none}.result-line{display:flex;gap:26px;justify-content:center;margin:22px 0;color:#b9ccce}.result-line b{display:block;font-size:26px;color:white;font-weight:500}.result-line span{font-size:10px}.secondary{background:transparent;color:var(--cyan);border:1px solid #5c8e88;border-radius:6px;padding:12px 22px;margin:10px;font-size:13px}dialog{max-width:650px;width:calc(100% - 32px);max-height:85vh;overflow:auto;background:#132125;color:#c5d5d7;border:1px solid #47656b;border-radius:12px;padding:38px;box-shadow:0 24px 90px #0009}dialog::backdrop{background:#030c10c9}dialog h2{font-size:33px;line-height:1.1;color:#f1f7f5;margin-bottom:24px}dialog h3{font-size:15px;color:var(--cyan);margin-top:24px}dialog p,dialog li{font-size:13px;line-height:1.7}dialog a{color:var(--cyan);text-underline-offset:3px}.close{position:absolute;right:16px;top:10px;border:0;background:none;color:#b5cdcc;font-size:30px}body.paused .arena>canvas{filter:brightness(.55)}
@media(min-width:1600px){.arena{height:690px}}@media(max-width:1100px){main{grid-template-columns:minmax(0,1fr) 250px;padding:0 24px;gap:16px}.topbar{padding:0 24px}.brain-panel{padding:21px 16px}.edition{display:none}.game-toolbar{padding:12px 15px}.mode-switch button{padding:9px 12px}.difficulty-label{font-size:0}.difficulty-label select{font-size:12px}.brain-numbers{gap:20px}.page-footer{padding:20px 26px}#best{display:none}}@media(max-width:780px){.topbar{height:76px}.brand{font-size:23px}main{display:block;padding:0 16px}.topbar{padding:0 19px}.arena{height:62vh;min-height:410px;max-height:620px}.brain-panel{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.panel-title{grid-column:1/-1}.brain-visual{grid-row:2/5;height:160px;margin-top:5px}.brain-description{font-size:12px;margin:15px 0 10px}.brain-numbers{padding-bottom:13px}.brain-numbers strong{font-size:22px}.signal-heading{margin:13px 0 0}.signal-row{display:none}.brain-note{grid-column:1/-1;margin-top:12px;padding-top:13px}.brain-note p{max-width:65ch}.page-footer{padding:19px 18px;font-size:7px;gap:20px}.game-footer{padding:12px 12px;gap:7px}.game-footer #controls{font-size:10px}.key-gap{width:4px}.scorebar{top:20px;left:22px;right:22px}.scorebar strong{font-size:22px}.bottom-hud{left:22px;right:17px;bottom:22px}.session-status{display:none}h1{font-size:56px}.start-content p{max-width:245px;font-size:13px}.track-info{font-size:8px;gap:5px}.combo strong{font-size:28px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.primary:hover{transform:none}}