:root{--bg: #0b1020;--panel: #141b30;--panel2: #1b2440;--line: #25304f;--ink: #e8edf7;--dim: #8d99b8;--up: #21d07a;--down: #ff5d6c;--gold: #f5c451;--accent: #4d8bff;--warn: #f2a33c}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(1200px 700px at 70% -10%,#16213f 0%,var(--bg) 60%);color:var(--ink);font:14px/1.4 Segoe UI,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#app{height:100%}b{font-weight:700}.up{color:var(--up)}.down{color:var(--down)}.screen{max-width:760px;margin:0 auto;padding:4vh 20px 40px;text-align:center}.bolt{font-size:56px;filter:drop-shadow(0 4px 14px rgba(245,196,81,.5))}.screen h1{font-size:40px;margin:4px 0 8px;letter-spacing:.5px}.screen .tag{color:var(--dim);max-width:620px;margin:0 auto 22px;font-size:15px}.modes{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}button.big{background:linear-gradient(180deg,#f5c451,#e0a92e);color:#1a1300;border:0;cursor:pointer;border-radius:14px;padding:18px 26px;font-size:18px;font-weight:800;display:flex;flex-direction:column;gap:4px;min-width:220px;box-shadow:0 8px 24px #f5c45147;transition:transform .08s ease,box-shadow .12s ease}button.big small{font-weight:600;font-size:12px;opacity:.8}button.big.alt{background:linear-gradient(180deg,#2a3358,#1d2542);color:#fff;box-shadow:0 8px 24px #0000004d}button.big:hover{transform:translateY(-2px);box-shadow:0 12px 30px #f5c45166}.best{color:var(--gold);margin-top:20px}.how{text-align:left;max-width:640px;margin:26px auto 0;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px 18px}.how summary{cursor:pointer;padding:10px 0;font-weight:700}.how ul{margin:4px 0 14px;padding-left:18px;color:var(--dim)}.how li{margin:8px 0}.how b{color:var(--ink)}.over .result{font-size:52px;font-weight:800;margin:6px 0}.over .result.win{color:var(--gold)}.over .result.loss{color:var(--down)}.over .sub{font-size:16px;font-weight:600;margin:0 0 18px;color:var(--dim)}.overstats{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:16px 0}.overstats>div{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 16px;min-width:96px}.overstats label{display:block;color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:.6px}.overstats b{font-size:20px}.verdict{font-size:17px;margin:14px 0}.standing{color:var(--gold);min-height:20px}.overbtns{display:flex;gap:12px;justify-content:center;margin-top:12px}.game{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:18px;padding:10px 18px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{font-size:18px;font-weight:800;letter-spacing:.3px}.modepill{font-size:11px;font-weight:700;background:var(--panel2);color:var(--gold);border:1px solid var(--line);border-radius:999px;padding:2px 9px;margin-left:6px;vertical-align:middle}.topbar .stat{display:flex;flex-direction:column}.topbar .stat label{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--dim)}.topbar .stat b{font-size:16px;font-variant-numeric:tabular-nums}.topbar .stat small{font-size:10px;color:var(--dim)}.topbar .next{margin-left:auto}button.next{background:linear-gradient(180deg,#f5c451,#e0a92e);color:#1a1300;border:0;cursor:pointer;font-weight:800;font-size:15px;border-radius:10px;padding:12px 22px;box-shadow:0 6px 16px #f5c4514d;transition:transform .08s ease}button.next:hover{transform:translateY(-1px)}.freqbar{display:flex;align-items:center;gap:16px;padding:10px 18px;background:var(--panel2);border-bottom:1px solid var(--line);flex-wrap:wrap}.freqlabel{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--dim);font-weight:700}.dial{position:relative;flex:1;min-width:200px;height:16px;background:linear-gradient(90deg,#3a1720,#3a1720 15%,#141b30 35% 65%,#3a1720 85%,#3a1720);border-radius:8px;border:1px solid var(--line);overflow:hidden}.dial .band{position:absolute;inset:0 35%;background:#21d07a2e;border-left:1px solid rgba(33,208,122,.4);border-right:1px solid rgba(33,208,122,.4)}.dial .tickmark{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--dim);transform:translate(-1px)}.dial .needle{position:absolute;top:-3px;bottom:-3px;width:4px;border-radius:2px;background:var(--ink);transform:translate(-2px);box-shadow:0 0 8px #ffffff80;transition:left .2s ease}.freqval{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;min-width:96px;text-align:right}.freqval.ok{color:var(--up)}.freqval.warn{color:var(--warn)}.freqval.bad{color:var(--down)}.freqbar.warn{box-shadow:inset 0 0 0 1px #f2a33c59}.freqbar.bad{box-shadow:inset 0 0 0 2px #ff5d6c80;animation:pulse 1s infinite}@keyframes pulse{0%,to{background:var(--panel2)}50%{background:#2a1622}}.freqnote{flex-basis:100%;font-size:12px;color:var(--dim)}.body{display:flex;gap:14px;padding:14px;flex:1;min-height:0;overflow:auto}.col{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}.col.gens{max-width:460px}.col>h3,.panel>h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--dim)}.col>h3 small,.panel h3 small{text-transform:none;letter-spacing:0;font-weight:400;margin-left:6px}.panel,.gencard{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.gencard.dimcard{opacity:.82}.genhead{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.genname{font-weight:800;font-size:15px}.kind{font-size:10px;font-weight:800;padding:2px 7px;border-radius:5px;letter-spacing:.5px}.k-base{background:#4d8bff29;color:#8fb4ff}.k-mid{background:#f5c45129;color:var(--gold)}.k-peaker{background:#ff5d6c29;color:#ff8a95}.badge{margin-left:auto;font-size:10px;font-weight:800;padding:3px 8px;border-radius:6px;letter-spacing:.5px}.badge.on{background:#21d07a29;color:var(--up)}.badge.off{background:#8d99b824;color:var(--dim)}.badge.spin{background:#f2a33c2e;color:var(--warn)}.meter{position:relative;height:12px;background:#0c1226;border:1px solid var(--line);border-radius:7px;overflow:hidden;margin-bottom:8px}.meter .fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#2f6bff,#4d8bff);transition:width .25s ease}.meter .sp{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--gold);transform:translate(-1px)}.genrow{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.genstat label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.4px;color:var(--dim)}.genstat b{font-size:13px;font-variant-numeric:tabular-nums}.gencontrols{display:flex;gap:6px;flex-wrap:wrap}.gencontrols button{background:var(--panel2);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:8px 12px;cursor:pointer;font-weight:700;font-size:13px;min-width:46px}.gencontrols button:hover{background:#222c4f}.startbtn{margin-left:auto;background:linear-gradient(180deg,#2f6bff,#2350d6)!important;color:#fff!important;border:0!important;font-weight:800!important}.startbtn.fire{background:linear-gradient(180deg,#ff6a4d,#d63a2a)!important}.linerow{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}.linerow:last-child{border-bottom:0}.lid{font-weight:800;color:var(--dim);width:26px;font-size:12px}.lname{flex:1;font-size:12.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lmeter{width:120px;height:9px;background:#0c1226;border:1px solid var(--line);border-radius:5px;overflow:hidden}.lfill{height:100%;background:linear-gradient(90deg,#21d07a,#2fd08a);transition:width .25s ease}.linerow.warm .lfill{background:linear-gradient(90deg,#f2a33c,#f5c451)}.linerow.hot .lfill{background:linear-gradient(90deg,#ff5d6c,#ff8a4d)}.lval{width:78px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums;color:var(--dim)}.linerow.hot .lval{color:#ff8a95}.linerow.tripped{animation:tripflash .6s ease}.linerow.tripped .lval{color:var(--down);font-weight:800}.linerow.tripped .lfill{width:100%!important;background:var(--down)}@keyframes tripflash{0%{background:#ff5d6c66}to{background:transparent}}.districts{display:block}.district{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;margin-bottom:6px;background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:8px 12px;cursor:pointer;color:var(--ink)}.district:last-child{margin-bottom:0}.district:hover{background:#222c4f}.district .dname{font-weight:700;font-size:13px}.district .dload{font-size:11px;color:var(--dim)}.district.shed{border-color:var(--warn);background:#f2a33c1f}.district.shed .dload{color:var(--warn)}.district.dark{border-color:var(--down);background:#ff5d6c1f}.district.dark .dload{color:#ff8a95}.log .logline{font-size:12.5px;padding:5px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.log .logline:last-child{border-bottom:0}.log .logline.dim{color:var(--dim)}.log .logline.alert{color:var(--down);font-weight:700}@media(max-width:900px){.body{flex-direction:column;overflow:visible}.col.gens{max-width:100%}.topbar{gap:12px}.lmeter{width:90px}}