#event-space{position:fixed;inset:0;width:100%;height:100%;z-index:0}.visual-noise{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}.scanline{position:fixed;inset:0;z-index:2;pointer-events:none;background:linear-gradient(transparent 50%,rgba(67,199,255,.016) 50%);background-size:100% 4px}.boot{position:fixed;inset:0;z-index:50;display:grid;place-content:center;text-align:center;background:#02060c;transition:.45s}.boot strong{font:700 clamp(2rem,5vw,5rem)/1 var(--digital);letter-spacing:.16em;color:var(--cyan)}.boot span{margin-top:1rem;color:var(--muted);letter-spacing:.25em}.boot.done{opacity:0;visibility:hidden}
.os-shell{position:relative;z-index:3;width:min(100%,2560px);margin:auto;padding:8px 10px 12px}.os-header{height:70px;border-radius:12px;padding:10px 18px;display:grid;grid-template-columns:minmax(280px,1fr) 220px 220px minmax(520px,1.25fr);gap:14px;align-items:center}.brand .eyebrow{display:block;font-size:.56rem;letter-spacing:.18em;color:#79a1bc}.brand .eyebrow i,.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:7px}.brand h1{margin:.3rem 0 0;font:700 1.5rem/1 var(--digital);letter-spacing:.07em}.brand h1 em{font-style:normal;color:var(--cyan)}.brand h1 b{font-size:.55rem;color:var(--violet)}.global-state,.clock{text-align:center}.global-state span,.clock span{display:block;font-size:.52rem;color:#7794aa;letter-spacing:.14em}.global-state strong{display:block;color:var(--green);font:700 .72rem var(--digital);margin-top:.25rem}.clock strong{font:700 1.6rem var(--digital);letter-spacing:.07em}.header-actions{display:flex;justify-content:flex-end;gap:7px;align-items:center}.header-actions button,.header-actions select,.header-actions a{height:40px;padding:0 .78rem;white-space:nowrap;font-size:.72rem}.notice{margin:7px 0;padding:7px 12px;border:1px solid rgba(255,173,77,.35);background:rgba(255,173,77,.07);color:#ffd39a;border-radius:8px}
.kpi-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:8px 0}.kpi{position:relative;min-height:82px;border:1px solid rgba(71,174,255,.22);border-radius:10px;background:linear-gradient(145deg,rgba(7,19,34,.96),rgba(4,11,21,.91));display:grid;grid-template-columns:50px 1fr 84px;align-items:center;padding:11px 12px;overflow:hidden}.kpi:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.55}.kpi-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font:700 1.5rem var(--digital);border:1px solid currentColor;box-shadow:0 0 18px currentColor,inset 0 0 16px color-mix(in srgb,currentColor 18%,transparent)}.kpi span{display:block;font-size:.56rem;color:#9ab4c8;letter-spacing:.08em}.kpi strong{display:block;margin-top:3px;font:700 1.42rem var(--digital);letter-spacing:.02em;color:#fff}.kpi strong em{font-style:normal;font-size:.65rem;color:#a9c6d7;margin-left:3px}.kpi small{display:block;margin-top:3px;font-size:.52rem;color:currentColor;letter-spacing:.06em}.spark{width:84px;height:32px}.kpi.green{color:#4cff89}.kpi.violet{color:#a66cff}.kpi.orange{color:#ffae42}.kpi.cyan{color:#27c8ff}.kpi.yellow{color:#ffd34f}.kpi.pink{color:#ff5da8}.health-bar{position:absolute;left:62px;right:12px;bottom:9px;height:3px;background:rgba(255,255,255,.07);border-radius:9px;overflow:hidden}.health-bar i{display:block;height:100%;background:currentColor;box-shadow:0 0 8px currentColor}
.command-grid{display:grid;grid-template-columns:320px minmax(620px,1fr) 480px;gap:8px;align-items:stretch}.left-rail,.right-rail{display:grid;gap:8px;min-width:0}.left-rail{grid-template-rows:184px minmax(294px,1fr)}.right-rail{grid-template-rows:254px minmax(224px,1fr)}.engine-panel,.feed-panel,.topology-panel,.blockchain-hud,.infra-hud,.timeline-panel,.world-panel,.replay-panel,.quick-panel{border-radius:10px}.panel-title{height:48px;padding:10px 13px 6px;display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:2}.panel-title span{display:block;font-size:.54rem;letter-spacing:.13em;color:#7da2bb}.panel-title h2{margin:3px 0 0;font:700 .82rem var(--digital);letter-spacing:.02em}.panel-title b,.panel-title .live{font:700 .54rem var(--digital);letter-spacing:.08em;color:var(--green)}
.engine-visual{position:relative;height:136px}.engine-visual canvas{position:absolute;inset:0;width:100%;height:100%}.engine-stats{position:absolute;inset:7px auto 7px 18px;display:grid;align-content:space-between;pointer-events:none}.engine-stats p{margin:0}.engine-stats span{display:block;font-size:.48rem;color:#7fa4bc;letter-spacing:.09em}.engine-stats strong{display:block;margin-top:2px;font:700 .83rem var(--digital);color:#42d8ff}.engine-stats p:nth-child(2) strong{color:#a66cff}.engine-stats p:nth-child(3) strong{color:#4cff89}
.event-cards{padding:0 10px 6px;display:grid;gap:6px}.event-card{min-height:48px;border:1px solid rgba(70,182,255,.2);border-radius:7px;background:linear-gradient(90deg,rgba(7,34,42,.95),rgba(8,17,30,.78));display:grid;grid-template-columns:38px 1fr auto;gap:8px;align-items:center;padding:6px 9px}.event-card:nth-child(2){border-color:rgba(166,108,255,.35);background:linear-gradient(90deg,rgba(46,16,74,.72),rgba(8,17,30,.78))}.event-card:nth-child(3){border-color:rgba(255,174,66,.35);background:linear-gradient(90deg,rgba(72,40,9,.72),rgba(8,17,30,.78))}.event-card:nth-child(4){border-color:rgba(39,200,255,.35)}.event-card:nth-child(5){border-color:rgba(37,225,207,.35)}.event-icon{width:32px;height:32px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;color:#4cff89;box-shadow:0 0 12px currentColor}.event-card:nth-child(2) .event-icon{color:#a66cff}.event-card:nth-child(3) .event-icon{color:#ffae42}.event-card:nth-child(4) .event-icon{color:#27c8ff}.event-card:nth-child(5) .event-icon{color:#25e1cf}.event-card h4{margin:0;font-size:.7rem}.event-card p{margin:2px 0 0;font-size:.47rem;color:#7799b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-card time{font:700 .5rem var(--digital);color:#59ff9e;white-space:nowrap}.more-events{display:block;margin:0 auto 8px;padding:0;border:0;background:transparent;color:#55d9ff;font-size:.53rem;height:auto}
.topology-panel{min-width:0;position:relative}.topology-stage{height:478px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 105%,rgba(42,92,255,.23),transparent 35%),radial-gradient(circle at 50% 50%,rgba(0,155,255,.05),transparent 55%)}.topology-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(66,151,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(66,151,255,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)}.topology-stage svg{position:relative;z-index:1;width:100%;height:100%;display:block}.topology-link{fill:none;stroke-width:2;opacity:.72;filter:drop-shadow(0 0 5px currentColor);stroke-dasharray:4 5;animation:dash 1.3s linear infinite}.topology-node{cursor:pointer}.node-shell{fill:rgba(5,18,31,.96);stroke-width:1.5}.topology-node text{fill:#f2fbff;font-family:var(--digital);font-weight:700;letter-spacing:.03em}.topology-node .node-sub{fill:#91aabd;font-size:8px;font-weight:500}.topology-node .topology-status{fill:rgba(5,16,29,.92);stroke:rgba(64,157,219,.22);stroke-width:1}.topology-node:hover .node-shell,.topology-node.active .node-shell{stroke-width:2.4}.packet{filter:drop-shadow(0 0 8px currentColor)}.flow-legend{position:absolute;z-index:3;left:12px;bottom:14px;width:112px;padding:10px;border:1px solid rgba(58,160,255,.2);border-radius:7px;background:rgba(3,11,22,.88);display:grid;gap:8px;font-size:.48rem}.flow-legend span{display:flex;align-items:center;gap:7px}.flow-legend i{width:7px;height:7px;border-radius:50%;box-shadow:0 0 8px currentColor}.flow-legend .success{background:#4cff89;color:#4cff89}.flow-legend .mint{background:#a66cff;color:#a66cff}.flow-legend .wallet{background:#ffae42;color:#ffae42}.flow-legend .commerce{background:#27c8ff;color:#27c8ff}.flow-legend .community{background:#25e1cf;color:#25e1cf}
.chain-hero{height:110px;margin:0 10px 8px;position:relative;border:1px solid rgba(88,162,255,.14);border-radius:8px;background:radial-gradient(circle at 25% 50%,rgba(128,76,255,.19),transparent 28%),linear-gradient(120deg,rgba(4,19,34,.92),rgba(5,10,20,.8));overflow:hidden}.polygon-mark{position:absolute;left:24px;top:23px;font-size:3.4rem;color:#9f5fff;text-shadow:0 0 24px #7b41ff;z-index:2}.chain-map{position:absolute;left:100px;right:150px;top:12px;bottom:10px;opacity:.42;background:radial-gradient(circle at 20% 48%,#2b8cff 0 2px,transparent 3px),radial-gradient(circle at 55% 35%,#2b8cff 0 2px,transparent 3px),radial-gradient(circle at 72% 60%,#a66cff 0 2px,transparent 3px);background-size:42px 32px;filter:drop-shadow(0 0 6px #358cff)}.chain-top{position:absolute;right:8px;top:8px;bottom:8px;width:142px;display:grid;gap:5px}.chain-top div{border:1px solid rgba(80,151,221,.16);border-radius:6px;background:rgba(5,16,29,.82);padding:7px}.chain-top span,.chain-grid span{display:block;font-size:.46rem;color:#7899b0;letter-spacing:.08em}.chain-top strong{display:block;margin-top:3px;font:.67rem var(--digital)}.chain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 10px 10px}.chain-grid div{min-height:47px;border:1px solid rgba(74,156,220,.15);border-radius:7px;background:rgba(5,16,28,.82);padding:8px}.chain-grid strong{display:block;margin-top:4px;font:700 .72rem var(--digital)}
.infra-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:0 10px 10px}.infra-item{min-width:0;min-height:62px;border:1px solid rgba(72,158,224,.16);border-radius:7px;background:rgba(5,16,29,.82);padding:8px;position:relative;overflow:hidden}.infra-item:after{content:"";position:absolute;left:7px;right:7px;bottom:6px;height:10px;background:linear-gradient(135deg,transparent 0 10%,rgba(76,255,137,.35) 11% 13%,transparent 14% 25%,rgba(76,255,137,.45) 26% 29%,transparent 30% 48%,rgba(76,255,137,.25) 49% 52%,transparent 53% 70%,rgba(76,255,137,.5) 71% 74%,transparent 75%)}.infra-item span{display:block;font-size:.47rem;color:#92adbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.infra-item strong{display:block;margin-top:5px;font:700 .62rem var(--digital);color:#4cff89}.infra-item small{display:block;margin-top:4px;font-size:.48rem;color:#8ea7b8}
.bottom-grid{display:grid;grid-template-columns:1.35fr 1.15fr 1.05fr 250px;gap:8px;margin-top:8px}.bottom-grid>article{height:158px}.timeline-panel,.world-panel,.replay-panel,.quick-panel{position:relative}.timeline-panel canvas{width:100%;height:85px;display:block}.timeline-legend{position:absolute;left:14px;right:14px;bottom:7px;display:flex;gap:13px;font-size:.43rem;color:#8ea8bb}.timeline-legend span:nth-child(1){color:#4cff89}.timeline-legend span:nth-child(2){color:#a66cff}.timeline-legend span:nth-child(3){color:#ffae42}.timeline-legend span:nth-child(4){color:#ff5da8}.timeline-legend span:nth-child(5){color:#25e1cf}.world-content{display:grid;grid-template-columns:1.35fr .75fr;height:106px;padding:0 10px 8px}.world-map svg{width:100%;height:100%}.land{fill:rgba(24,84,145,.28);stroke:rgba(63,165,255,.38);stroke-width:1}.world-point{fill:#29d8ff;filter:drop-shadow(0 0 8px #29d8ff);animation:worldPulse 1.6s infinite}.world-list{display:grid;align-content:center;gap:5px;font-size:.48rem}.world-list div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(93,156,200,.1);padding-bottom:3px}.world-list b{color:#4cff89}.replay-track{position:relative;height:48px;margin:11px 18px 0}.replay-track:before{content:"";position:absolute;left:0;right:0;top:23px;height:2px;background:linear-gradient(90deg,#a66cff,#27c8ff,#ffae42,#ff5da8,#4cff89,#a66cff);box-shadow:0 0 12px #27c8ff}.replay-track>i{position:absolute;right:0;top:17px;width:13px;height:13px;border:2px solid #a66cff;border-radius:50%;background:#edf7ff;box-shadow:0 0 14px #a66cff}.replay-track span{position:absolute;top:19px;width:8px;height:8px;border-radius:2px;transform:translateX(-50%);box-shadow:0 0 8px currentColor}.replay-controls{display:flex;justify-content:center;gap:7px;margin-top:3px}.replay-controls button{height:29px;min-width:34px;padding:0 8px;font-size:.58rem}.replay-controls .play{border-radius:50%;color:#4ffff3;box-shadow:0 0 15px rgba(39,200,255,.3)}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:3px 11px}.quick-actions button{height:42px;padding:0 8px;font-size:.58rem}.quick-actions button:first-child{color:#d9ccff;border-color:rgba(166,108,255,.45)}.quick-actions button:nth-child(3){color:#41f7dd}footer{height:27px;padding:8px 5px 0;display:flex;justify-content:space-between;color:#5f8198;font-size:.48rem;letter-spacing:.1em}.zoom-modal{position:fixed;inset:0;z-index:100;background:rgba(1,5,12,.87);backdrop-filter:blur(10px);display:grid;place-items:center}.zoom-modal[hidden]{display:none}.zoom-modal>button{position:absolute;right:24px;top:20px;font-size:1.5rem}.zoom-card{width:min(780px,90vw);border:1px solid #38d7ff;border-radius:18px;background:rgba(4,15,29,.95);padding:38px;box-shadow:0 0 60px rgba(38,177,255,.25)}.zoom-card>span{color:#6e9ab5;font-size:.7rem;letter-spacing:.15em}.zoom-card h2{font:700 3rem var(--digital);margin:.4rem 0 2rem}.zoom-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.zoom-stats div{border:1px solid rgba(75,173,238,.2);border-radius:10px;padding:18px}.zoom-stats span{display:block;font-size:.58rem;color:#7493a9}.zoom-stats strong{display:block;margin-top:8px;font:700 1rem var(--digital)}
@keyframes dash{to{stroke-dashoffset:-18}}@keyframes worldPulse{50%{opacity:.45;r:10}}
.world-ring{fill:none;stroke:#29d8ff;stroke-width:1;opacity:.35;transform-box:fill-box;transform-origin:center;animation:worldRing 1.9s ease-out infinite}.world-point.unresolved{fill:#ffae42;filter:drop-shadow(0 0 8px #ffae42)}.world-list span{max-width:78%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes worldRing{0%{transform:scale(.45);opacity:.75}100%{transform:scale(1.7);opacity:0}}