:root{--bg: #05070f;--panel: rgba(15, 21, 44, .72);--panel-border: rgba(110, 140, 255, .16);--text: #dfe8ff;--dim: #7c8ac0;--cyan: #38e6ff;--green: #39e6a3;--amber: #ffce4d;--red: #ff3355;--violet: #8f7bff;--orange: #ff9d38;--mono: "JetBrains Mono", "Cascadia Code", "SF Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 700px at 70% -10%,rgba(90,70,220,.14),transparent 60%),radial-gradient(900px 600px at 10% 110%,rgba(56,230,255,.07),transparent 55%),var(--bg);color:var(--text);font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-variant-numeric:tabular-nums;overflow:hidden;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#6e8cff38;border-radius:4px}::-webkit-scrollbar-track{background:transparent}.app{height:100vh;display:flex;flex-direction:column}.topbar{flex:none;display:flex;align-items:center;gap:18px;padding:8px 16px;border-bottom:1px solid var(--panel-border);background:#090d1cd9}.brand{font-weight:800;font-size:15px;letter-spacing:.22em;color:#fff;text-shadow:0 0 14px rgba(56,230,255,.75);white-space:nowrap}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:.34em;color:var(--dim);text-shadow:none}.tstats{display:flex;gap:18px;margin-left:8px}.tstat{font-size:9px;letter-spacing:.14em;color:var(--dim)}.tstat b{display:block;font-family:var(--mono);font-size:15px;font-weight:700;color:var(--text);letter-spacing:0}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 348px;gap:10px;padding:10px}.stage{position:relative;min-height:0;border:1px solid var(--panel-border);border-radius:12px;overflow:hidden;background:#04050d}.stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px);z-index:3}.reactor-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.side{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:2px}.console{flex:none;border-top:1px solid var(--panel-border);background:#080b1ae0;padding:6px 14px 12px}.console-head{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;letter-spacing:.16em;color:var(--dim);padding:4px 2px 8px}.console-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:10px 12px}.card-title{font-size:10px;letter-spacing:.2em;color:var(--dim);margin-bottom:8px;display:flex;justify-content:space-between;align-items:baseline}.card-title .rp{color:var(--violet);font-family:var(--mono);font-size:12px;letter-spacing:0}.btn{font:inherit;font-size:13px;color:var(--text);background:#38e6ff14;border:1px solid rgba(56,230,255,.35);border-radius:8px;padding:8px 18px;cursor:pointer;letter-spacing:.1em;transition:background .15s,box-shadow .15s,transform .1s}.btn:hover:not(:disabled){background:#38e6ff2e;box-shadow:0 0 14px #38e6ff59}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--primary{background:linear-gradient(90deg,#38e6ff3d,#8f7bff3d);border-color:var(--cyan);font-weight:700}.btn--sm{padding:4px 12px;font-size:11px;border-radius:6px}.btn--xl{padding:13px 46px;font-size:16px;border-radius:10px}.btn--danger{border-color:#ff335573;background:#ff33551a}.btn--danger:hover:not(:disabled){background:#f353;box-shadow:0 0 14px #ff335559}.kbd{font-family:var(--mono);font-size:10px;background:#6e8cff1f;border:1px solid var(--panel-border);border-radius:4px;padding:1px 6px}.dim{color:var(--dim)}.phase{font-size:10px;letter-spacing:.22em;padding:4px 12px;border-radius:20px;border:1px solid var(--panel-border);color:var(--dim);white-space:nowrap}.phase--running{color:var(--green);border-color:#39e6a366;background:#39e6a314}.phase--paused{color:var(--amber);border-color:#ffce4d66;background:#ffce4d14}.phase--disrupting,.phase--over{color:var(--red);border-color:#ff335580;background:#ff33551a;animation:blink .5s infinite alternate}@keyframes blink{0%{opacity:1}to{opacity:.45}}@keyframes glowpulse{0%{filter:brightness(1)}to{filter:brightness(1.5)}}.gauges{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gauge{background:#090d1e99;border:1px solid var(--panel-border);border-radius:10px;padding:8px 4px 4px;text-align:center}.gauge-svg{width:100%;max-width:128px}.gauge-num{font-family:var(--mono);font-size:12px;font-weight:700}.gauge--danger{border-color:#ff335580;animation:glowpulse .6s infinite alternate}.gauge-label{font-size:10px;letter-spacing:.12em;color:var(--dim);margin-top:2px}.gauge-unit{margin-left:4px;opacity:.65;font-size:9px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stat{background:#090d1e99;border:1px solid var(--panel-border);border-radius:8px;padding:6px 8px}.stat span{font-size:9px;letter-spacing:.1em;color:var(--dim)}.stat b{display:block;font-family:var(--mono);font-size:14px;margin-top:2px}.stat--good b{color:var(--green)}.stat--bad b{color:var(--red)}.sparks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spark{background:#090d1e99;border:1px solid var(--panel-border);border-radius:8px;padding:6px 8px 4px}.spark-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:var(--dim);font-family:var(--mono)}.spark-svg{width:100%;display:block}.upg{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px dashed rgba(110,140,255,.12)}.upg:last-child{border-bottom:none}.upg-info{flex:1;min-width:0}.upg-name{font-size:12px;display:flex;align-items:center;gap:8px}.upg-desc{font-size:10px;color:var(--dim);margin-top:1px}.pips i{display:inline-block;width:9px;height:5px;border-radius:2px;margin-right:3px;background:#6e8cff2e;vertical-align:middle}.pips i.on{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.upg-buy{min-width:58px;font-family:var(--mono)}.log-card{flex:1;min-height:0;display:flex;flex-direction:column}.log{flex:1;min-height:90px;max-height:190px;overflow-y:auto;display:flex;flex-direction:column;gap:3px;font-family:var(--mono);font-size:10.5px;line-height:1.5}.log-item{color:var(--dim)}.log-time{opacity:.55;margin-right:4px}.log--warn{color:var(--amber)}.log--crit{color:#ff6b85}.log--good{color:var(--green)}.ctrl-slot{border-radius:10px;padding:8px 10px;border:1px solid transparent;transition:border-color .15s,background .15s}.ctrl-slot--sel{border-color:#38e6ff4d;background:#38e6ff0b}.nslider-head{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.nslider-icon{font-size:14px}.nslider-name{font-size:12px;letter-spacing:.06em}.nslider-val{margin-left:auto;font-family:var(--mono);font-size:13px;font-weight:700}.nslider-track{position:relative;height:30px;border:1px solid var(--panel-border);border-radius:8px;background:#080c1cbf;cursor:pointer;touch-action:none;overflow:hidden}.nslider-fill{position:absolute;left:0;top:0;bottom:0}.nslider-thumb{position:absolute;top:-1px;bottom:-1px;width:10px;transform:translate(-50%);border:2px solid;border-radius:5px;background:#05070feb}.nslider-ticks{position:absolute;inset:0;pointer-events:none}.nslider-ticks i{position:absolute;bottom:0;width:1px;height:5px;background:#8ca0ff47}.nslider-hint{font-size:9px;color:var(--dim);margin-top:5px;letter-spacing:.04em}.nslider--disabled{opacity:.38}.nslider--disabled .nslider-track{cursor:default}.evbar{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;gap:8px;flex-wrap:wrap;justify-content:center;z-index:4;pointer-events:none;padding:0 12px;max-width:100%}.ev-chip{position:relative;overflow:hidden;font-size:11px;letter-spacing:.05em;padding:5px 10px 8px;border-radius:7px;border:1px solid;background:#080a18d9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);white-space:nowrap}.ev-t{margin-left:7px;font-family:var(--mono);opacity:.8;font-size:10px}.ev-bar{position:absolute;left:0;bottom:0;width:100%;height:2px;background:#ffffff14}.ev-bar i{display:block;height:100%;background:currentColor;transition:width .25s linear}.ev--warn{color:var(--amber);border-color:#ffce4d80}.ev--crit{color:var(--red);border-color:#ff33558c;animation:blink .4s infinite alternate}.ev--good{color:var(--green);border-color:#39e6a380}.ev--info{color:var(--cyan);border-color:#38e6ff80}.disrupt-banner{position:absolute;top:15%;left:50%;transform:translate(-50%);z-index:4;pointer-events:none;font-size:clamp(18px,3vw,30px);font-weight:800;letter-spacing:.3em;color:var(--red);text-shadow:0 0 24px var(--red);animation:blink .4s infinite alternate;white-space:nowrap}.ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#05070f80,#04050ded);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:6;overflow-y:auto}.menu{width:min(880px,94%);text-align:center;padding:20px 10px}.neon-title{margin:0;font-size:clamp(34px,6vw,62px);font-weight:800;letter-spacing:.18em;background:linear-gradient(90deg,#38e6ff,#8f7bff,#ff4d7e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(90,140,255,.55))}.neon-sub{margin-top:4px;font-size:13px;letter-spacing:.7em;color:var(--dim)}.howto{max-width:620px;margin:18px auto 0;font-size:12px;line-height:1.9;color:var(--dim)}.howto b{color:var(--text);font-weight:600}.diffs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.diff-card{font:inherit;text-align:left;padding:13px 14px;border-radius:10px;border:1px solid var(--panel-border);background:#0d1228a6;color:var(--text);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s}.diff-card:hover{transform:translateY(-2px)}.diff-name{font-size:14px;font-weight:700;letter-spacing:.08em}.diff-desc{font-size:11px;color:var(--dim);margin-top:5px;line-height:1.6}.diff-best{font-size:10px;font-family:var(--mono);color:var(--amber);margin-top:8px;opacity:.9}.menu-start{margin-top:22px}.keyhint{margin-top:16px;font-size:10px;color:var(--dim);letter-spacing:.05em}.keyhint .kbd{margin:0 2px}.achs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:18px}.ach{font-size:10px;padding:3px 9px;border-radius:12px;border:1px solid var(--panel-border);color:var(--dim);opacity:.6}.ach--on{color:var(--amber);border-color:#ffce4d73;opacity:1;text-shadow:0 0 10px rgba(255,206,77,.6)}.ov-card{width:min(560px,92%);background:#0a0e1eeb;border:1px solid var(--panel-border);border-radius:14px;padding:26px 30px;text-align:center;box-shadow:0 0 40px #283ca040}.ov-card h2{margin:0 0 6px;font-size:24px;letter-spacing:.3em;color:#fff;text-shadow:0 0 16px rgba(56,230,255,.6)}.over-title{color:var(--red)!important;text-shadow:0 0 18px rgba(255,51,85,.7)!important}.over-cause{font-size:13px;color:var(--red);letter-spacing:.1em;margin-bottom:8px}.newrec{display:inline-block;margin:4px 0 2px;padding:4px 14px;border:1px solid rgba(255,206,77,.6);border-radius:16px;color:var(--amber);font-size:12px;letter-spacing:.15em;text-shadow:0 0 12px rgba(255,206,77,.8);animation:glowpulse .8s infinite alternate}.ovstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 6px}.ov-achs{margin:10px 0 4px;font-size:11px;color:var(--dim)}.ov-achs .achs{margin-top:8px}.ov-btns{display:flex;gap:10px;justify-content:center;margin-top:18px}@media(max-width:1080px){body{overflow:auto}.app{height:auto;min-height:100vh}.main{grid-template-columns:1fr}.stage{height:52vh;min-height:340px}.side{overflow:visible}.console-grid{grid-template-columns:repeat(2,1fr)}.tstats{display:none}}