@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Silkscreen:wght@400;700&display=swap");:root{--bg-deep:#0d1117;--bg-panel:#161c24;--bg-subpanel:#1e2733;--surface-raised:#252e3a;--mint-primary:#3de8aa;--mint-dark:#1a7a52;--mint-light:#8ef0cf;--amber:#f5a623;--amber-dark:#a06010;--blue-electric:#3a7fd4;--blue-sky:#6eb5e8;--white:#e6edf3;--white-dim:#7d8fa3;--black:#080b0f;--red-alert:#e0334c;--border-subtle:#1e2733}*{box-sizing:border-box;image-rendering:pixelated}body,html{background-color:var(--bg-deep);color:var(--white);font-family:Press Start\ 2P,monospace;margin:0;padding:0;line-height:1.8;font-size:13px;overflow-x:hidden}.retro-box{border:2px solid var(--border-subtle);outline:2px solid var(--mint-primary);box-shadow:3px 3px 0 0 var(--black)}.retro-box,.retro-box-mint{background-color:var(--bg-panel);position:relative;padding:24px;margin-bottom:24px;overflow-wrap:break-word;word-break:break-word;overflow:hidden}.retro-box-mint{border:2px solid var(--amber-dark);outline:2px solid var(--amber);box-shadow:4px 4px 0 0 var(--black)}.pixel-corners{position:relative}.pixel-corners:before{top:-4px;left:-4px}.pixel-corners:after,.pixel-corners:before{content:"";position:absolute;width:6px;height:6px;background-color:var(--mint-primary);border:1px solid var(--black);z-index:2}.pixel-corners:after{bottom:-4px;right:-4px}.pixel-btn{font-family:Press Start\ 2P,monospace;font-size:11px;padding:12px 18px;border:2px solid var(--black);background-color:var(--mint-primary);color:var(--black);cursor:pointer;text-transform:uppercase;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;box-shadow:inset -2px -2px 0 0 var(--mint-dark),inset 2px 2px 0 0 var(--mint-light),2px 2px 0 0 var(--black);transition:none}.pixel-btn:hover{background-color:var(--white);color:var(--black);box-shadow:inset -2px -2px 0 0 #238c8e,inset 2px 2px 0 0 #ffffff,2px 2px 0 0 var(--mint-dark)}.pixel-btn:active{transform:translate(2px,2px);box-shadow:inset 2px 2px 0 0 var(--mint-dark),0 0 0 0 var(--black)}.pixel-btn-blue{background-color:var(--bg-subpanel);color:var(--white);border:2px solid var(--black);box-shadow:inset -2px -2px 0 0 var(--bg-deep),inset 2px 2px 0 0 var(--blue-sky),2px 2px 0 0 var(--black)}.pixel-btn-blue:hover{background-color:var(--blue-electric);color:var(--white);box-shadow:inset -2px -2px 0 0 var(--bg-deep),inset 2px 2px 0 0 #cccccc,2px 2px 0 0 var(--border-subtle)}.pixel-btn-blue:active{transform:translate(2px,2px);box-shadow:none}.pixel-btn-danger{background-color:var(--red-alert);color:var(--white);border:2px solid var(--black);box-shadow:inset -2px -2px 0 0 #772233,inset 2px 2px 0 0 #ee7799,2px 2px 0 0 var(--black)}.pixel-btn-danger:hover{background-color:var(--white);color:var(--red-alert)}.pixel-btn-danger:active{transform:translate(2px,2px);box-shadow:none}.pixel-input{font-family:Press Start\ 2P,monospace;font-size:13px;background-color:var(--black);color:var(--mint-primary);border:2px solid var(--border-subtle);outline:2px solid var(--blue-electric);padding:14px;width:100%;box-shadow:inset 2px 2px 0 0 #050608}.pixel-input:focus{outline:2px solid var(--mint-primary);color:var(--white);background-color:#0a0e14}.pixel-input::placeholder{color:#4a5a6a}.pixel-badge{display:inline-block;font-size:9px;padding:4px 7px;background-color:var(--bg-deep);border:1px solid var(--mint-dark);color:var(--mint-primary);text-transform:uppercase;font-weight:700}.pixel-badge-blue{border-color:var(--blue-sky);color:var(--blue-sky)}.pixel-badge-white{border-color:var(--white-dim);color:var(--white)}.telemetry-bar{background-color:var(--black);border-bottom:3px solid var(--amber-dark);border-top:3px solid var(--amber);padding:10px 18px;flex-wrap:wrap;justify-content:space-between;font-size:9px;color:var(--mint-primary);position:relative;z-index:100}.telemetry-bar,.telemetry-item{display:flex;align-items:center;gap:6px;overflow:hidden}.telemetry-item{flex-shrink:1;min-width:0}.telemetry-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-led{width:7px;height:7px;background-color:var(--mint-primary);border:1px solid var(--black);box-shadow:0 0 0 1px var(--mint-dark);animation:led-pulse 3s ease-in-out infinite}@keyframes led-pulse{0%{opacity:.8;background-color:var(--mint-dark)}50%{opacity:1;background-color:var(--mint-primary)}to{opacity:.8;background-color:var(--mint-dark)}}.pixel-bar-container{display:inline-flex;gap:2px;vertical-align:middle}.pixel-bar-tick{width:7px;height:10px;background-color:var(--mint-primary);border:1px solid var(--black)}.pixel-bar-tick.dim{background-color:var(--border-subtle)}.retro-marquee{background-color:var(--bg-subpanel);border-bottom:2px solid var(--border-subtle);padding:6px 0;overflow:hidden;white-space:nowrap}.retro-marquee-content{display:inline-block;padding-left:100%;animation:marquee-scroll 35s linear infinite;color:var(--white-dim);font-size:9px}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.pixel-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.pixel-modal{background-color:var(--bg-panel);border:3px solid var(--black);outline:2px solid var(--mint-dark);box-shadow:6px 6px 0 0 var(--black);max-width:720px;width:100%;padding:24px;position:relative;max-height:90vh;overflow-y:auto;overflow-wrap:break-word;word-break:break-word}h1{font-size:20px;color:var(--mint-primary);margin:0 0 12px;letter-spacing:.5px}h1,h2{text-shadow:1px 1px 0 var(--black)}h2{font-size:15px;color:var(--white);margin:0 0 10px}h3{font-size:13px;color:var(--mint-primary);text-shadow:1px 1px 0 var(--black);margin:0 0 8px}p{color:var(--white-dim);font-size:10px;line-height:1.7}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}@media (max-width:768px){.hub-grid{grid-template-columns:1fr}.telemetry-bar{font-size:8px;gap:5px;padding:7px 10px;justify-content:center}.telemetry-item{gap:5px}h1{font-size:15px}.retro-box,.retro-box-mint{padding:16px}.pixel-btn{font-size:9px;padding:10px 12px}}