:root{--bg: #0d0d1a;--surface: #1a1a2e;--primary: #6c5ce7;--secondary: #00cec9;--text: #f5f5fa;--muted: #8e8ea0;--success: #00b894;--warning: #fdcb6e;--danger: #e17055;--color-red: #e74c3c;--color-blue: #3498db;--color-green: #2ecc71;--color-yellow: #f1c40f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;overflow-x:hidden}html{overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.screen{min-height:100vh;padding:24px;display:flex;flex-direction:column}.screen-center{align-items:center;justify-content:center}.title{font-size:32px;font-weight:800;color:var(--primary)}.muted{color:var(--muted);font-size:14px}.hint{margin-top:8px;text-align:center}.primary-btn{padding:14px 32px;border-radius:12px;border:none;font-size:17px;font-weight:700;cursor:pointer;min-height:48px;background:var(--primary);color:#fff;transition:opacity .15s}.primary-btn:active{opacity:.85}.primary-btn:disabled{opacity:.6;cursor:wait}.secondary-btn{padding:14px 32px;border-radius:12px;border:2px solid var(--secondary);font-size:17px;font-weight:700;cursor:pointer;min-height:48px;background:transparent;color:var(--secondary)}.checkpoint-header{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:24px}.checkpoint-counter{font-size:12px;color:var(--muted);font-weight:600}.checkpoint-header h2{font-size:24px;font-weight:700}.reflex-area{width:280px;height:280px;border-radius:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .1s;background:var(--surface);border:2px solid var(--muted)}.reflex-area.waiting{background:var(--surface)}.reflex-area.stimulus{background:var(--success);border-color:var(--success)}.reflex-stimulus{font-size:32px;font-weight:800;color:#fff}.result-text{font-size:24px;font-weight:700;color:var(--secondary)}.stroop-stimulus{font-size:48px;font-weight:800;margin:24px 0;text-align:center}.stroop-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.color-btn{padding:16px 24px;border-radius:12px;border:none;font-size:16px;font-weight:700;cursor:pointer;color:#fff;min-width:80px}.color-red{background:var(--color-red)}.color-blue{background:var(--color-blue)}.color-green{background:var(--color-green)}.color-yellow{background:var(--color-yellow);color:#333}.trail-area{background:var(--surface);border-radius:16px;border:2px solid var(--muted);margin:16px 0}.trail-node{border:2px solid var(--primary);background:var(--surface);color:var(--text);font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.trail-node.active{background:var(--primary);color:#fff;box-shadow:0 0 12px var(--primary)}.trail-node.done{opacity:.3;cursor:default}.nback-stimulus{height:120px;display:flex;align-items:center;justify-content:center;margin:24px 0}.nback-letter{font-size:64px;font-weight:800;color:var(--secondary)}.nback-buttons{display:flex;gap:16px}.digit-display{height:120px;display:flex;align-items:center;justify-content:center;margin:24px 0}.digit-shown{font-size:64px;font-weight:800;color:var(--primary)}.digit-recall{display:flex;flex-direction:column;align-items:center;gap:16px}.digit-input{padding:12px 16px;font-size:24px;border-radius:12px;border:2px solid var(--muted);background:var(--surface);color:var(--text);text-align:center;width:200px;letter-spacing:8px}.digit-input:focus{outline:none;border-color:var(--primary)}.feedback{font-size:48px;font-weight:800;margin-top:16px}.results-detail{text-align:center;display:flex;flex-direction:column;gap:4px}.trace{font-size:11px;font-family:monospace}.spinner{width:48px;height:48px;border:4px solid var(--surface);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--bg-void: #020408;--bg-void-2: #060c16;--cyan: #96f0ff;--cyan-dim: rgba(150, 240, 255, .5);--cyan-faint: rgba(120, 235, 255, .15);--amber: #ffaa5a;--amber-dim: rgba(255, 170, 90, .5);--amber-soft: #ffcf9e;--glass-bg-top: rgba(20, 38, 58, .55);--glass-bg-bottom: rgba(8, 16, 28, .82);--glass-bg: linear-gradient(180deg, var(--glass-bg-top), var(--glass-bg-bottom));--glass-border: rgba(150, 240, 255, .55);--hud-text: rgba(180, 240, 255, .65);--hud-text-dim: rgba(180, 240, 255, .5);--hud-btn-text: #cdf5ff;--glow-cyan-sm: 0 0 25px rgba(120, 235, 255, .12);--glow-cyan-md: 0 0 30px rgba(120, 235, 255, .08);--glow-cyan-lg: 0 0 50px rgba(120, 235, 255, .18);--glow-cyan-inset: inset 0 0 40px rgba(120, 235, 255, .06);--glow-amber-md: 0 0 30px rgba(255, 170, 90, .25)}.hud-backdrop{min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at center,var(--bg-void-2) 0%,var(--bg-void) 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;overflow:hidden;padding:max(96px,env(safe-area-inset-top)) 16px max(96px,env(safe-area-inset-bottom))}.hud-backdrop.embedded{min-height:0;background:none;overflow:visible;padding:8px 16px}.hud-page{min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at center,var(--bg-void-2) 0%,var(--bg-void) 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));overflow-y:auto}.hud-stage{position:relative;width:min(460px,92vmin);max-width:100%;aspect-ratio:1 / 1;overflow:hidden}.hud-ring{position:absolute;inset:0;border-radius:50%;pointer-events:none}.hud-r1{border:1px solid rgba(120,235,255,.35);animation:hud-spin 90s linear infinite}.hud-r2{inset:3.043%;border:1px solid rgba(120,235,255,.5);box-shadow:0 0 30px #78ebff1f;animation:hud-spin-rev 60s linear infinite;transition:border-color .15s,box-shadow .15s}.hud-r2.pulse-behavior{border-color:#96f0fff2;box-shadow:0 0 45px #96f0ff80,inset 0 0 20px #96f0ff26}.hud-r3{inset:8.696%;border:1.5px solid rgba(255,170,90,.4);animation:hud-spin 45s linear infinite}.hud-r4{inset:13.913%;border:1px solid rgba(120,235,255,.6);box-shadow:0 0 25px #78ebff2e;animation:hud-spin-rev 30s linear infinite;transition:border-color .15s,box-shadow .15s}.hud-r4.pulse-motion{border-color:#96f0fff2;box-shadow:0 0 40px #96f0ff73,inset 0 0 15px #96f0ff1f}.hud-core{position:absolute;inset:23.478%;border-radius:50%;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid var(--glass-border);box-shadow:0 0 60px #78ebff38,inset 0 0 40px #78ebff14,inset 0 1px #ffffff1a;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;padding:4%}.hud-core:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(150,240,255,.12) 15deg,transparent 40deg,transparent 180deg,rgba(255,170,90,.1) 200deg,transparent 230deg);animation:hud-spin 12s linear infinite;pointer-events:none}.hud-scan{position:absolute;left:0;right:0;height:40%;background:linear-gradient(180deg,transparent,rgba(150,240,255,.06),transparent);animation:hud-scan 5s ease-in-out infinite;pointer-events:none}.hud-ticks{position:absolute;inset:0;pointer-events:none}.hud-tick{stroke:#96f0ff8c;stroke-width:.75}.hud-tick.amber{stroke:#ffaa5a99}.hud-tick.dim{stroke:#96f0ff33}.hud-arc{stroke:var(--cyan);stroke-width:1.2;fill:none;filter:drop-shadow(0 0 5px var(--cyan));stroke-linecap:round}.hud-arc-progress{stroke:var(--amber);stroke-width:1.5;fill:none;filter:drop-shadow(0 0 6px var(--amber));stroke-linecap:round;opacity:.75;transition:stroke-dasharray .6s ease}.hud-label{position:relative;z-index:2;color:var(--hud-text);font-size:clamp(9px,2.4vmin,10px);letter-spacing:.25em;text-transform:uppercase;font-weight:300;margin-bottom:10px;text-align:center}.hud-content{position:relative;z-index:2;width:82%;max-width:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.hud-status{position:relative;z-index:2;color:var(--hud-text-dim);font-size:clamp(10px,2.7vmin,12px);letter-spacing:.08em;margin-top:12px;min-height:16px;max-width:170px;text-align:center;line-height:1.25}.hud-top{position:absolute;top:-46px;left:0;right:0;display:flex;justify-content:space-between;padding:0 10px}.hud-item{color:var(--hud-text);font-size:11px;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}.hud-item.streak{color:var(--amber)}.hud-footer{position:relative;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.hud-btn{padding:12px 28px;border-radius:30px;cursor:pointer;background:#0e1a28a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--cyan-dim);color:var(--hud-btn-text);font-size:12px;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 0 24px #78ebff26,inset 0 1px #ffffff0f;transition:all .15s;min-height:48px;font-family:inherit}.hud-btn:hover{border-color:#96f0ffd9;box-shadow:0 0 32px #78ebff47,inset 0 1px #ffffff1a}.hud-btn:active{opacity:.85}.hud-btn:disabled{opacity:.5;cursor:wait}.hud-btn.match{border-color:var(--amber-dim);color:var(--amber-soft);box-shadow:0 0 24px #ffaa5a2e,inset 0 1px #ffffff0f}.hud-btn.match:hover{border-color:#ffaa5ae6;box-shadow:0 0 32px #ffaa5a52,inset 0 1px #ffffff1a}.hud-btn.lang{padding:6px 16px;min-height:0;font-size:12px;font-weight:700;letter-spacing:.08em;border-radius:20px}.hud-btn.lang.active{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 18px #96f0ff66,inset 0 1px #ffffff14}.hud-btn.tint-red{border-color:#e74c3c8c;color:#ffc2b8;box-shadow:0 0 22px #e74c3c47,inset 0 1px #ffffff0f}.hud-btn.tint-red:hover{border-color:#e74c3ce6;box-shadow:0 0 30px #e74c3c6b,inset 0 1px #ffffff1a}.hud-btn.tint-blue{border-color:#3498db8c;color:#b8dcff;box-shadow:0 0 22px #3498db47,inset 0 1px #ffffff0f}.hud-btn.tint-blue:hover{border-color:#3498dbe6;box-shadow:0 0 30px #3498db6b,inset 0 1px #ffffff1a}.hud-btn.tint-green{border-color:#2ecc718c;color:#b9f5d3;box-shadow:0 0 22px #2ecc7147,inset 0 1px #ffffff0f}.hud-btn.tint-green:hover{border-color:#2ecc71e6;box-shadow:0 0 30px #2ecc716b,inset 0 1px #ffffff1a}.hud-btn.tint-yellow{border-color:#f1c40f8c;color:#f8e9b0;box-shadow:0 0 22px #f1c40f47,inset 0 1px #ffffff0f}.hud-btn.tint-yellow:hover{border-color:#f1c40fe6;box-shadow:0 0 30px #f1c40f6b,inset 0 1px #ffffff1a}.hud-particle{position:absolute;border-radius:50%;pointer-events:none;will-change:transform,opacity}.hud-glyph-in{animation:hud-glyph-in .35s ease}.brain-glyph-wrap{perspective:600px;display:flex;align-items:center;justify-content:center}.brain-glyph{transform-style:preserve-3d;animation:brain-rotate-y 10s linear infinite;will-change:transform}.brain-pulse{animation:brain-pulse 2.4s ease-in-out infinite}.brain-pulse.d2{animation-delay:.8s}.brain-pulse.d3{animation-delay:1.6s}.brain-pulse.core{animation-duration:2s}.brain-image-wrap{display:flex;align-items:center;justify-content:center}.brain-image{animation:brain-rotate-y 7s linear infinite;will-change:transform}@keyframes hud-spin{to{transform:rotate(360deg)}}@keyframes hud-spin-rev{to{transform:rotate(-360deg)}}@keyframes vapor-drift-cyan{0%,to{transform:scale(1) rotate(0)}33%{transform:scale(1.08) rotate(8deg)}66%{transform:scale(.95) rotate(-6deg)}}@keyframes vapor-drift-violet{0%,to{transform:scale(1) rotate(0)}40%{transform:scale(1.1) rotate(-10deg)}70%{transform:scale(.93) rotate(7deg)}}@keyframes hud-scan{0%,to{top:-40%;opacity:0}10%{opacity:1}50%{top:100%;opacity:.6}60%{opacity:0}}@keyframes hud-drift{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(var(--dx, 0),var(--dy, 0));opacity:0}}@keyframes hud-glyph-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes brain-rotate-y{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes brain-pulse{0%,to{opacity:.35}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.hud-r1,.hud-r2,.hud-r3,.hud-r4,.hud-core:before,.hud-scan,.hud-particle,.brain-glyph,.brain-pulse,.brain-image{animation:none!important}[style*=vapor-drift],[style*=brain-rotate-y]{animation:none!important}}.hud-stage[data-tone=amber] .hud-core{border-color:var(--amber-dim);box-shadow:var(--glow-amber-md),var(--glow-cyan-inset),inset 0 1px #ffffff14}.hud-bare-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2}.hud-bare-label{position:absolute;top:8%;left:0;right:0;z-index:3}.hud-bare-status{position:absolute;bottom:8%;left:0;right:0;z-index:3}.hud-stage .trail-node{border:1.5px solid rgba(150,240,255,.45);background:#0e1a288c;backdrop-filter:blur(4px);color:var(--cyan);font-weight:700;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;box-shadow:0 0 12px #96f0ff26,inset 0 0 8px #96f0ff14}.hud-stage .trail-node.active{background:#96f0ff1f;border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 20px #96f0ff80,inset 0 0 12px #96f0ff26}.hud-stage .trail-node.done{opacity:.25;cursor:default;border-color:#96f0ff26;box-shadow:none}.trail-backdrop{position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:8px;background:radial-gradient(circle at 50% 50%,rgba(120,235,255,.04) 0%,transparent 60%),radial-gradient(circle at 20% 20%,rgba(138,123,255,.03) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(120,235,255,.03) 0%,transparent 40%)}.trail-chevron{position:absolute;width:16px;height:16px;pointer-events:none;z-index:0;opacity:.4}.trail-chevron svg{width:100%;height:100%}.trail-chevron.tl{top:4px;left:4px}.trail-chevron.tr{top:4px;right:4px;transform:scaleX(-1)}.trail-chevron.bl{bottom:4px;left:4px;transform:scaleY(-1)}.trail-chevron.br{bottom:4px;right:4px;transform:scale(-1)}