@import url("https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap");:root{--bg-void:#07080a;--bg-base:#0b0d11;--bg-panel:#10141a;--bg-raised:#161b23;--glass-fill:rgba(22,27,35,.55);--glass-fill-strong:rgba(22,27,35,.78);--glass-border:rgba(120,150,190,.18);--glass-border-hot:rgba(120,200,255,.45);--bevel-light:rgba(180,210,255,.14);--bevel-dark:rgba(0,0,0,.6);--text-primary:#e8edf4;--text-muted:#8b97a8;--text-dim:#5a6473;--accent:#35d0ff;--accent-dim:#1a8bb5;--warn:#ffb020;--danger:#ff4d5e;--ok:#37e0a0;--glow-accent:0 0 12px rgba(53,208,255,.45);--glow-danger:0 0 12px rgba(255,77,94,.45);--t-fast:90ms;--t-med:220ms;--t-slow:600ms;--gutter:16px;--radius:2px;--font-hud:"Courier New",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--font-gothic:"UnifrakturMaguntia","Old English Text MT","Cloister Black","Engravers Old English BT","Blackletter",serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--bg-void);color:var(--text-primary);font-family:var(--font-hud);font-size:14px;line-height:1.5;letter-spacing:.02em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-raised);border:1px solid var(--glass-border)}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}.glass{background:var(--glass-fill);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:inset 1px 1px 0 var(--bevel-light),inset -1px -1px 0 var(--bevel-dark),0 8px 24px rgba(0,0,0,.5)}.glass-strong{background:var(--glass-fill-strong)}.scanlines:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,hsla(0,0%,100%,.015) 0,hsla(0,0%,100%,.015) 1px,transparent 0,transparent 3px);border-radius:inherit}.hud-btn{font-family:var(--font-hud);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary);background:linear-gradient(180deg,var(--bg-raised),var(--bg-panel));border:1px solid var(--glass-border);border-radius:var(--radius);padding:10px 18px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;transition:transform var(--t-fast) ease,box-shadow var(--t-fast) ease,border-color var(--t-med) ease,background var(--t-med) ease;box-shadow:inset 1px 1px 0 var(--bevel-light),inset -1px -1px 0 var(--bevel-dark),0 2px 6px rgba(0,0,0,.5)}.hud-btn:hover{border-color:var(--glass-border-hot);box-shadow:inset 1px 1px 0 var(--bevel-light),inset -1px -1px 0 var(--bevel-dark),var(--glow-accent)}.hud-btn:active,.hud-btn[data-pressed=true]{transform:translateY(1px) scale(.985);background:linear-gradient(180deg,var(--bg-panel),var(--bg-base));box-shadow:inset -1px -1px 0 var(--bevel-light),inset 1px 1px 0 var(--bevel-dark),0 1px 2px rgba(0,0,0,.6)}.hud-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:inset 1px 1px 0 var(--bevel-light),inset -1px -1px 0 var(--bevel-dark)}.hud-btn.danger{color:#ffd7db;border-color:rgba(255,77,94,.4)}.hud-btn.danger:hover{border-color:var(--danger);box-shadow:inset 1px 1px 0 var(--bevel-light),inset -1px -1px 0 var(--bevel-dark),var(--glow-danger)}.hud-btn.primary{color:#d6f6ff;border-color:rgba(53,208,255,.4)}.hud-input,.hud-textarea{font-family:var(--font-hud);font-size:14px;color:var(--text-primary);background:var(--bg-base);border:1px solid var(--glass-border);border-radius:var(--radius);padding:12px 14px;width:100%;outline:none;transition:border-color var(--t-med) ease,box-shadow var(--t-med) ease;box-shadow:inset 1px 1px 0 var(--bevel-dark)}.hud-input:focus,.hud-textarea:focus{border-color:var(--glass-border-hot);box-shadow:inset 1px 1px 0 var(--bevel-dark),var(--glow-accent)}.hud-input::placeholder,.hud-textarea::placeholder{color:var(--text-dim)}.smoke-stage{position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#101319 0,var(--bg-void) 70%)}.smoke{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(80px);opacity:.5;mix-blend-mode:screen}.smoke.a{background:radial-gradient(circle,rgba(80,120,160,.35),transparent 60%);top:-10%;left:-5%;animation:drift-a 26s ease-in-out infinite alternate}.smoke.b{background:radial-gradient(circle,rgba(60,90,130,.3),transparent 60%);bottom:-15%;right:-10%;animation:drift-b 32s ease-in-out infinite alternate}.smoke.c{background:radial-gradient(circle,rgba(120,140,170,.22),transparent 60%);top:30%;left:40%;animation:drift-c 40s ease-in-out infinite alternate}@keyframes drift-a{0%{transform:translate(0) scale(1)}to{transform:translate(12vw,8vh) scale(1.25)}}@keyframes drift-b{0%{transform:translate(0) scale(1.1)}to{transform:translate(-14vw,-6vh) scale(1.35)}}@keyframes drift-c{0%{transform:translate(0) scale(.9)}to{transform:translate(-8vw,10vh) scale(1.2)}}.fade-in{animation:fadeIn var(--t-slow) ease forwards}.fade-out{animation:fadeOut var(--t-slow) ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.marquee{overflow:hidden;white-space:nowrap;position:relative}.marquee__track{display:inline-block;padding-left:100%;animation:marquee 22s linear infinite;color:var(--warn);font-weight:700;letter-spacing:.15em;text-transform:uppercase}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.mono{font-family:var(--font-hud)}.font-gothic{font-family:var(--font-gothic);letter-spacing:.05em}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.uppercase{text-transform:uppercase;letter-spacing:.12em}.center{display:flex;align-items:center;justify-content:center}.relative{position:relative}.pin-fx-bold{font-weight:800}.pin-fx-italic{font-style:italic}.pin-fx-blink{animation:pin-blink 1.1s steps(2,start) infinite}@keyframes pin-blink{50%{opacity:.15}}.pin-fx-rainbow{animation:pin-rainbow 4s linear infinite}@keyframes pin-rainbow{0%{color:#f54747}25%{color:#9ef547}50%{color:#47f5f5}75%{color:#9e47f5}to{color:#f54747}}.pin-fx-gradient{background:linear-gradient(90deg,#35d0ff,#b57cff,#37e0a0,#ffb020,#35d0ff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:pin-gradient-shift 3s linear infinite}@keyframes pin-gradient-shift{to{background-position:200%}}.fx-bold{font-weight:800}.fx-italic{font-style:italic}.fx-blink{animation:pin-blink 1.1s steps(2,start) infinite}.fx-flash{animation:fx-flash .4s steps(2,start) infinite}@keyframes fx-flash{50%{opacity:.1}}.fx-rainbow{animation:pin-rainbow 4s linear infinite}.fx-scroll-wrap{overflow:hidden;white-space:nowrap}.fx-scroll-track{display:inline-block;padding-left:100%;animation:fx-scroll 9s linear infinite}@keyframes fx-scroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.fx-gradient-anim{background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:pin-gradient-shift 3s linear infinite}.fx-me{font-style:italic;font-weight:700;color:var(--accent)}.msg-flash{animation:msg-flash 1.3s ease}@keyframes msg-flash{0%{background:rgba(53,208,255,.28)}to{background:transparent}}@media (prefers-reduced-motion:reduce){.fx-blink,.fx-flash,.fx-rainbow,.fx-scroll-track,.marquee__track,.pin-fx-blink,.pin-fx-gradient,.pin-fx-rainbow,.smoke{animation:none!important}.fade-in,.fade-out{animation-duration:1ms!important}}