:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:#0a0c10;min-height:100%;margin:0;padding:0}#root{min-height:100svh}body{font-family:Share Tech Mono,ui-monospace,Consolas,monospace}.unit{background:linear-gradient(160deg,#3a3f4a 0%,#23262e 45%,#1a1c22 100%);border:1px solid #0d0e12;border-radius:14px;width:min(1040px,100%);padding:22px 26px 28px;position:relative;box-shadow:0 30px 60px -20px #000000b3,inset 0 1px #ffffff0f,inset 0 -2px 6px #00000080}.screw{background:radial-gradient(circle at 35% 30%,#6b7080,#202329 70%);border-radius:50%;width:16px;height:16px;position:absolute;box-shadow:inset 0 0 0 1px #0009,0 1px 1px #ffffff1a}.screw:after{content:"";background:#0000008c;height:2px;position:absolute;top:50%;left:15%;right:15%;transform:translateY(-50%)rotate(35deg)}.screw-tl{top:14px;left:14px}.screw-tr{top:14px;right:14px}.screw-bl{bottom:14px;left:14px}.screw-br{bottom:14px;right:14px}.unit-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:8px 34px 20px;display:flex}.power-cluster{align-items:center;gap:26px;display:flex}.power-btn{color:#3a0808;cursor:pointer;background:radial-gradient(circle at 35% 30%,#ff5c5c,#9c1d1d 75%);border:1px solid #1c0d0d;border-radius:10px;justify-content:center;align-items:center;width:52px;height:52px;transition:transform 80ms,box-shadow 80ms;display:flex;box-shadow:0 3px #6e1414,0 6px 10px #00000080,inset 0 1px 1px #ffffff59}.power-btn:active{transform:translateY(2px);box-shadow:0 1px #6e1414,0 3px 6px #00000080,inset 0 1px 1px #ffffff4d}.power-btn.engaged{color:#4a0a0a;background:radial-gradient(circle at 35% 30%,#ff8080,#c22626 75%)}.light-row{gap:22px;display:flex}.light-item{flex-direction:column;align-items:center;gap:6px;display:flex}.light{background:radial-gradient(circle at 35% 30%,#333844,#14161b 75%);border-radius:50%;width:15px;height:15px;transition:background .15s,box-shadow .15s;box-shadow:inset 0 1px 2px #000000b3,0 0 0 1px #0006}.light.small{width:11px;height:11px}.light.lit-cyan{background:radial-gradient(circle at 35% 30%,#baf6ff,#26e0ff 60%,#0891a8 100%);box-shadow:0 0 8px 2px #26e0ffd9,0 0 18px 6px #26e0ff66,inset 0 0 2px #fff9}.light.lit-amber{background:radial-gradient(circle at 35% 30%,#ffe6ba,#ffb020 60%,#a35c00 100%);box-shadow:0 0 8px 2px #ffb020d9,0 0 18px 6px #ffb02066,inset 0 0 2px #fff9}.light.blink{animation:.4s step-end infinite blink}@keyframes blink{50%{opacity:.25}}.light-item label{letter-spacing:1.5px;color:#8a8f9c;font-size:10px}.brand-plate{letter-spacing:3px;color:#cfd3dc;background:#101216;border:1px solid #050607;border-radius:6px;padding:12px 20px;font-family:Orbitron,Share Tech Mono,monospace;font-size:15px;font-weight:800;box-shadow:inset 0 0 12px #000000b3,inset 0 1px #ffffff0a}.unit-main{flex-wrap:wrap;gap:22px;padding:0 8px;display:flex}.screen-bezel{background:#05060a;border-radius:10px;flex:560px;padding:16px;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 10px 30px #000c}.screen{box-sizing:border-box;background:radial-gradient(at 50% 40%,#050a0d 0%,#010203 80%);border-radius:4px;height:480px;min-height:480px;padding:26px 30px;font-family:Share Tech Mono,monospace;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #000000e6}.screen--immersive{padding:0}.scanlines{pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);position:absolute;inset:0}.screen:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 90px 20px #000000d9}.boot-lines{color:#35e0c8;text-shadow:0 0 6px #35e0c8cc;font-size:14px;line-height:1.9}.caret{color:#7dfcea}.content-panel{opacity:0;text-align:center;padding-top:18px;transition:opacity .35s,transform .35s;transform:translateY(6px)}.content-panel.visible{opacity:1;transform:translateY(0)}.immersive-panel{text-align:left;padding:0;position:absolute;inset:0}.immersive-heading{z-index:2;pointer-events:none;margin:0;position:absolute;top:14px;left:50%;transform:translate(-50%)}.planets3d{cursor:grab;background:#02040a;position:absolute;inset:0;overflow:hidden}.planets3d:active{cursor:grabbing}.planets3d canvas{display:block}.planets3d-hint{letter-spacing:1.5px;color:#5a7683;pointer-events:none;white-space:nowrap;text-shadow:0 0 6px #000000e6;font-size:9px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.planet-info{letter-spacing:1px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#040a0ed9;border:1px solid #3fd7ff66;border-radius:6px;min-width:170px;padding:10px 14px;font-size:11px;position:absolute;bottom:14px;left:14px;box-shadow:0 0 16px #3fd7ff26}.planet-info-name{letter-spacing:2px;color:#b98bff;text-shadow:0 0 6px #b98bff99;margin-bottom:6px;font-family:Orbitron,Share Tech Mono,monospace;font-size:13px}.planet-info-row{color:#9fe9ff;justify-content:space-between;gap:14px;padding:2px 0;display:flex}.planet-info-row span:first-child{color:#4c6873}.protocol-links{box-sizing:border-box;background:radial-gradient(at 50% 40%,#050a0d 0%,#010203 80%);flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(36px,9vw,110px);padding:64px 30px 30px;display:flex;position:absolute;inset:0}.channel-node{cursor:pointer;color:#6ce8ff;width:168px;height:168px;transform-style:preserve-3d;will-change:transform;background:radial-gradient(circle at 50% 38%,#3fd7ff1a,#02040aeb 70%);border:1px solid #3fd7ff59;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-family:Share Tech Mono,monospace;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.channel-node:hover{border-color:#3fd7ffe6;box-shadow:0 0 34px #3fd7ff52,inset 0 0 22px #3fd7ff24}.channel-node.connecting{border-color:#ffb020d9;box-shadow:0 0 34px #ffb0204d,inset 0 0 22px #ffb02024}.channel-node:before,.channel-node:after{content:"";opacity:0;pointer-events:none;border:1px solid #3fd7ff80;border-radius:50%;position:absolute;inset:0}.channel-node:hover:before{animation:1.6s ease-out infinite channel-ping}.channel-node:hover:after{animation:1.6s ease-out .8s infinite channel-ping}@keyframes channel-ping{0%{opacity:.55;transform:scale(.92)}to{opacity:0;transform:scale(1.55)}}.channel-ring{pointer-events:none;border:1px dashed #3fd7ff52;border-radius:50%;animation:16s linear infinite channel-spin;position:absolute;inset:-14px}.channel-ring-2{border-color:#b98bff38;animation-duration:24s;animation-direction:reverse;inset:-28px}.channel-node:hover .channel-ring-1{border-color:#3fd7ffcc;animation-duration:4s}.channel-node:hover .channel-ring-2{border-color:#b98bff99;animation-duration:6s}@keyframes channel-spin{to{transform:rotate(360deg)}}.channel-core{background:#6ce8ff;border-radius:50%;width:10px;height:10px;margin-bottom:2px;animation:2.4s ease-in-out infinite channel-pulse;box-shadow:0 0 10px 3px #6ce8ffcc}@keyframes channel-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.channel-node.connecting .channel-core{background:#ffb020;animation:.4s ease-in-out infinite channel-pulse;box-shadow:0 0 12px 4px #ffb020e6}.channel-name{letter-spacing:3px;color:#cfefff;text-shadow:0 0 8px #6ce8ff99;font-size:15px;font-weight:700}.channel-handle{letter-spacing:1px;color:#4c6873;font-size:10px}.channel-status{letter-spacing:1px;color:#35e0c8;opacity:0;margin-top:4px;font-size:9px;transition:opacity .2s}.channel-node:hover .channel-status{opacity:1}.channel-node.connecting .channel-status{opacity:1;color:#ffb020}.audio-indicator{z-index:2;letter-spacing:2px;color:#35e0c8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;margin:-4px -6px;padding:4px 6px;font-family:Share Tech Mono,monospace;font-size:10px;transition:color .15s,background .15s;display:flex;position:absolute;top:16px;left:20px}.audio-indicator:hover{background:#35e0c814}.audio-indicator .dot{background:#35e0c8;border-radius:50%;width:6px;height:6px;transition:background .15s,box-shadow .15s;box-shadow:0 0 6px 2px #35e0c8e6}.audio-indicator.off{color:#566269}.audio-indicator.off:hover{background:#5662691f}.audio-indicator.off .dot{box-shadow:none;background:#3a4147}.content-heading{letter-spacing:4px;color:#35e0c8;text-shadow:0 0 8px #35e0c8b3;margin-bottom:18px;font-size:11px}.content-title{letter-spacing:6px;color:#b98bff;text-shadow:0 0 10px #b98bffe6,0 0 30px #b98bff80;margin-bottom:8px;font-family:Orbitron,Share Tech Mono,monospace;font-size:46px;font-weight:800}.content-subtitle{letter-spacing:5px;color:#6ce8ff;text-shadow:0 0 8px #6ce8ff99;margin-bottom:22px;font-size:12px}.content-divider{background:linear-gradient(90deg,#0000,#6ce8ff80,#0000);width:60%;height:1px;margin:0 auto 22px}.content-tagline{color:#35e0c8;max-width:460px;margin:0 auto 22px;font-size:16px;line-height:1.7}.content-tagline .hl{color:#b98bff;text-shadow:0 0 8px #b98bffb3}.content-stats{letter-spacing:2px;color:#6ce8ff;flex-direction:column;gap:8px;font-size:12px;display:flex}.stat-label{color:#4c6873}.stat-value{color:#6ce8ff;text-shadow:0 0 6px #6ce8ff99}.side-panel{flex-direction:column;flex:220px;max-width:260px;display:flex}.side-heading{letter-spacing:2px;color:#8a8f9c;border-bottom:1px solid #363b46;margin:6px 0 10px;padding-bottom:8px;font-size:11px}.tab-list{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.tab-row{cursor:pointer;letter-spacing:1.5px;color:#9199a8;background:#101216;border:1px solid #050607;border-radius:6px;align-items:center;gap:12px;padding:12px 14px;font-family:Share Tech Mono,monospace;font-size:12px;transition:color .15s,border-color .15s;display:flex}.tab-row:disabled{cursor:default;opacity:.7}.tab-row:not(:disabled):hover{color:#cfd3dc}.tab-indicator{background:#14161b;border-radius:3px;flex-shrink:0;width:12px;height:12px;box-shadow:inset 0 1px 2px #000000b3}.tab-indicator.lit{background:radial-gradient(circle at 35% 30%,#ffe6ba,#ffb020 60%,#a35c00 100%);box-shadow:0 0 8px 2px #ffb020d9}.tab-row:has(.tab-indicator.lit){color:#ffcf80;border-color:#ffb0204d}.status-list{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.status-row{align-items:center;gap:10px;display:flex}.status-label{letter-spacing:1.5px;color:#8a8f9c;font-size:11px}.plate-info{color:#565c68;letter-spacing:.5px;margin-top:auto;font-size:10px;line-height:1.8}@media (width<=720px){.unit-top{text-align:center;justify-content:center}.side-panel{max-width:none}}.stage{background:radial-gradient(circle at 50% 0,#131824 0%,#060709 70%),repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 3px);justify-content:center;align-items:center;min-height:100svh;padding:60px 20px;display:flex;position:relative;overflow:hidden}.monitor-glow{filter:blur(4px);pointer-events:none;mix-blend-mode:screen;background:radial-gradient(55% 60% at 50% 55%,#3fd7ff24,#0000 70%);width:min(1200px,92vw);height:640px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crt-monitor{flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}.crt-rear-hump{z-index:0;background:linear-gradient(#bcb39c 0%,#968c73 100%);border-radius:46% 46% 8px 8px/58% 58% 8px 8px;height:48%;position:absolute;top:-9%;left:15%;right:15%;box-shadow:inset 0 -10px 20px #00000026}.crt-case{--case-pad:clamp(22px, 2.4vw, 36px);z-index:1;width:min(calc(1040px + 2 * var(--case-pad)), 92vw);box-sizing:border-box;padding:var(--case-pad) var(--case-pad) 0;background:linear-gradient(170deg,#ded7c6 0%,#c7bea7 45%,#a89f88 100%);border-radius:22px 22px 16px 16px;position:relative;box-shadow:0 30px 60px -14px #000000b3,inset 0 2px #ffffff80,inset 0 -6px 14px #0000002e}.crt-vents{background:repeating-linear-gradient(90deg,#0000004d 0 3px,#0000 3px 9px);border-radius:3px;width:26%;height:5px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.crt-screen{border-radius:14px;position:relative;overflow:hidden}.crt-glass-glare{pointer-events:none;background:radial-gradient(60% 40% at 30% 22%,#ffffff1a,#0000 60%),linear-gradient(115deg,#ffffff12 0%,#ffffff05 16%,#0000 30%);position:absolute;inset:0}.crt-glass-vignette{pointer-events:none;border-radius:14px;position:absolute;inset:0;box-shadow:inset 0 0 60px 18px #0000008c}.crt-chin{justify-content:center;align-items:center;width:100%;height:clamp(68px,6.8vw,100px);margin-top:clamp(10px,1.4vw,18px);padding-bottom:clamp(14px,1.6vw,22px);display:flex;position:relative}.crt-brand-plate{letter-spacing:4px;color:#6b6250;font-family:Share Tech Mono,monospace;font-size:clamp(10px,1vw,13px)}.crt-controls{align-items:center;gap:10px;display:flex;position:absolute;bottom:clamp(14px,1.6vw,22px);right:clamp(22px,2.6vw,36px)}.crt-knob{background:radial-gradient(circle at 35% 30%,#f3efe4,#a89f88 70%);border-radius:50%;width:clamp(10px,1.1vw,14px);height:clamp(10px,1.1vw,14px);box-shadow:inset 0 1px 2px #fff9,0 1px 2px #0006}.crt-led{background:#4ee27a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px 2px #4ee27ad9}.crt-base{z-index:1;clip-path:polygon(4% 0,96% 0,100% 100%,0% 100%);background:linear-gradient(#b7ae97,#8c8369);width:min(74%,640px);height:clamp(22px,2.4vw,32px);margin-top:-4px;position:relative;box-shadow:0 16px 22px #00000073}