:root{--bg:#0c1013;--panel:#12181c;--panel2:#192126;--line:#2b363d;--text:#f1f3f4;--muted:#8a939d;--accent:#d7ef74;--danger:#ed8c7c;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;min-width:1000px;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--sans)}button,input,select{font:inherit}.is-hidden{display:none!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(#000,transparent 92%)}
.topbar,footer{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-color:var(--line);font:10px/1 var(--mono);letter-spacing:.12em}.topbar{position:relative;z-index:20;border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line);color:#636d76}.brand{color:var(--text);text-decoration:none;font-weight:800;font-size:15px}.brand span{color:var(--accent)}.brand small{margin-left:7px;color:#626b74;font-size:9px}.system-state{display:flex;gap:9px;align-items:center;color:#8d969f}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(213,255,63,.1)}
.run-progress{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:6px}.run-progress span{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line);color:#59636c;font-size:8px}.run-progress span.active{border-color:var(--accent);color:var(--accent)}.run-progress span.done{background:rgba(213,255,63,.08);color:#a6c237}
main{min-height:calc(100vh - 116px);display:grid}.screen{width:min(1360px,calc(100% - 68px));margin:auto;position:relative}.eyebrow{margin:0 0 18px;color:var(--accent);font:700 10px/1 var(--mono);letter-spacing:.19em}
.home-screen{display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center;padding:5vh 0}.hero-copy h1{margin:0;font-size:clamp(55px,5.7vw,88px);line-height:.94;letter-spacing:-.06em}.hero-copy h1 span{color:var(--accent)}.lede{max-width:630px;margin:28px 0 34px;color:#a8b0b7;font-size:16px;line-height:1.9}
.primary-button{min-width:250px;height:58px;border:0;background:var(--accent);color:#090b0d;padding:0 10px 0 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;cursor:pointer;text-decoration:none;font-weight:800}.primary-button:hover{background:#e4ff7a}.primary-button kbd{border:1px solid rgba(9,11,13,.35);padding:7px 9px;font:700 8px/1 var(--mono)}.secondary-button{height:48px;border:1px solid #414952;background:#111519;color:var(--text);padding:0 20px;cursor:pointer;font-weight:700}.secondary-button:hover{border-color:#77818a}.text-button{border:0;background:none;color:#727b84;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.trust-line{display:flex;gap:22px;margin-top:22px;color:#5e6871;font:9px/1 var(--mono);letter-spacing:.1em}.trust-line span:before{content:"+";color:var(--accent);margin-right:6px}
.test-roster{border:1px solid var(--line);background:rgba(16,19,23,.95)}.roster-head,.roster-foot,.panel-label{display:flex;justify-content:space-between;align-items:center;height:42px;padding:0 16px;border-bottom:1px solid var(--line);color:#727c85;font:9px/1 var(--mono);letter-spacing:.12em}.test-roster ol{margin:0;padding:0;list-style:none}.test-roster li{height:58px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;padding:0 16px;border-bottom:1px solid var(--line)}.test-roster li span{color:#5d6770;font:9px/1 var(--mono)}.test-roster li strong{font:700 11px/1 var(--mono)}.test-roster li small{color:#727b84;font-size:10px}.roster-foot{border:0}.roster-foot strong{color:#aeb6bd}
.setup-screen{display:grid;grid-template-columns:.78fr 1.22fr;min-height:calc(100vh - 116px);border-left:1px solid var(--line);border-right:1px solid var(--line)}.setup-intro{padding:7vw;background:var(--panel);border-right:1px solid var(--line)}.setup-intro h2{margin:0;font-size:48px;letter-spacing:-.04em}.setup-intro>p:not(.eyebrow){color:#929ba3;line-height:1.8}.fps-probe{margin-top:50px;padding:20px;border:1px solid var(--line)}.fps-probe span,.fps-probe small{display:block;color:#6e7881;font:9px/1.5 var(--mono)}.fps-probe strong{display:block;margin:10px 0;color:var(--accent);font:800 32px/1 var(--mono)}
.setup-form{padding:5vw;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-content:center}.setup-form>label{display:flex;flex-direction:column;gap:9px;color:#808a93;font:9px/1 var(--mono);letter-spacing:.12em}.setup-form input,.setup-form select{height:48px;border:1px solid var(--line);background:#0e1114;color:var(--text);padding:0 14px;outline:none}.setup-form input:focus,.setup-form select:focus{border-color:var(--accent)}.setup-form fieldset{grid-column:1/-1;border:1px solid var(--line);padding:17px;display:flex;gap:9px}.setup-form legend{padding:0 8px;color:#7b858e;font:9px/1 var(--mono)}.choice input{position:absolute;opacity:0}.choice span{display:block;border:1px solid var(--line);padding:11px 18px;color:#828b94;font:10px/1 var(--mono);cursor:pointer}.choice input:checked+span{border-color:var(--accent);color:var(--accent);background:rgba(213,255,63,.05)}.setup-form .primary-button{grid-column:1/-1;justify-self:start;margin-top:10px}
.briefing-screen{display:grid;grid-template-columns:.75fr 1.25fr;min-height:calc(100vh - 116px);border-left:1px solid var(--line);border-right:1px solid var(--line)}.brief-visual{border-right:1px solid var(--line);background-color:#0c0f12;background-image:radial-gradient(circle at 63% 37%,var(--accent) 0 8px,rgba(213,255,63,.22) 9px 18px,transparent 19px),linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:auto,56px 56px,56px 56px;position:relative}.brief-visual:after{content:"+";position:absolute;left:50%;top:50%;color:#fff;font:32px/1 var(--mono);transform:translate(-50%,-50%)}.briefing-card{padding:7vw;align-self:center;position:relative}.brief-number{position:absolute;right:4vw;top:4vw;color:#68727b;font:10px/1 var(--mono)}.briefing-card h2{margin:0;font-size:54px;line-height:.95;letter-spacing:-.045em}.briefing-card>p:not(.eyebrow){color:#9aa2aa;line-height:1.8}.briefing-card ul{margin:24px 0;padding:0;list-style:none}.briefing-card li{color:#747e87;font:11px/2 var(--mono)}.briefing-card li:before{content:"+";margin-right:10px;color:var(--accent)}.brief-actions{display:flex;gap:10px;align-items:center}.practice-state{display:block;margin-top:14px;color:#636d76;font:9px/1 var(--mono)}
.test-screen{position:fixed;z-index:50;inset:0;background:#07090a;user-select:none;overflow:hidden}.test-screen canvas{display:block;width:100%;height:100%}.minimal-hud{position:absolute;z-index:3;left:26px;right:26px;top:22px;display:flex;justify-content:space-between;align-items:center;color:#dce1e4;font:10px/1 var(--mono);letter-spacing:.13em;text-shadow:0 1px 2px #000}.minimal-hud strong{color:var(--accent);font-size:15px}
.crosshair{position:absolute;z-index:5;left:50%;top:50%;width:38px;height:38px;transform:translate(-50%,-50%);pointer-events:none}.crosshair i{position:absolute;background:#f5f7f8;box-shadow:0 0 2px #000}.crosshair i:first-child{left:0;right:0;top:18px;height:2px}.crosshair i:nth-child(2){top:0;bottom:0;left:18px;width:2px}.crosshair b{position:absolute;left:15px;top:15px;width:8px;height:8px;border:2px solid #0a0c0e;border-radius:50%;background:var(--accent)}
.lock-overlay{position:absolute;z-index:10;inset:0;display:grid;place-content:center;text-align:center;background:rgba(6,8,9,.72);cursor:pointer}.lock-mark{margin:auto auto 20px;width:58px;height:58px;border:1px solid var(--accent);display:grid;place-items:center;color:var(--accent);font:28px/1 var(--mono)}.lock-overlay strong{font:800 26px/1 var(--mono);letter-spacing:.08em}.lock-overlay p{color:#8a939b;font:10px/1 var(--mono);letter-spacing:.1em}.stimulus-label{position:absolute;z-index:4;left:50%;top:62%;transform:translate(-50%,-50%);padding:10px 14px;background:rgba(8,10,12,.8);border:1px solid #3d454c;color:var(--accent);font:700 11px/1 var(--mono)}
.key-guide{position:absolute;z-index:6;left:50%;top:58%;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(3,70px);gap:8px}.key-guide span,.key-guide b{height:54px;display:grid;place-items:center;border:1px solid #4b545c;background:rgba(10,13,15,.82);font:700 10px/1 var(--mono)}.key-guide b{color:#626c75}.test-status{position:absolute;z-index:3;left:50%;bottom:24px;transform:translateX(-50%);color:#79838c;font:9px/1 var(--mono);letter-spacing:.12em}
.module-result-screen{min-height:calc(100vh - 116px);display:grid;grid-template-columns:.8fr 1.2fr;border-left:1px solid var(--line);border-right:1px solid var(--line)}.module-score-block{padding:7vw;display:flex;flex-direction:column;justify-content:center;background:var(--panel);border-right:1px solid var(--line)}.module-score-block>span{color:var(--accent);font:10px/1 var(--mono)}.module-score-block>p{color:#8c959d;font:700 12px/1 var(--mono);letter-spacing:.1em}.ability-score{display:flex;align-items:flex-end}.ability-score strong{font:900 170px/.78 var(--sans);letter-spacing:-.09em}.ability-score small{color:#727c84;font:10px/1 var(--mono)}.module-score-block>b{align-self:start;margin-top:28px;padding:9px 12px;border:1px solid #4b5530;color:var(--accent);font:700 9px/1 var(--mono)}.module-detail{padding:8vw;align-self:center}.module-detail h2{max-width:620px;margin:0 0 35px;font-size:40px;line-height:1.15;letter-spacing:-.04em}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-bottom:38px}.metric-grid div{padding:18px;border-right:1px solid var(--line)}.metric-grid div:last-child{border:0}.metric-grid span{display:block;color:#6c7680;font:9px/1 var(--mono)}.metric-grid strong{display:block;margin-top:10px;font:700 17px/1 var(--mono)}
.result-screen{padding:48px 0 32px}.result-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.result-head>div:first-child>span,.fps-score>span{color:#6d7780;font:9px/1 var(--mono);letter-spacing:.14em}.result-head h2{margin:7px 0 5px;font-size:60px;line-height:.92;letter-spacing:-.05em}.result-head p:last-child{margin:0;color:#939ca4}.fps-score{text-align:right}.fps-score strong{display:block;color:var(--accent);font:900 90px/.8 var(--sans);letter-spacing:-.06em}.fps-score small{color:#68717a;font:10px/1 var(--mono)}.fps-score em{display:block;margin-top:15px;color:#a0a8af;font:700 10px/1 var(--mono);font-style:normal}
.result-board{display:grid;grid-template-columns:.92fr 1.08fr;border:1px solid var(--line);background:var(--panel)}.radar-panel{border-right:1px solid var(--line)}.radar-panel canvas{display:block;width:100%;height:480px}.ability-list{padding:22px}.ability-row{display:grid;grid-template-columns:180px 1fr 36px;gap:18px;align-items:center;margin-bottom:20px}.ability-row strong{font:700 10px/1 var(--mono)}.ability-row small{display:block;margin-top:5px;color:#69737c;font-size:9px}.ability-row>strong{text-align:right;font-size:14px}.ability-track{height:4px;background:#262c31}.ability-track i{display:block;height:100%;background:var(--accent)}
.category-row{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:0}.category-row article{padding:20px;border-right:1px solid var(--line)}.category-row article:last-child{border:0}.category-row span{color:#707a83;font:9px/1 var(--mono)}.category-row strong{display:block;margin-top:10px;font:800 28px/1 var(--mono)}.insight-row{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:0}.insight-row article{padding:22px;border-right:1px solid var(--line)}.insight-row article:last-child{border:0}.insight-row span{color:var(--accent);font:700 9px/1 var(--mono)}.insight-row span.weak{color:var(--danger)}.insight-row strong{display:block;margin-top:11px;font:700 13px/1 var(--mono)}.insight-row p{color:#7e8790;font-size:11px;line-height:1.7}
.result-lower{display:grid;grid-template-columns:1fr 330px;border:1px solid var(--line);border-top:0}.diagnosis-panel{padding:28px}.diagnosis-panel>p:not(.eyebrow){max-width:800px;color:#a5adb4;line-height:1.8}.game-fit{display:flex;gap:10px;margin-top:20px}.game-fit span{padding:9px 12px;border:1px solid var(--line);color:#aeb5bb;font:9px/1 var(--mono)}.result-actions{padding:22px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.result-actions .primary-button{min-width:0}.result-actions .secondary-button{width:100%}
.detail-data{border:1px solid var(--line);border-top:0;background:var(--panel)}.detail-data summary{padding:18px 22px;cursor:pointer;font:700 11px/1 var(--mono)}.detail-data summary span{float:right;color:#69737c}.detail-data>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.detail-data article{padding:17px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-data span{display:block;color:#6e7881;font:9px/1 var(--mono)}.detail-data strong{display:block;margin-top:9px;font:700 14px/1 var(--mono)}.result-note{text-align:center;color:#59636c;font:9px/1.6 var(--mono)}.pc-only-warning{display:none}
@media(max-width:900px){body{min-width:0}.pc-only-warning{position:fixed;z-index:999;inset:0;background:var(--bg);display:grid;place-content:center;text-align:center;padding:30px}.pc-only-warning strong{color:var(--accent);font:800 24px/1 var(--mono)}.pc-only-warning p{color:var(--muted)}}@media(max-height:760px){.topbar,footer{height:48px}main{min-height:calc(100vh - 96px)}.test-roster li{height:49px}.home-screen{padding:3vh 0}}