:root{color-scheme:dark;--ink:#e9f6ff;--muted:#8fa6b4;--cyan:#61dafb;--panel:#0b1720}*{box-sizing:border-box}body{margin:0;background:#03080d;color:var(--ink);font:14px ui-monospace,SFMono-Regular,Consolas,monospace;min-height:100vh;background-image:radial-gradient(circle at 30% 10%,#103245 0,transparent 35%)}header,main,footer{max-width:1500px;margin:auto}header{display:flex;justify-content:space-between;align-items:end;padding:28px 28px 14px}h1{font-size:clamp(27px,4vw,54px);margin:3px 0}h1 span{color:var(--cyan)}p{color:var(--muted)}.eyebrow{letter-spacing:.2em;color:#ffcf5c}#clock{font-size:28px;color:var(--cyan)}main{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:16px;padding:0 28px}.stage,aside section{background:#071119cc;border:1px solid #183747;border-radius:10px;overflow:hidden}#field,#chart{width:100%;height:auto;display:block}.controls{display:flex;gap:12px;align-items:center;padding:12px;flex-wrap:wrap;border-top:1px solid #183747}button,select,input{accent-color:var(--cyan)}button,select{background:#102633;color:var(--ink);border:1px solid #285064;padding:8px 12px;border-radius:5px}label:first-of-type{flex:1;display:flex;gap:8px}input{width:100%}aside{display:flex;flex-direction:column;gap:12px}aside section{padding:14px}h2{margin:0 0 10px;font-size:13px;letter-spacing:.1em}h2 b{color:#61dafb}h2 i{color:#ffcf5c;font-style:normal}ul{margin:0;padding-left:19px;color:var(--muted);line-height:1.6}.stats #stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric{padding:9px;background:#0d202b}.metric strong{display:block;font-size:22px;color:#fff}.rule{border-color:#66541d}footer{padding:18px 28px 30px;color:#718897}@media(max-width:900px){main{grid-template-columns:1fr}header{align-items:start;gap:10px;flex-direction:column}}