:root{--sky:#070d1a;--sky2:#0e1830;--panel:#121f3b;--line:#22345c;--lite:#e9eef8;--mut:#93a3c4;--grass:#2e9e5b;--amber:#ffc23d;--red:#ff5c5c}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#1b2d55 0%,var(--sky) 55%) fixed;color:var(--lite);font-family:"Inter",system-ui,-apple-system,Segoe UI,sans-serif}
a{color:#9cc8ff;text-decoration:none}a:hover{text-decoration:underline}
header{background:linear-gradient(180deg,#0b142a,#0a1222);border-bottom:3px solid var(--grass);position:sticky;top:0;z-index:5}
.bar{max-width:1240px;margin:auto;display:flex;align-items:center;padding:12px 20px;gap:16px}
.logo{font-weight:900;letter-spacing:3px;color:#fff;font-size:1.25rem;display:flex;align-items:center;gap:10px}.logo b{color:var(--amber);font-weight:900}
.dot{width:22px;height:22px;border-radius:50%;background:#f4f1ea;box-shadow:inset 3px 0 0 -1px #c33,inset -3px 0 0 -1px #c33}
.bar form{margin-left:auto}.bar input,.sq{background:#0b1426;border:1px solid var(--line);color:#fff;padding:8px 14px;border-radius:6px;width:280px}
nav{max-width:1240px;margin:auto;display:flex;gap:4px;padding:0 20px 8px;overflow-x:auto}nav a{color:var(--mut);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:1px;padding:6px 10px;border-radius:4px;white-space:nowrap}nav a:hover{background:var(--panel);color:#fff;text-decoration:none}
.prov{background:var(--amber);color:#1a1300;text-align:center;font-weight:800;font-size:.78rem;letter-spacing:1px;padding:5px}.prov a{color:#1a1300;text-decoration:underline}
main{max-width:1240px;margin:auto;padding:24px 20px}h1{font-size:2.1rem;margin:.2em 0;letter-spacing:-.5px}h2{border-left:4px solid var(--grass);padding-left:10px;margin-top:32px}
.lead{color:var(--mut);font-size:1.08rem;max-width:820px}
.board{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#000;border:3px solid #2a2f3a;border-radius:8px;margin:20px 0;box-shadow:0 0 40px #ffc23d14}
.board>div{background:#0a0d12;padding:14px 18px;display:flex;flex-direction:column;gap:2px}.board small{color:var(--mut);letter-spacing:2px;font-weight:700;font-size:.7rem}
.board b{font-size:1.8rem;font-family:ui-monospace,"SFMono-Regular",Menlo,monospace}.board .led{font-family:ui-monospace,Menlo,monospace;color:var(--amber);font-size:1.3rem;text-shadow:0 0 8px #ffc23d88}.board em{color:var(--mut);font-size:.8rem;font-style:normal}
.tw{overflow-x:auto}.st{width:100%;border-collapse:collapse;background:var(--panel);border-radius:8px;overflow:hidden;font-size:.9rem}
.st th{background:#0b1426;color:var(--mut);font-size:.7rem;text-transform:uppercase;letter-spacing:1px;padding:10px 8px;text-align:right;white-space:nowrap}.st td{padding:9px 8px;border-top:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}
.st tr:nth-child(even) td{background:#ffffff05}.st tr:hover td{background:#ffffff0d}.st .l{text-align:left}.st .c{font-size:.82rem}.rk{color:var(--mut);font-weight:700}.big{font-weight:800;font-size:1.02rem}
.pos{color:#4fd98a}.neg{color:var(--red)}.g{display:inline-block;width:26px;height:26px;line-height:26px;text-align:center;border-radius:4px;font-weight:900;background:#2a3550}.gA{background:#1f7a46}.gB{background:#2c6a9a}.gC{background:#4a5470}.gD{background:#9a6a1f}.gF{background:#9a2c2c}
.pv{font-size:.65rem;background:var(--amber);color:#000;border-radius:3px;padding:1px 5px;font-weight:800;text-transform:uppercase}
.note{color:var(--mut);font-size:.83rem}.crumb{color:var(--mut);font-size:.85rem}.two{display:grid;grid-template-columns:1fr 1.3fr;gap:24px}
footer{border-top:1px solid var(--line);color:var(--mut);font-size:.8rem;text-align:center;padding:24px;max-width:1000px;margin:auto}button{background:var(--grass);color:#fff;border:0;padding:8px 16px;border-radius:6px;font-weight:700}
@media(max-width:800px){.board{grid-template-columns:1fr}.two{grid-template-columns:1fr}.bar input{width:150px}h1{font-size:1.6rem}}