:root{--neon: #00ff64;--neon-bright: #7dffb0;--neon-dim: #12a24a;--neon-dark: #0a3d20;--danger: #ff2e57;--danger-glow: rgba(255, 46, 87, .55);--bg: #04070a;--bg-panel: rgba(5, 20, 12, .55);--bg-panel-2: rgba(0, 0, 0, .45);--grid-line: rgba(0, 255, 100, .06);--text-glow: 0 0 6px rgba(0, 255, 100, .55);--border-soft: 1px solid rgba(0, 255, 100, .16);--border-live: 1px solid var(--neon);--font-body: "Share Tech Mono", "JetBrains Mono", monospace;--font-head: "Orbitron", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 10px;--gap: 16px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1200px 600px at 70% -10%,rgba(0,255,100,.06),transparent 60%),linear-gradient(var(--grid-line) 1px,transparent 1px) 0 0 / 100% 32px,linear-gradient(90deg,var(--grid-line) 1px,transparent 1px) 0 0 / 32px 100%,var(--bg);color:var(--neon);font-family:var(--font-body);height:100vh;display:flex;flex-direction:column;overflow:hidden;letter-spacing:.4px;animation:flicker 6s steps(60) infinite}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0000 50%,#00000038 50%);background-size:100% 4px;pointer-events:none;z-index:2000;mix-blend-mode:overlay}.crt-scanline{position:fixed;left:0;width:100%;height:120px;background:linear-gradient(#00ff6400,#00ff640f,#00ff6400);pointer-events:none;z-index:2001;animation:scan 7s linear infinite}@keyframes scan{0%{transform:translateY(-140px)}to{transform:translateY(100vh)}}@keyframes flicker{0%,to{opacity:1}48%{opacity:.98}50%{opacity:.94}52%{opacity:.99}}@keyframes pulse-word{0%,to{text-shadow:0 0 18px rgba(0,255,100,.55),0 0 42px rgba(0,255,100,.25)}50%{text-shadow:0 0 26px rgba(0,255,100,.85),0 0 64px rgba(0,255,100,.4)}}header{height:76px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:linear-gradient(180deg,#000000d9,#00000080);border-bottom:var(--border-live);box-shadow:0 0 34px #00ff6424;position:relative;z-index:5}.logo-box{display:flex;align-items:center;gap:16px}.logo-mark{font-family:var(--font-head);font-weight:900;border:1px solid var(--neon);border-radius:8px;padding:6px 10px;box-shadow:inset 0 0 12px #00ff6440,0 0 12px #00ff6433}.logo-box h1{font-family:var(--font-head);font-size:1.5rem;font-weight:900;letter-spacing:6px;text-shadow:var(--text-glow)}.tagline{font-size:.62rem;color:var(--neon-dim);letter-spacing:2.5px;margin-top:2px}.system-info{font-family:var(--font-mono);font-size:.82rem;text-align:right;color:var(--neon-dim)}#status-text{color:var(--danger);font-weight:700;text-shadow:0 0 8px var(--danger-glow)}main{flex:1;display:grid;grid-template-columns:320px 1fr 320px;grid-template-rows:1fr 190px;grid-template-areas:"bio center waves" "log log controls";gap:var(--gap);padding:var(--gap);min-height:0}.panel{position:relative;background:var(--bg-panel);border:var(--border-soft);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;min-height:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:border-color .25s,box-shadow .25s}.panel:hover{border-color:#00ff6466;box-shadow:inset 0 0 26px #00ff6414,0 0 20px #00ff640f}.panel-header{font-family:var(--font-head);font-size:.72rem;letter-spacing:3px;color:#eafff2;padding-bottom:8px;margin-bottom:14px;border-bottom:var(--border-soft)}.panel-header:before{content:"▚ ";color:var(--neon-dim)}.biometric-box{grid-area:bio}.stat-item{margin-bottom:22px}.stat-item--foot{margin-top:auto;margin-bottom:0}.stat-label{display:block;font-size:.6rem;letter-spacing:1.5px;color:var(--neon-dim);text-transform:uppercase;margin-bottom:6px}.stat-value{font-size:2rem;font-weight:700;color:var(--neon-bright);text-shadow:var(--text-glow);font-variant-numeric:tabular-nums}.stat-value--sm{font-size:1.25rem}.stat-fine{font-size:.68rem;color:var(--neon);opacity:.75}.quality-meter{height:5px;background:#0009;border-radius:3px;margin-top:8px;overflow:hidden}.quality-fill{height:100%;width:0;background:linear-gradient(90deg,var(--neon-dim),var(--neon));box-shadow:0 0 10px var(--neon);transition:width .4s ease}.mapping-container{grid-area:center;align-items:center;justify-content:center;background:var(--bg-panel-2);overflow:hidden}.mapping-meta{position:absolute;top:16px;left:18px;font-size:.62rem;letter-spacing:2px;color:var(--neon-dim);opacity:.6}#mapped-text{font-family:var(--font-head);font-weight:700;font-size:clamp(2.4rem,6vw,5.2rem);letter-spacing:.12em;text-align:center;color:#f2fff8;text-transform:uppercase;animation:pulse-word 2.6s ease-in-out infinite;word-break:break-word;padding:0 12px}.mapping-frame{position:absolute;background:#00ff642e}.mapping-frame--h{bottom:14px;left:5%;width:90%;height:1px}.mapping-frame--v{right:14px;top:5%;height:90%;width:1px}.wave-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:.72rem;letter-spacing:1px;color:var(--neon-dim)}.wave-row span:first-child{width:48px;flex:none;color:var(--neon)}.wave-bar-bg{flex:1;height:9px;background:#0009;border:var(--border-soft);border-radius:5px;overflow:hidden}.wave-bar-fill{height:100%;width:0;background:linear-gradient(90deg,var(--neon-dim),var(--neon-bright));box-shadow:0 0 8px #00ff6480;transition:width .3s ease}.wave-foot{margin-top:auto;font-size:.58rem;line-height:1.6;color:var(--neon-dim);opacity:.7}aside.panel:not(.biometric-box){grid-area:waves}.terminal-block{grid-area:log;background:#0000009e;font-family:var(--font-mono);font-size:.74rem;line-height:1.5;overflow-y:auto;color:#1fbf5c;padding:14px 16px}.terminal-block>div{margin-bottom:3px}.terminal-block .sys-alert{color:var(--neon-bright)}.terminal-block .sys-error{color:var(--danger)}.terminal-block::-webkit-scrollbar{width:8px}.terminal-block::-webkit-scrollbar-thumb{background:var(--neon-dark);border-radius:4px}.controls-panel{grid-area:controls;display:flex;flex-direction:column;gap:12px}button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;background:#00ff6408;border:var(--border-live);border-radius:8px;color:var(--neon);font-family:var(--font-head);font-size:.74rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s,transform .05s}button:hover:not(:disabled){background:var(--neon);color:#012;box-shadow:0 0 22px #00ff6480}button:active:not(:disabled){transform:scale(.98)}button:disabled{border-color:#00ff6426;color:#00ff6440;cursor:not-allowed}.led{width:8px;height:8px;border-radius:50%;background:#123;box-shadow:inset 0 0 3px #000;flex:none}.led-on{background:var(--neon);box-shadow:0 0 8px var(--neon)}.led-error{background:var(--danger);box-shadow:0 0 8px var(--danger)}#boot-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#010402;display:flex;flex-direction:column;gap:6px;padding:48px;font-family:var(--font-mono);font-size:.9rem;color:var(--neon);transition:opacity 1s ease}.boot-line{display:none}.boot-line:before{content:"▶ ";color:var(--neon-dim)}@media (max-width: 900px){body{overflow:auto;height:auto;min-height:100vh}main{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"center" "bio" "waves" "log" "controls";height:auto}.mapping-container{min-height:260px}.terminal-block{max-height:200px}.controls-panel{flex-direction:row;flex-wrap:wrap}}