:root{--bg: #020402;--neon: #37ff74;--neon-dim: #1dd45a;--neon-dark: #0a6129;--grid: #0e2015;--text: #b8ffcf}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Share Tech Mono,ui-monospace,monospace}.noise{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:3px 3px;opacity:.25;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,#0000 0 2px,#00000040 2px 3px);mix-blend-mode:overlay;pointer-events:none}.topbar{position:absolute;left:24px;right:24px;top:14px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.tag{color:var(--neon-dim);margin-right:6px}.value{color:var(--neon);margin-right:16px;letter-spacing:.08em}.chip{border:1px solid var(--neon-dim);color:var(--neon);padding:2px 6px;margin-right:18px;box-shadow:0 0 8px var(--neon-dark) inset}.chip.small{font-size:.85rem}.segline{display:flex;gap:6px;align-items:center}.seg{width:100px;height:6px;border:1px solid var(--neon-dark);background:linear-gradient(90deg,rgba(55,255,116,.25),transparent);box-shadow:0 0 6px #37ff744d inset}.seg.small-gap{margin-left:18px}.seg.long{width:160px}.seg--filled{background:var(--neon-dark)}.tb-right .mini-col{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.mini-line{font-size:.72rem;color:var(--neon-dim)}.mini-line.dim{opacity:.6}.hud{position:relative;width:100vw;min-height:100vh;overflow:hidden}.center{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.headline{display:flex;flex-direction:column;align-items:center;gap:.12em;max-width:min(92vw,1200px);text-align:center}.line{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:.4ch;font-size:clamp(28px,8vw,86px);letter-spacing:.08em;line-height:1.04;color:var(--neon);text-shadow:0 0 10px rgba(55,255,116,.7),0 0 30px rgba(55,255,116,.4),0 0 60px rgba(55,255,116,.25)}.caret{transform:translateY(-6%)}.blink{margin-top:.12em;font-size:clamp(28px,8vw,86px);animation:blink 1s steps(2,end) infinite;color:var(--neon);text-shadow:0 0 10px rgba(55,255,116,.7),0 0 30px rgba(55,255,116,.4),0 0 60px rgba(55,255,116,.25)}.right-code{position:absolute;right:82px;top:64%;transform:translateY(-50%);font-size:38px;color:var(--neon-dim);letter-spacing:.08em}.core-row{position:absolute;left:34%;right:12%;bottom:140px;display:flex;gap:10px;justify-content:flex-start;align-items:center}.core-box{min-width:130px;border:1px solid var(--neon-dim);padding:10px 12px;background:#06160a40;box-shadow:0 0 10px #37ff742e inset}.core-title{font-size:.78rem;color:var(--text);opacity:.9}.core-state{font-weight:700;color:var(--neon);margin-top:4px}.core-cards{position:absolute;left:42%;right:26%;bottom:88px;display:flex;gap:14px}.card{border:1px solid var(--neon-dark);padding:12px 16px;font-size:.85rem;background:#091c0f33;color:var(--text)}.card.bright{background:#37ff7414;box-shadow:0 0 12px #37ff7440 inset}.left-widget{position:absolute;left:78px;bottom:120px;width:240px;border:1px solid var(--neon-dark);padding:14px 14px 12px;background:#06160a33;box-shadow:0 0 12px #37ff742e inset}.left-title{display:flex;justify-content:space-between;margin-bottom:10px;color:var(--neon-dim)}.percent{color:var(--neon)}.chevrons{display:flex;gap:8px;margin:16px 0 18px}.chevrons i{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:16px solid var(--neon-dim);filter:drop-shadow(0 0 4px var(--neon-dark));opacity:.35;transform:translate(0);animation:chev 1.2s linear infinite}.chevrons i:nth-child(2){animation-delay:.1s}.chevrons i:nth-child(3){animation-delay:.2s}.chevrons i:nth-child(4){animation-delay:.3s}.chevrons i:nth-child(5){animation-delay:.4s}.chevrons i:nth-child(6){animation-delay:.5s}.chevrons i:nth-child(7){animation-delay:.6s}@keyframes chev{0%{opacity:.15;transform:translate(0)}50%{opacity:.9}to{opacity:.15;transform:translate(14px)}}.status{display:flex;align-items:center;gap:10px;color:var(--neon)}.led{width:10px;height:10px;border:1px solid var(--neon-dim);background:var(--neon);box-shadow:0 0 8px var(--neon),0 0 18px var(--neon)}.bottom-strip{position:absolute;left:36%;right:18%;bottom:34px;display:flex;gap:16px;align-items:center;justify-content:center}.pill{height:10px;width:120px;border:1px solid var(--neon-dark);background:linear-gradient(90deg,rgba(55,255,116,.12),transparent);box-shadow:0 0 8px #37ff7433 inset}.pill.wide{width:180px}:root{--bg: #060a09;--fg: #c9ffd1;--neon: #6cff6c;--neon-dim: #49c949;--hud: #0f1a13;--grid: #0b2b15;--warn: #ff4263}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{margin:0;color:var(--fg);background:var(--bg);font-family:Orbitron,system-ui,Segoe UI,Arial,Helvetica,sans-serif;letter-spacing:.02em;overflow:hidden}.hud-backdrop{position:fixed;inset:0;pointer-events:none}.hud-backdrop:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 95%,#6cff6c14 96%),linear-gradient(90deg,transparent 95%,rgba(108,255,108,.08) 96%);background-size:28px 28px,28px 28px;opacity:.35}.hud-backdrop:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,#0000 0px 2px,#00000047 3px);mix-blend-mode:overlay;opacity:.6}@keyframes crtFlicker{0%,to{opacity:.98}50%{opacity:.94}}.hud-flicker{animation:crtFlicker 2.4s infinite linear}.neon{color:var(--neon);text-shadow:0 0 6px rgba(108,255,108,.85),0 0 16px rgba(108,255,108,.55),0 0 28px rgba(108,255,108,.35)}.panel{background:linear-gradient(180deg,#131e17a8,#060a09bf);border:1px solid var(--grid);box-shadow:inset 0 0 0 1px #6cff6c1f,0 0 20px #6cff6c14;border-radius:8px}.hud-chip{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid rgba(108,255,108,.25);border-radius:6px;color:var(--neon);text-shadow:0 0 6px rgba(108,255,108,.6);background:linear-gradient(180deg,#18261ea6,#090e0ca6)}@keyframes blink{50%{opacity:0}}.caret{display:inline-block;width:.66ch}.caret:after{content:"_";animation:blink 1.1s steps(1,end) infinite}.status-row{display:flex;gap:10px}.status{flex:1;height:8px;position:relative;overflow:hidden;background:#6cff6c14;border:1px solid rgba(108,255,108,.26);border-radius:999px}.status>i{position:absolute;inset:0;background:linear-gradient(90deg,#6cff6c00,#6cff6c59 40%,#6cff6c00);transform:translate(-100%);animation:sweep 3.2s infinite linear}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.arrow-row{display:flex;gap:8px;align-items:center}.arrow{width:26px;height:18px;clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%,20% 50%);background:linear-gradient(180deg,var(--neon),var(--neon-dim));opacity:.2;filter:drop-shadow(0 0 6px rgba(108,255,108,.35))}.arrow.active{opacity:.95}.hud-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px}.hud-btn{padding:14px 12px;text-align:center;border:1px solid rgba(108,255,108,.25);border-radius:8px;background:linear-gradient(180deg,#18261e99,#060a09bf);color:var(--neon);text-shadow:0 0 6px rgba(108,255,108,.55);box-shadow:inset 0 0 0 1px #6cff6c1f}.hud-btn.dim{color:#9de39d;opacity:.7}.hud-btn.warn{color:var(--warn);text-shadow:none;border-color:#ff4263aa;box-shadow:inset 0 0 0 1px #ff426380}.wrap{position:relative;z-index:1;height:100%;padding:20px 24px 28px;display:grid;grid-template-rows:auto 1fr auto;gap:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-weight:800;letter-spacing:.18em;color:var(--neon)}.subtitle{color:#9de39d;opacity:.85;font-size:.9rem}.hud{position:relative;width:100vw;height:100dvh;overflow:hidden}.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:50}.card{padding:16px}.huge{font-size:clamp(28px,4vw + 6px,56px);margin:0 0 8px;line-height:1.05}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.note{opacity:.7;font-size:.9rem}.bottom{display:flex;align-items:center;justify-content:space-between;gap:14px}.sep{height:1px;background:linear-gradient(90deg,transparent,rgba(108,255,108,.25),transparent);margin:6px 0 12px}
