@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Orbitron:wght@400;600;700;900&family=Share+Tech+Mono&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Orbitron:wght@400;600;700;900&family=Share+Tech+Mono&display=swap";.show-mobile,.show-mobile-inline{display:none!important}@media (width<=767px){.hidden-mobile{display:none!important}.show-mobile{display:block!important}.show-mobile-inline{display:inline-block!important}.split-panel>div{flex:none!important;width:100%!important}.flex-mobile-col{flex-flow:column!important}.flex-mobile-col>div{flex:none!important;width:100%!important}.flex-mobile-col>div>.hud-frame{height:auto!important}.mobile-tabs{height:calc(56px + env(safe-area-inset-bottom,0px));z-index:100;padding-bottom:env(safe-area-inset-bottom,0px);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;background-color:var(--panel)!important;border-top:1px solid var(--border-2)!important}.mobile-tab-btn{cursor:pointer;color:var(--text-secondary);transition:color var(--transition-fast);flex-direction:column;align-items:center;display:flex;background:0 0!important;border:none!important;padding:4px!important}.mobile-tab-btn:hover{color:var(--cyan)!important;background-color:#0000!important}.split-panel{height:auto!important;min-height:unset!important}.content-panel{padding-bottom:120px!important}}@keyframes starTwinkle{0%{opacity:.25}50%{opacity:.85}to{opacity:.45}}@keyframes nebulaDrift{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.08)}to{transform:rotate(360deg)scale(1)}}@keyframes ticker-scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes blink-cursor{50%{opacity:0}}@keyframes pulse-status{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes pulse-glow{0%,to{box-shadow:var(--cyan-glow-sm)}50%{box-shadow:var(--cyan-glow-md)}}@keyframes xp-float{0%{opacity:1;transform:translateY(0)scale(1)}60%{opacity:1;transform:translateY(-24px)scale(1.1)}to{opacity:0;transform:translateY(-40px)scale(.9)}}@keyframes glitch-1{0%,to{clip-path:none;transform:translate(0)}20%{clip-path:inset(30% 0 50%);color:var(--red);transform:translate(-3px)}40%{clip-path:inset(60% 0 10%);color:var(--cyan);transform:translate(3px)}60%{clip-path:inset(10% 0 80%);transform:translateY(1px)}80%{clip-path:none;transform:translate(1px)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes load-fill{0%{width:0%}to{width:var(--target-width,100%)}}@keyframes boot-line{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes reticle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hud-frame{background:var(--panel);border:1px solid var(--border-1);padding:var(--sp-4);-webkit-backdrop-filter:blur(12px);position:relative}.hud-frame:before,.hud-frame:after,.hud-frame>.hud-corner-bl,.hud-frame>.hud-corner-tr{content:"";z-index:2;width:14px;height:14px;position:absolute}.hud-frame:before{border-top:2px solid var(--cyan);border-left:2px solid var(--cyan);top:-1px;left:-1px}.hud-frame:after{border-bottom:2px solid var(--cyan);border-right:2px solid var(--cyan);bottom:-1px;right:-1px}.hud-frame.active{border-color:var(--border-hot);box-shadow:inset 0 0 20px #00e5ff0a}.hud-frame.active:before,.hud-frame.active:after{border-color:var(--cyan-bright)}.hud-frame.danger{border-color:#f246}.hud-frame.danger:before,.hud-frame.danger:after{border-color:var(--red)}.hud-header{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-left:3px solid var(--cyan);margin-bottom:var(--sp-4);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);background:linear-gradient(90deg,#00e5ff12 0%,#0000 70%);font-weight:600;display:flex}.hud-header .hud-header-sep{color:var(--text-4);margin:0 var(--sp-1)}.hud-header .hud-header-sub{color:var(--text-3);font-weight:400}.hud-header .hud-status-dot{background:var(--green);width:6px;height:6px;box-shadow:var(--green-glow);flex-shrink:0;animation:2s infinite pulse-status}.badge{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;border:1px solid;align-items:center;padding:1px 8px;font-weight:600;line-height:1.6;display:inline-flex}.badge-cyan{color:var(--cyan);background:#00e5ff14}.badge-green{color:var(--green);background:#00ff8814}.badge-amber{color:var(--amber);background:#ffbb0014}.badge-red{color:var(--red);background:#ff224414}.badge-purple{color:var(--purple);background:#aa44ff14}.badge-dim{color:var(--text-3);border-color:var(--border-1);background:0 0}.seg-bar{align-items:center;gap:2px;display:flex}.seg-bar-track{flex:1;gap:2px;display:flex}.seg-bar-track .seg{background:var(--border-1);height:8px;transition:background var(--transition-base);flex:1}.seg-bar-track .seg.filled{background:var(--cyan)}.seg-bar-track .seg.filled-green{background:var(--green)}.seg-bar-track .seg.filled-amber{background:var(--amber)}.seg-bar-track .seg.filled-red{background:var(--red)}.seg-bar-label{font-size:var(--text-xs);color:var(--text-3);text-align:right;min-width:3ch}.progress-bar{background:var(--border-1);height:3px;position:relative;overflow:hidden}.progress-bar-fill{background:var(--cyan);transition:width .6s;position:absolute;top:0;bottom:0;left:0}.progress-bar-fill.green{background:var(--green)}.progress-bar-fill.amber{background:var(--amber)}.progress-bar-fill.red{background:var(--red)}.progress-bar-fill.purple{background:var(--purple)}.hud-divider{border:none;border-top:1px solid var(--border-1);margin:var(--sp-3) 0}.btn{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:1px solid var(--border-2);color:var(--text-2);transition:all var(--transition-fast);white-space:nowrap;background:0 0;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-ghost)}.btn:active{transform:scale(.98)}.btn-primary{border-color:var(--cyan);color:var(--cyan);background:#00e5ff0f}.btn-primary:hover{box-shadow:var(--cyan-glow-sm);background:#00e5ff24}.btn-danger{border-color:var(--red);color:var(--red);background:#ff22440f}.btn-ghost{color:var(--text-3);border-color:#0000}.btn-ghost:hover{border-color:var(--border-2);color:var(--text-2)}.hud-input{background:var(--void);border:1px solid var(--border-1);width:100%;color:var(--text-1);font-family:var(--font-mono);font-size:var(--text-base);padding:var(--sp-2) var(--sp-3);transition:border-color var(--transition-fast);outline:none}.hud-input::placeholder{color:var(--text-4)}.hud-input:focus{border-color:var(--cyan-dim);box-shadow:0 0 0 1px #00e5ff26}.scanlines-overlay{pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,#0000 0 3px,#0000000a 3px 4px);position:fixed;inset:0}.data-ticker{font-size:var(--text-xs);color:var(--text-4);letter-spacing:.08em;white-space:nowrap;font-family:var(--font-mono);-webkit-user-select:none;user-select:none;overflow:hidden}.data-ticker-inner{animation:60s linear infinite ticker-scroll;display:inline-block}.terminal-output{background:var(--void);border:1px solid var(--border-1);border-left:3px solid var(--green);padding:var(--sp-3) var(--sp-4);font-size:var(--text-sm);color:var(--text-terminal);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;min-height:80px;line-height:1.7}.terminal-output.error{border-left-color:var(--red);color:var(--red)}.terminal-output .prompt{color:var(--cyan-dim);margin-right:var(--sp-2)}.terminal-output .cursor:after{content:"█";animation:1s step-end infinite blink-cursor}.scanlines{pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,#0000 0 3px,#0000000a 3px 4px);position:fixed;inset:0}.scanline-beam{display:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--void:#090a12;--hull:#0d0f1a;--panel:#14172ea6;--surface:#1f2445;--overlay:#181b33;--highlight:#2d3460;--border-0:#121528;--border-1:#242b54;--border-2:#444c6c;--border-hot:#8a94c7;--cyan:#7f8ee8;--cyan-bright:#b3bcff;--cyan-dim:#5664be;--cyan-ghost:#7f8ee814;--cyan-glow-sm:0 0 6px #7f8ee8b3;--cyan-glow-md:0 0 12px #7f8ee880, 0 0 28px #7f8ee826;--cyan-glow-lg:0 0 20px #7f8ee899, 0 0 50px #7f8ee833;--green:#8cd4ab;--green-dim:#5aa178;--green-glow:0 0 8px #8cd4ab99;--amber:#e2a567;--amber-dim:#b17942;--amber-glow:0 0 8px #e2a56799;--red:#df6270;--red-dim:#b13c4a;--red-glow:0 0 8px #df627099;--purple:#444c6c;--purple-glow:0 0 8px #444c6c99;--text-1:#f0f1f7;--text-2:#a4acc4;--text-3:#656c92;--text-4:#373c57;--text-terminal:#8cd4ab;--text-warn:#e2a567;--text-danger:#df6270;--text-link:#7f8ee8;--font-mono:"JetBrains Mono", "Share Tech Mono", "Courier New", monospace;--font-display:"Orbitron", "JetBrains Mono", sans-serif;--text-xs:.65rem;--text-sm:.75rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--radius:0px;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.35s ease;--bg-hull:var(--hull);--border-base:var(--border-1);--bg-panel:var(--panel);--bg-surface:#1f2445b3}html{font-size:clamp(14px,1.1vw,20px)}body{font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-2);background-color:var(--hull);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.6;overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--panel)}::-webkit-scrollbar-thumb{background:var(--border-2)}::-webkit-scrollbar-thumb:hover{background:var(--cyan-dim)}::selection{color:var(--cyan-bright);background:#00e5ff40}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.align-self-start{align-self:flex-start}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.px-md{padding-left:16px;padding-right:16px}button{color:inherit;border:1px solid var(--border-1);font-family:inherit;font-size:inherit;cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:0;outline:none}button:hover{border-color:var(--cyan);color:var(--cyan);background-color:var(--cyan-ghost)}button:active{transform:scale(.98)}select,input,textarea{background-color:var(--void);color:var(--text-2);border:1px solid var(--border-base);font-family:var(--font-mono);font-size:var(--text-sm);border-radius:0;outline:none;padding:4px 8px}option{background-color:var(--void);color:var(--text-2)}.content-panel{z-index:1;flex-direction:column;flex:1;padding:16px 16px 80px;display:flex;position:relative;overflow:auto}.show-mobile,.show-mobile-inline{display:none!important}.hidden-mobile{display:block!important}@media (width<=767px){.hidden-mobile{display:none!important}.show-mobile{display:block!important}.show-mobile-inline{display:inline-block!important}.split-panel>div{flex:none!important;width:100%!important}.flex-mobile-col{flex-flow:column!important}.flex-mobile-col>div{flex:none!important;width:100%!important}.flex-mobile-col>div>.hud-frame{height:auto!important}.mobile-tabs{height:calc(56px + env(safe-area-inset-bottom,0px));z-index:100;padding-bottom:env(safe-area-inset-bottom,0px);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;background-color:var(--panel)!important;border-top:1px solid var(--border-2)!important}.mobile-tab-btn{cursor:pointer;color:var(--text-secondary);transition:color var(--transition-fast);flex-direction:column;align-items:center;display:flex;background:0 0!important;border:none!important;padding:4px!important}.mobile-tab-btn:hover{color:var(--cyan)!important;background-color:#0000!important}.split-panel{height:auto!important;min-height:unset!important}.content-panel{padding-bottom:120px!important}}.space-background{z-index:0;background:radial-gradient(circle,#171b30 0%,#07080f 80%);position:fixed;inset:0;overflow:hidden}.bg-grid{pointer-events:none;z-index:1;background-image:radial-gradient(circle, var(--border-1) 1px, transparent 1px);opacity:.12;background-size:24px 24px;position:absolute;inset:0}.nebula-glow{filter:blur(50px);pointer-events:none;background:radial-gradient(circle at 30% 40%,#656c921f 0%,#0000 50%),radial-gradient(circle at 70% 60%,#1f24452e 0%,#0000 60%);animation:40s linear infinite nebulaDrift;position:absolute;inset:-50%}.stars-layer-1{background:0 0;width:1px;height:1px;animation:4s ease-in-out infinite alternate starTwinkle;position:absolute;inset:0;box-shadow:10vw 20vh #fff,30vw 10vh #ffffffb3,80vw 15vh #fff,90vw 5vh #ffffff4d,5vw 45vh #fffc,25vw 35vh #fff,60vw 40vh #ffffff80,75vw 50vh #fff,15vw 70vh #fff,40vw 60vh #fff9,50vw 80vh #fff,85vw 75vh #fff6,35vw 90vh #ffffffb3,65vw 85vh #fff,95vw 95vh #ffffff80,55vw 25vh #fff}.stars-layer-2{background:0 0;width:1.5px;height:1.5px;animation:6s ease-in-out infinite alternate-reverse starTwinkle;position:absolute;inset:0;box-shadow:20vw 25vh #a4acc4,45vw 15vh #7f8ee8cc,70vw 5vh #a4acc4,85vw 35vh #7f8ee880,12vw 60vh #7f8ee8e6,30vw 80vh #a4acc4,65vw 70vh #7f8ee899,92vw 55vh #a4acc4,8vw 15vh #7f8ee8b3,52vw 45vh #a4acc4,78vw 90vh #7f8ee8cc,22vw 95vh #a4acc4}.stars-layer-3{background:0 0;border-radius:50%;width:2.5px;height:2.5px;animation:8s ease-in-out infinite alternate starTwinkle;position:absolute;inset:0;box-shadow:15vw 10vh #fff,60vw 18vh #fff,80vw 45vh #fff,35vw 75vh #fff,90vw 85vh #fff,50vw 92vh #fff,5vw 80vh #fff,72vw 65vh #fff,28vw 48vh #fff,55vw 5vh #fff}.xp-gain-toast{pointer-events:none;z-index:10000;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--green);text-shadow:var(--green-glow);font-weight:700;animation:1.4s ease-out forwards xp-float;position:fixed}.glitch-effect{animation:.4s steps(2,end) glitch-1;position:relative}.typewriter{white-space:nowrap;animation:1.2s steps(60,end) forwards typewriter;overflow:hidden}.fade-in-up{animation:.25s forwards fade-in-up}.slide-in-right{animation:.2s forwards slide-in-right}.reticle-spin{animation:8s linear infinite reticle-spin}