:root{--bg:#071019;--panel:#0c1722cc;--line:#20303e;--text:#edf4f3;--muted:#81909b;--lime:#62e8b0;--red:#fa655e;--blue:#4c8dfa;--amber:#f7bd62}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(circle at 50% -20%,#163141 0,#071019 43%);color:var(--text);font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;min-height:100vh}.ambient{position:fixed;border-radius:50%;filter:blur(110px);opacity:.13;pointer-events:none}.ambient-a{width:420px;height:420px;background:#44e4aa;right:-180px;top:100px}.ambient-b{width:360px;height:360px;background:#316bd4;left:-180px;bottom:0}.shell{width:min(1540px,calc(100% - 40px));margin:auto;padding:34px 0 24px}.masthead{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:24px}.eyebrow{font-size:12px;letter-spacing:.2em;color:#91a0a9;font-weight:700}.live-dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 12px var(--lime)}h1{font-size:clamp(32px,4vw,56px);line-height:1;margin:12px 0 10px;letter-spacing:-.045em}.masthead p{margin:0;color:var(--muted)}button{font:inherit;color:inherit}.game-switch,.phase-switch,.series-tabs{display:flex;gap:8px}.game-switch{background:#09141e;border:1px solid var(--line);border-radius:14px;padding:5px}.game-switch button,.phase-switch button,.series-tabs button,.filter{border:0;background:transparent;color:#8d9aa4;border-radius:10px;cursor:pointer;transition:.2s}.game-switch button{padding:11px 20px;font-weight:700}.game-switch button.active{background:var(--lime);color:#062016}.panel{background:linear-gradient(145deg,rgba(16,31,43,.96),rgba(9,20,30,.92));border:1px solid var(--line);box-shadow:0 22px 70px rgba(0,0,0,.22);border-radius:20px}.current-card{display:flex;align-items:center;justify-content:space-between;padding:25px 30px;margin-bottom:14px;overflow:hidden}.muted{color:var(--muted);font-size:13px}.current-main{display:grid;grid-template-columns:auto auto;column-gap:28px;align-items:center}.current-main .muted{grid-column:1/-1}.block-number{font-size:30px;font-weight:750;letter-spacing:.02em}.balls{display:flex;gap:8px}.balls span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #456073;border-radius:50%;background:#122535;font-size:19px;font-weight:800}.current-stats{display:flex;gap:38px}.current-stats div{display:flex;flex-direction:column;gap:5px}.current-stats span{color:var(--muted);font-size:12px}.current-stats strong{font-size:16px}.online{color:var(--lime)}.phase-switch{padding:8px;margin-bottom:14px;overflow:auto}.phase-switch button{flex:1;min-width:112px;padding:11px 14px;text-align:left;font-weight:700}.phase-switch button small{display:block;color:#637480;font-size:10px;font-weight:500;margin-top:3px}.phase-switch button.active{background:#193044;color:var(--text)}.phase-switch button.active small{color:var(--lime)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:14px}.chart-panel,.monitor-panel{min-height:640px}.chart-panel{padding:25px 25px 18px;min-width:0}.monitor-panel{padding:25px 18px 18px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.panel-heading h2{margin:7px 0 0;font-size:22px}.legend{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.legend i{width:9px;height:9px;border-radius:50%;margin-left:8px}.legend .red{background:var(--red)}.legend .blue{background:var(--blue)}.series-tabs{margin:22px 0 18px;overflow-x:auto;padding-bottom:4px}.series-tabs button{white-space:nowrap;border:1px solid #213545;padding:9px 13px}.series-tabs button.active{border-color:#4b6c79;background:#162c38;color:var(--lime)}.chart-scroll{overflow:auto;padding-bottom:12px;scrollbar-color:#385364 transparent}.bead-grid{--columns:15;display:grid;grid-template-columns:30px repeat(var(--columns),58px);grid-template-rows:repeat(6,70px);gap:1px;min-width:max-content;background:#1a2b38;border:1px solid #253947;border-radius:14px;overflow:hidden}.row-label,.bead-cell{background:#0a1620;display:grid;place-items:center}.row-label{position:sticky;left:0;z-index:3;color:#637786;font-size:11px;border-right:1px solid #2b4352}.bead-cell{padding:8px}.bead{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-size:13px;font-weight:800;box-shadow:inset 0 0 0 2px rgba(255,255,255,.13),0 5px 15px rgba(0,0,0,.25)}.bead.positive{background:linear-gradient(145deg,#fa716b,#c73d3a)}.bead.negative{background:linear-gradient(145deg,#559afc,#2662c9)}.chart-note{color:#637480;font-size:12px;margin-top:12px}.compact{padding:0 5px 12px}.counter{color:var(--lime);border:1px solid #2c5d4b;background:#102a24;border-radius:99px;padding:7px 10px;font-size:11px}.monitor-filters{display:flex;gap:7px;margin:8px 0 14px}.filter{padding:8px 12px;border:1px solid #263947}.filter.active{color:#071a13;background:var(--lime);border-color:var(--lime)}.monitor-list{height:520px;overflow:auto;padding-right:5px}.monitor-item{position:relative;background:#0a151f;border:1px solid #1b2d3b;border-radius:13px;padding:12px;margin-bottom:8px}.monitor-item.active{border-color:#6c5830}.monitor-item.exceeded{border-color:#8e423e}.monitor-head,.monitor-numbers{display:flex;align-items:center;justify-content:space-between;gap:7px}.category{color:#718591;font-size:10px}.phase-tag{color:#9eacb3;background:#172632;border-radius:6px;padding:3px 6px;font-size:10px}.monitor-name{display:block;margin:8px 0 10px;font-size:14px}.monitor-numbers{color:#81909b;font-size:10px}.progress-track{height:4px;background:#1d2b34;border-radius:5px;margin-top:9px;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,var(--lime),var(--amber));border-radius:5px}.exceeded .progress-track i{background:var(--red)}.progress-text{text-align:right;color:#adbdc2;font-size:10px;margin-top:5px}.empty{color:#687b86;text-align:center;padding:70px 10px;line-height:1.8}footer{display:flex;justify-content:space-between;color:#536672;font-size:11px;padding:18px 5px 0}.loading{position:fixed;inset:0;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;background:rgba(5,13,20,.88);backdrop-filter:blur(12px);z-index:20;color:#a9b6bc;transition:.25s}.loading.hidden{opacity:0;pointer-events:none}.spinner{width:42px;height:42px;border:3px solid #274139;border-top-color:var(--lime);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:980px){.workspace{grid-template-columns:1fr}.monitor-panel{min-height:500px}.monitor-list{height:420px}.current-stats{gap:18px}.masthead{align-items:flex-start}}
@media(max-width:650px){.shell{width:calc(100% - 20px);padding-top:20px}.masthead{display:block}.game-switch{margin-top:20px}.current-card{display:block;padding:20px}.current-main{grid-template-columns:1fr}.balls{margin-top:14px}.current-stats{margin-top:20px;justify-content:space-between}.current-stats div:nth-child(1){display:none}.phase-switch button{min-width:98px}.chart-panel,.monitor-panel{padding:19px 12px}.chart-panel{min-height:590px}.panel-heading{align-items:flex-start}.legend{display:none}.bead-grid{grid-template-columns:26px repeat(var(--columns),52px);grid-template-rows:repeat(6,62px)}.bead{width:38px;height:38px}.masthead p{font-size:13px;line-height:1.6}footer{display:block;line-height:1.8}}