@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;800;900&family=Share+Tech+Mono&family=Inter:wght@300;400;500;600&display=swap";
:root{--bg-core:#090b0e;--bg-panel:#0d1117b3;--bg-panel-solid:#0d1117;--bg-active:#00f0ff1a;--cyan-primary:#00f0ff;--cyan-glow:#00f0ff66;--cyan-dark:#00a4b0;--cyan-dim:#00f0ff26;--red-primary:#ff2a2a;--red-glow:#ff2a2a80;--red-dark:#b31010;--red-dim:#ff2a2a26;--amber-primary:#ff9d00;--amber-glow:#ff9d0080;--amber-dark:#b36e00;--amber-dim:#ff9d0026;--green-primary:#0f6;--green-glow:#0f66;--border-cyan:1px solid var(--cyan-dim);--border-cyan-active:1px solid var(--cyan-primary);--border-red:1px solid var(--red-dim);--border-red-active:1px solid var(--red-primary);--font-header:"Orbitron", sans-serif;--font-mono:"Share Tech Mono", monospace;--font-sans:"Inter", sans-serif;--scanline-opacity:.12}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--cyan-dim) transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background-color:var(--bg-core);color:#c4d1db;width:100vw;height:100vh;font-family:var(--font-sans);margin:0;padding:0;font-size:14px;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:var(--cyan-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cyan-primary);box-shadow:0 0 10px var(--cyan-glow)}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);letter-spacing:.1em;text-transform:uppercase}code,pre,.terminal-text{font-family:var(--font-mono)}.scanlines{z-index:9999;pointer-events:none;width:100%;height:100%;opacity:var(--scanline-opacity);background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/6px 100%;position:fixed;top:0;left:0}@keyframes crt-flicker{0%{opacity:.985}50%{opacity:.995}to{opacity:.985}}.crt-screen{width:100%;height:100%;animation:.15s infinite crt-flicker;position:relative;overflow:hidden}.imperial-grid{z-index:1;background-color:#0000;background-image:radial-gradient(circle,#0d1b2a66 0%,#090b0e 100%),linear-gradient(#00f0ff05 1px,#0000 1px),linear-gradient(90deg,#00f0ff05 1px,#0000 1px);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:100% 100%,40px 40px,40px 40px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:100%;height:100%;position:absolute;top:0;left:0}.holo-glow-cyan{text-shadow:0 0 8px var(--cyan-glow);color:var(--cyan-primary)}.holo-glow-red{text-shadow:0 0 8px var(--red-glow);color:var(--red-primary)}.holo-glow-amber{text-shadow:0 0 8px var(--amber-glow);color:var(--amber-primary)}.imperial-btn{border:1px solid var(--cyan-dim);color:var(--cyan-primary);font-family:var(--font-header);letter-spacing:.1em;cursor:pointer;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));background:#00f0ff0d;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.15,.85,.45,1);position:relative;overflow:hidden}.imperial-btn:before{content:"";background:linear-gradient(90deg,#0000,#00f0ff33,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.imperial-btn:hover:before{left:100%}.imperial-btn:hover{border-color:var(--cyan-primary);text-shadow:0 0 5px var(--cyan-primary);background:#00f0ff26;box-shadow:0 0 15px #00f0ff4d}.imperial-btn:active{background:#00f0ff40;transform:scale(.98)}.imperial-btn.restricted{color:var(--red-primary);border-color:var(--red-dim);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));background:#ff2a2a0d}.imperial-btn.restricted:hover{border-color:var(--red-primary);text-shadow:0 0 5px var(--red-primary);background:#ff2a2a26;box-shadow:0 0 15px #ff2a2a66}.imperial-btn.restricted:before{background:linear-gradient(90deg,#0000,#ff2a2a33,#0000)}.imperial-panel{background:var(--bg-panel);border:1px solid var(--cyan-dim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #00000080,inset 0 0 20px #00f0ff05}.imperial-input{border:1px solid var(--cyan-dim);color:#fff;font-family:var(--font-mono);background:#00000080;outline:none;padding:8px 12px;font-size:13px;transition:all .2s}.imperial-input:focus{border-color:var(--cyan-primary);box-shadow:0 0 8px var(--cyan-dim)}@keyframes holo-pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.pulse{animation:2s ease-in-out infinite holo-pulse}
