:root{--bg:#101112;--rail:#141516;--ink:#f1f2f3;--soft:#b6bbbf;--dim:#82898e;--line:#303336;--line-soft:#272a2d;--panel:#17191b;--panel-bright:#202326;--pink:#e885ad;--cyan:#8ccec5;--gold:#e4c28e;--green:#88cda7;--rail-width:210px}
*{letter-spacing:0!important}
body{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
button{position:relative;touch-action:manipulation;transition:background .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s}
button:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #0004!important}
button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.rail{padding:26px 14px 16px;background:#141516}
.mark{padding:0 12px 28px;border:0}.mark-top{color:#9da4a9;font-size:9px}.mark-name{font-size:18px;margin-top:12px;font-weight:650}.mark-name span{color:#d8dbde;font-size:12px}.mark-sub{font-size:8px;margin-top:8px}
.nav{gap:7px;padding-top:14px}.nav button{min-height:43px;grid-template-columns:18px 1fr auto;border-radius:7px;font-size:12px;padding:0 12px;color:#90979c}
.nav button.active{background:#292c2f;border-color:#3e4246;box-shadow:inset 0 1px #ffffff0c,0 3px 7px #0002;color:#fff}
.nav button:hover{background:#222528;color:#fff}.nav-badge{border:0;border-radius:4px;background:#ffffff09;color:#afb6bb;min-width:21px;padding:3px 5px}
.nav .lucide{width:17px;height:17px;stroke-width:1.65}.nav button.active .lucide{color:var(--cyan)}
.rail-rule{margin-top:30px}.rail-mini{display:flex;gap:10px;align-items:center}.rail-mini .lucide{width:16px;height:16px}.operator{padding-top:20px}.operator-chip{border-radius:50%;background:#c6d8d0;color:#20372f;border:0}
main{padding:32px 32px 38px;max-width:1860px;width:100%;margin:0 auto}
.command-header{margin-bottom:28px;align-items:center}.header-kicker{color:#969fa5;font-size:10px}h1{font-size:27px;font-weight:600;margin-top:9px}.header-copy{color:#8e969c;margin-top:8px}.data-clock{font-size:9px;color:#727a80}
.header-button,.small-button,.command-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 13px;border-radius:6px;background:linear-gradient(#2c3033,#23272a);border:1px solid #41464a;color:#dce0e3;box-shadow:inset 0 1px #ffffff09,0 2px 3px #0002;font-size:11px;white-space:nowrap;font-weight:500}
.header-button:hover,.small-button:hover,.command-button:hover{background:linear-gradient(#363b3f,#2d3236);border-color:#606970;box-shadow:inset 0 1px #ffffff16,0 4px 9px #0003}
.header-button.primary,.command-button.primary{background:linear-gradient(#e6f1ed,#c8ded5);border-color:#e0eee7;color:#203b30;box-shadow:inset 0 1px #fff8,0 2px 5px #0004}
.header-button.primary:hover,.command-button.primary:hover{background:#edf7f1;border-color:#fff;box-shadow:0 4px 16px #b9e8d21a}
button .lucide{width:15px;height:15px;flex:none;stroke-width:1.7}.header-button.icon-only{width:36px;padding:0}.icon-only:hover::after{content:attr(aria-label);position:absolute;right:0;top:calc(100% + 8px);padding:7px 10px;border-radius:4px;background:#363b3f;border:1px solid #535b60;color:white;z-index:20;font-size:11px}
.telemetry{background:transparent;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1.3fr repeat(3,1fr);padding:20px 0}
.telemetry>div{min-height:76px;padding:5px 24px;border-color:var(--line)}.telemetry>div:first-child{padding-left:0}.telemetry label{font-size:11px;color:#929a9f}.telemetry strong{font-size:30px;font-weight:500;font-variant-numeric:tabular-nums;margin-top:12px;line-height:1.2}.telemetry .operation-state{font-size:16px;min-height:36px}.telemetry small{font-size:12px}.status-dot{width:6px;height:6px;flex:none;animation:status-breathe 3.5s ease-in-out infinite}
.command-grid{gap:24px;grid-template-columns:minmax(225px,.85fr) minmax(350px,1.5fr) minmax(225px,.85fr);margin-top:25px}
.module{border:0;background:transparent}.module-head{padding:0 0 16px;min-height:40px;border-color:#303336}.module-head h2{font-size:13px;font-weight:550}.module-head h2::before{display:none}.module-meta{font-size:10px;color:#777f85}
.priority-list{padding:0}.priority-item{padding:20px 0}.priority-top b{font-size:12px;font-weight:550}.priority-item p{font-size:11px;line-height:1.8;margin:10px 0 14px;color:#939ba1}.severity,.state{border:0;border-radius:4px;background:#b7767620;color:#e1a0a0;padding:4px 7px;font-size:9px}.severity.gold,.state.wait{background:#d0a76416;color:#d9b983;border:0}.severity.cyan,.state.ready{background:#8ed0c419;color:#9bcec5;border:0}
.text-action{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#b9d8d0;padding:4px 0}.text-action .lucide{width:12px;height:12px;transition:transform .2s}.text-action:hover{text-decoration:none;color:#e1f5ed}.text-action:hover .lucide{transform:translateX(3px)}
.flow{border:0;border-top:1px solid var(--line);margin:8px 0 0;padding:20px 0;background:transparent}.flow-node{font-style:normal;background:#1c2022}.flow-node.done{background:#92c5a716;border-color:#49695b}.flow-node.warn{background:#c4a36712;border-color:#6c5b41}.flow-labels{font-size:10px}
.stage{border:1px solid #3a4142;border-radius:8px;background:#191e20;min-height:370px;box-shadow:inset 0 1px #ffffff0b,0 12px 35px #0002}
.stage::before{inset:0;opacity:.09;filter:grayscale(1)}.stage-content{min-height:370px}.stage-bar{padding:18px 20px;border-color:#ffffff0a}.stage-kicker{font-size:9px;color:#9faeae}.stage-time{font-size:11px;color:#cbd2d2;margin-top:7px}
.match-board{padding:30px 18px;grid-template-columns:1fr 40px 1fr;gap:8px}.side-logo{display:block;width:94px;height:94px;object-fit:contain;background:transparent;border:0;border-radius:0;filter:drop-shadow(0 7px 10px #0005);margin-bottom:17px}.side-logo.tbd{border:1px dashed #5d6b6b;background:#ffffff02;border-radius:8px;color:#95a5a5;font-weight:300;font-size:35px}.side-name{font-size:16px;font-weight:600}.side-detail{font-size:10px;color:#8b989b;margin-top:7px}.vs{border:0;background:none;color:#707e82;font-weight:400;font-size:11px;width:40px}
.stage-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:13px;background:#10171980;border-color:#ffffff0a;padding:15px 20px}.stage-foot>span{font-size:10px;color:#9ba9ab;flex:1 1 170px}.stage-foot button{flex:0 0 auto}
.pulse-list{padding:0}.pulse-row{min-height:62px}.pulse-copy b{font-size:11px;font-weight:500}.pulse-copy small{font-size:10px;margin-top:5px}.pulse-value{font-size:19px;color:#d3dadd;font-variant-numeric:tabular-nums}.pulse-led{width:5px;height:5px}.quick-grid{padding:17px 0 0;gap:8px}.quick-grid button{display:grid;grid-template-columns:17px minmax(0,1fr);gap:5px 8px;align-items:center;padding:12px 10px;min-height:62px;background:linear-gradient(#24282b,#202427);border:1px solid #3a4044;border-radius:6px;box-shadow:inset 0 1px #ffffff06;color:#8e999f}.quick-grid button>.lucide{grid-row:span 2;color:#a8b5ba;width:16px;height:16px}.quick-grid b{font-size:11px;font-weight:500;margin:0}.quick-grid button:hover{background:#2d3438;border-color:#66767d;box-shadow:0 3px 10px #0002}
.feed{border-top:1px solid #343a3e;padding-top:19px}.feed .module-head{border:0;padding-bottom:15px}.day-tabs{padding:3px;gap:3px;background:#191d20;border:1px solid #333a3e;border-radius:6px;position:relative}.day-tabs button{min-height:29px;padding:0 11px;border:0;border-radius:4px;font-size:10px;z-index:1}.day-tabs button.active{background:#384147;box-shadow:inset 0 1px #ffffff0b,0 1px 4px #0004;color:#eff5f7}.feed-list{padding:0}.feed-row{min-height:77px;grid-template-columns:55px minmax(135px,1fr) minmax(110px,.75fr) auto;gap:12px}.feed-time b{color:#d9e0e2;font-size:15px;font-weight:500}.feed-match{font-size:12px;font-weight:500}.feed-type{color:#8c989e}.local-note{color:#616d73;font-size:9px;margin-top:25px}
.context-drawer[data-open="true"]{position:fixed;inset:0 0 0 auto;width:min(440px,100%);height:100dvh;z-index:51;display:flex;align-items:stretch;flex-direction:column;justify-content:flex-start;padding:35px;background:#1a1e21;border:0;border-left:1px solid #4a5359;box-shadow:-30px 0 80px #0005;gap:28px}.drawer-title{font-size:22px;line-height:1.6;font-weight:500;margin-top:28px}.drawer-copy{font-size:13px;line-height:2;color:#aeb9bf;margin-top:22px}.drawer-kicker{color:#91aca8;font-size:10px}.drawer-backdrop{position:fixed;inset:0;z-index:50;background:#080c1080;backdrop-filter:blur(5px)}.drawer-backdrop[hidden]{display:none}.drawer-details{display:grid;gap:14px;margin-top:27px;padding-top:22px;border-top:1px solid var(--line);font-size:12px;color:#becacf}.drawer-details div{display:flex;justify-content:space-between}.drawer-details b{color:#ebeeee;font-weight:500}.drawer-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.context-drawer #closeDrawer{align-self:flex-start}.toast{background:#252e2c;border-color:#526e64;box-shadow:0 12px 35px #0006;z-index:60;font-size:12px;padding:16px 20px}.button-ripple{position:absolute;width:12px;height:12px;margin:-6px;border-radius:50%;background:#fff3;pointer-events:none;animation:tap-wave .55s ease-out forwards}.refreshing .lucide{animation:turn .6s linear infinite}
@keyframes tap-wave{to{transform:scale(18);opacity:0}}@keyframes status-breathe{50%{box-shadow:0 0 0 5px #88cda70a}}@keyframes turn{to{transform:rotate(360deg)}}
@media(min-width:1650px){main{padding:40px 44px}.command-grid{gap:30px;grid-template-columns:minmax(260px,1fr) minmax(480px,1.7fr) minmax(250px,1fr)}.stage,.stage-content{min-height:405px}.side-logo{width:110px;height:110px}}
@media(max-width:1220px){:root{--rail-width:68px}.rail{padding:22px 8px}.nav button{grid-template-columns:1fr auto;padding:0 8px}.command-grid{grid-template-columns:minmax(230px,.8fr) minmax(350px,1.4fr);gap:20px}.quick-grid{padding:12px}.pulse-wrap{gap:25px}.rail-mini{display:none}main{padding:25px}}
@media(max-width:790px){main{padding:22px 18px}.rail{padding:10px 12px}.nav{gap:5px;scrollbar-width:none}.nav button{min-width:105px;flex:none;white-space:nowrap}.command-header{margin-bottom:22px}.header-right{gap:8px;justify-content:flex-end}.data-clock{margin-right:auto;font-size:8px}.telemetry{grid-template-columns:1fr 1fr;padding:0}.telemetry>div{padding:18px 14px;min-height:105px}.telemetry>div:first-child{padding-left:14px}.telemetry strong{font-size:25px}.telemetry .operation-state{font-size:13px;line-height:1.6}.command-grid{grid-template-columns:minmax(0,1fr);gap:27px}.stage{grid-row:1}.stage,.stage-content{min-height:350px}.priority{grid-row:auto}.feed-row{grid-template-columns:48px minmax(0,1fr) auto}.stage-foot{padding:15px}.module-head{gap:8px}.day-tabs button{padding:0 8px}.pulse-wrap{display:block}.quick-grid{padding:18px 0 0}.side-logo{width:84px;height:84px}.side-name{font-size:14px}.stage-bar{padding:17px 15px}.local-note{text-align:left;line-height:1.8}.header-copy{font-size:11px}.toast{left:18px;right:18px;bottom:18px;max-width:none}}
/* Tournament identity and restrained raster depth behind operational content. */
body{background:#101112}
main{position:relative;isolation:isolate}
main::before{content:"";position:absolute;z-index:-2;inset:0 0 auto;height:540px;pointer-events:none;background:url("./bg-zap-map.webp") center 30%/cover no-repeat;opacity:.3;filter:saturate(.7);mask-image:linear-gradient(#000 0%,#000 35%,transparent 100%)}
main::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,#10111265,transparent 55%,#10111230)}
.arena-brand{position:relative;display:flex;align-items:center;gap:17px;width:fit-content;max-width:100%;padding:4px 0 24px;margin-bottom:22px;color:#f4f3f5}
.arena-brand>.lucide{width:33px;height:33px;stroke-width:1.25;color:#e3a0b8;filter:drop-shadow(0 2px 8px #cc5c9030)}
.arena-brand-number{font-family:"Arial Black","Segoe UI",sans-serif;font-size:46px;font-weight:900;font-style:italic;line-height:1;display:block;text-shadow:0 2px 0 #ffffff15,0 8px 18px #0008}
.arena-brand-divider{height:37px;width:1px;background:#7c72787a;margin:0 2px 0 3px}
.arena-brand-name{display:grid;gap:8px}.arena-brand-title{font-size:22px;font-weight:650;line-height:1.2;color:#f0e8ed}.arena-brand-sub{font:8px "Segoe UI",sans-serif;color:#9d929a}
.arena-brand::after{content:"";position:absolute;left:0;bottom:0;width:70px;height:2px;background:#d184a2;box-shadow:70px 0 #d184a22b}
.rail{background:linear-gradient(160deg,#1e1c20,#141516 35%);box-shadow:5px 0 24px #0002;border-color:#363238}
.rail-brand-number{font:italic 900 29px/1 "Arial Black","Segoe UI",sans-serif;display:flex;align-items:center;gap:8px;color:#e8e6e9}.rail-brand-dot{width:5px;height:5px;background:#d184a2;border-radius:1px;display:block;transform:rotate(45deg)}.rail-brand-title{margin-top:9px;font-size:12px;color:#b9aeb6}.mark-sub{margin-top:8px;color:#726d74}
.command-header{margin-bottom:22px}.command-header h1{font-size:20px}.header-kicker{font-size:9px;color:#ad9fa9}.header-copy{color:#98939a}
.telemetry{border-top-color:#6a53664d;border-bottom-color:#39343a;background:linear-gradient(105deg,#2622296b,#16181955);box-shadow:inset 0 1px #fff2,0 14px 24px -22px #000b;padding-left:16px;padding-right:16px}
.stage{background:#16171b;box-shadow:inset 0 1px #ffffff16,0 15px 35px #0005,0 3px 8px #0003;border-color:#574451}
.stage::before{opacity:.37;filter:saturate(.55);background-position:center;background-size:cover}
.stage-content{background:linear-gradient(180deg,#17191a70,transparent 35%,#11171920)}
.stage-bar{background:#18191d99;border-bottom-color:#ffffff0b}.stage-foot{background:#121619b8;backdrop-filter:blur(8px)}
.side-logo{filter:drop-shadow(0 9px 13px #000b)}.side-logo.tbd{background:#20222670;box-shadow:inset 0 1px #fff1,0 8px 18px #0004;border-color:#7d697b}
.quick-grid button{box-shadow:inset 0 1px #ffffff0b,0 3px 8px #0003}.feed{box-shadow:0 -10px 24px -23px #fff3}
@media(max-width:1220px) and (min-width:791px){.rail-brand-number{font-size:13px;gap:2px}.rail-brand-title{display:none}.rail-brand-dot{width:3px;height:3px}.mark{padding:0 0 18px}.arena-brand-number{font-size:40px}.arena-brand-title{font-size:20px}}
@media(max-width:790px){main::before{height:470px;opacity:.28}.arena-brand{gap:10px;margin-bottom:20px;padding-bottom:20px}.arena-brand>.lucide{width:22px;height:22px}.arena-brand-number{font-size:32px}.arena-brand-divider{height:29px;margin:0 2px}.arena-brand-title{font-size:17px}.arena-brand-sub{font-size:6px}.arena-brand-name{gap:6px}.command-header h1{font-size:19px}.telemetry{padding:0}.stage::before{opacity:.37}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}