:root{--bg:#040713;--panel:rgba(8,13,30,.76);--line:rgba(138,166,255,.17);--text:#eef3ff;--muted:#8d9ab8;--cyan:#6cf7ff;--violet:#9476ff;--green:#61ffb0;--yellow:#ffd66b;--red:#ff5475}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}body{background:radial-gradient(circle at 65% 42%,#101c3c 0,#070b1c 32%,#03050d 70%)}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(#fff 0.6px,transparent .7px);background-size:37px 37px;opacity:.13}.noise{position:fixed;inset:0;pointer-events:none;opacity:.16;background: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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}.topbar{height:72px;position:relative;z-index:20;display:flex;align-items:center;padding:0 34px;border-bottom:1px solid var(--line);background:rgba(3,6,15,.62);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:13px;letter-spacing:.18em}.brand b{color:var(--cyan)}.brand-mark{width:24px;height:24px;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 18px var(--cyan);position:relative}.brand-mark:after{content:"";position:absolute;width:4px;height:4px;background:white;border-radius:50%;left:9px;top:9px;box-shadow:0 0 8px 3px var(--cyan)}.topbar nav{display:flex;gap:30px;margin-left:70px}.topbar nav a{color:var(--muted);text-decoration:none;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.topbar nav a:hover,.topbar nav a.active{color:white}.live{margin-left:auto;display:flex;align-items:center;gap:9px;color:#aebbd4;font-size:11px;letter-spacing:.06em}.live i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}main{height:calc(100% - 72px);position:relative}.viewport{position:absolute;inset:0}.viewport canvas{width:100%;height:100%;display:block}.scanline{pointer-events:none;position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(100,150,255,.015) 50%);background-size:100% 4px}.hero-copy{position:absolute;z-index:4;left:36px;top:30px;width:310px;pointer-events:none}.eyebrow{color:var(--cyan);font-size:10px;letter-spacing:.24em;margin-bottom:13px}.hero-copy h1{margin:0;font-size:38px;line-height:.94;letter-spacing:-.04em;font-weight:300}.hero-copy h1 span{font-weight:700;background:linear-gradient(90deg,#fff,#8ff5ff);-webkit-background-clip:text;color:transparent}.hero-copy p{color:var(--muted);font-size:12px;line-height:1.65;max-width:290px}.data-note{border-left:2px solid var(--yellow);padding-left:10px;color:#c3cbda;font-size:10px;line-height:1.5}.panel{position:absolute;z-index:8;background:var(--panel);border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.28);backdrop-filter:blur(18px)}.controls{left:34px;top:250px;width:288px;padding:16px}.search{height:38px;border:1px solid var(--line);display:flex;align-items:center;padding:0 12px;background:rgba(255,255,255,.025)}.search span{color:var(--cyan);font-size:20px;margin-right:8px}.search input{min-width:0;width:100%;background:none;border:0;outline:0;color:white}.control-block{margin-top:18px}.label-row{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.label-row b{color:white}input[type=range]{width:100%;accent-color:var(--cyan);margin-top:10px}.range-hints{display:flex;justify-content:space-between;color:#58647d;font-size:9px}.layers{margin-top:15px;border-top:1px solid var(--line)}.layer{width:100%;display:flex;gap:11px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--line);padding:11px 2px;background:none;color:white;cursor:pointer}.layer>i{width:8px;height:8px;border-radius:50%;box-shadow:0 0 10px currentColor}.layer i.green{color:var(--green);background:var(--green)}.layer i.violet{color:var(--violet);background:var(--violet)}.layer i.blue{color:#53a7ff;background:#53a7ff}.layer span{display:flex;flex-direction:column}.layer b{font-size:11px}.layer small{color:var(--muted);font-size:9px;margin-top:2px}.layer:not(.active){opacity:.45}.layer.disabled{cursor:not-allowed;opacity:.3}.legend{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px;font-size:9px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:6px}.legend i{display:inline-block;width:16px;height:2px}.strong{background:var(--green);box-shadow:0 0 6px var(--green)}.medium{background:var(--yellow)}.incoming{background:var(--red)}.loading,.empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:11px;letter-spacing:.12em;color:#b9c7e4}.loading span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan);margin-right:10px;animation:pulse 1s infinite}.hidden{display:none!important}@keyframes pulse{50%{opacity:.25;transform:scale(.7)}}.orbit-help{position:absolute;right:32px;bottom:70px;color:#66738e;font-size:9px;letter-spacing:.08em}.axis-label{position:absolute;color:rgba(172,202,255,.26);font-size:9px;letter-spacing:.24em;pointer-events:none}.axis-label.carry{left:43%;top:18%}.axis-label.support{right:18%;top:31%}.axis-label.nuker{left:42%;bottom:18%}.axis-label.initiator{right:27%;bottom:25%}.inspector{right:30px;top:28px;width:306px;padding:20px}.close{position:absolute;right:10px;top:8px;border:0;background:none;color:var(--muted);font-size:24px;cursor:pointer}.inspector-head{display:flex;gap:13px;align-items:center}.inspector-head img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid var(--cyan);box-shadow:0 0 20px rgba(108,247,255,.35)}.inspector-head small{font-size:9px;color:var(--cyan);letter-spacing:.16em}.inspector h2{font-size:20px;margin:3px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:18px 0}.metrics div{border:1px solid var(--line);padding:10px 5px;text-align:center;background:rgba(255,255,255,.02)}.metrics b{display:block;font-size:16px}.metrics span{color:var(--muted);font-size:8px;text-transform:uppercase}.role-tags{display:flex;gap:5px;flex-wrap:wrap}.role-tags span{border:1px solid rgba(148,118,255,.4);color:#c8baff;padding:4px 6px;font-size:8px;text-transform:uppercase}.relation-title{font-size:9px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin:18px 0 8px}.relation{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line);font-size:10px}.relation img{width:22px;height:22px;border-radius:50%}.relation small{color:var(--muted)}.relation b{color:var(--green);font-size:10px}.relation.in b{color:var(--red)}.role-force{margin-top:12px;color:var(--muted);font-size:9px;line-height:1.55}.stats-strip{position:absolute;z-index:7;left:360px;right:30px;bottom:18px;height:42px;border-top:1px solid var(--line);display:flex;justify-content:center;gap:70px;padding-top:9px;pointer-events:none}.stats-strip div{display:flex;gap:7px;align-items:baseline}.stats-strip b{font-size:15px;color:white}.stats-strip span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}@media(max-width:900px){.topbar{padding:0 14px}.topbar nav{margin-left:25px;gap:14px}.topbar nav a:nth-child(2){display:none}.hero-copy{left:18px;top:18px;width:250px}.hero-copy h1{font-size:30px}.hero-copy p,.data-note{display:none}.controls{left:14px;top:auto;bottom:14px;width:260px}.control-block:nth-of-type(2),.layers,.legend{display:none}.stats-strip{display:none}.inspector{right:12px;top:12px;width:280px}.orbit-help{display:none}}