:root{--bg:#090f17;--panel:#101a28;--line:#2c3b4e;--text:#f3f7ff;--muted:#9aaac0;--acid:#c7ff3d;--hot:#ff5c45}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 82% 0,#182e4b 0,transparent 35rem),var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header,main{max-width:1260px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:22px 34px;border-bottom:1px solid var(--line)}a{text-decoration:none;color:inherit}.brand{font-weight:950;font-size:25px;letter-spacing:-1px}.brand:first-letter{color:var(--acid)}.brand span{display:block;margin:5px 0 0 20px;font-size:9px;letter-spacing:2px;color:var(--muted)}.exit{font-size:14px;color:var(--muted)}.exit:hover{color:var(--acid)}main{padding:52px 34px}.intro{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:35px}.eyebrow{margin:0 0 11px;color:var(--acid);font-size:11px;font-weight:900;letter-spacing:2px}h1,h2,h3{line-height:1.05;letter-spacing:-1.2px}h1{font-size:clamp(45px,7vw,78px);margin:0}h1 span{color:var(--acid)}.intro p:last-child{max-width:620px;color:var(--muted);margin:19px 0 0}.session{min-width:170px;padding:17px;border:1px solid var(--line);background:var(--panel)}.session span,.session small{display:block;font-size:11px;color:var(--muted);letter-spacing:1.2px}.session strong{display:block;color:var(--acid);font-size:38px;margin:2px 0}.trainer{display:grid;grid-template-columns:265px 1fr;gap:16px}.controls{padding:22px;background:var(--panel);border:1px solid var(--line)}.controls h2{margin:0 0 22px;font-size:25px}.controls>label,.sens label{display:block;margin-bottom:15px;font-size:13px;color:var(--muted);font-weight:700}.controls select,.sens input{display:block;width:100%;margin-top:6px;border:1px solid var(--line);padding:10px;background:#0b121c;color:var(--text);font:inherit}.sens{margin:24px 0 19px;padding-top:18px;border-top:1px solid var(--line)}.sens h3{font-size:16px;margin:0 0 13px}.sens output{display:block;color:var(--acid);font-weight:850;font-size:14px}button{width:100%;border:0;padding:13px;background:var(--acid);color:#081017;font-size:15px;font-weight:950;cursor:pointer}button:hover{background:#d9ff79}.hint{font-size:12px;color:var(--muted);margin:15px 0 0}.arena-wrap{position:relative;min-width:0}.hud{display:flex;justify-content:space-between;padding:12px 15px;background:#0d1622;border:1px solid var(--line);border-bottom:0;color:var(--muted);font-size:12px;letter-spacing:1px}.hud b{color:var(--text);margin-left:5px}.arena{position:relative;min-height:520px;overflow:hidden;cursor:crosshair;outline:none;border:1px solid var(--line);background-color:#0b121c;background-image:linear-gradient(rgba(125,154,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(125,154,184,.08) 1px,transparent 1px);background-size:35px 35px}.ready{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:8px;color:var(--muted)}.ready strong{color:var(--text);font-size:30px;letter-spacing:2px}.target{position:absolute;border-radius:50%;background:var(--hot);border:5px solid #ff9f91;box-shadow:0 0 0 5px rgba(255,92,69,.14),0 0 24px rgba(255,92,69,.5);transform:translate(-50%,-50%)}.target:after{content:"";position:absolute;inset:33%;border-radius:50%;background:#fff7f0}.result{position:absolute;inset:42px 0 0;background:rgba(7,13,20,.89);display:grid;place-content:center;text-align:center;padding:25px}.result p{margin:0;color:var(--acid);font-size:12px;font-weight:850;letter-spacing:2px}.result h2{font-size:72px;margin:5px 0}.result span{color:var(--muted);margin-bottom:22px}.result button{width:180px;margin:auto}.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.tips article{padding:18px;border-left:3px solid var(--acid);background:#0e1722}.tips b{font-size:12px;color:var(--acid)}.tips h2{font-size:20px;margin:14px 0 8px}.tips p{margin:0;color:var(--muted);font-size:14px}@media(max-width:800px){header,main{padding-left:20px;padding-right:20px}.intro{display:block}.session{margin-top:25px;width:190px}.trainer{grid-template-columns:1fr}.arena{min-height:440px}.tips{grid-template-columns:1fr}}@media(max-width:480px){header{align-items:flex-start;gap:16px}.brand{font-size:22px}.exit{font-size:12px}.arena{min-height:390px}.hud{font-size:10px}.result h2{font-size:58px}}