:root{--bg-0:#080414;--bg-1:#120826;--bg-2:#1a0d3a;--ink-0:#f9f3ff;--ink-1:#b4a7d6;--neon-cyan:#5ef6ff;--neon-magenta:#ff3ea5;--neon-yellow:#ffe14a;--neon-red:#ff3b5c;--neon-green:#6bff9a;--accent:var(--neon-magenta);--border:#5ef6ff47;--scan:#5ef6ff0f}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-0);width:100%;height:100%;color:var(--ink-0);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:Zen Kaku Gothic New,DotGothic16,sans-serif;overflow:hidden}body{background:radial-gradient(ellipse at 30% 10%, #ff3ea52e, transparent 60%), radial-gradient(ellipse at 70% 85%, #5ef6ff2e, transparent 60%), linear-gradient(180deg, var(--bg-0) 0%, var(--bg-1) 55%, var(--bg-0) 100%)}.boot{isolation:isolate;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.boot__marquee{color:var(--neon-cyan);text-shadow:0 0 6px #5ef6ffcc;z-index:10;white-space:nowrap;pointer-events:none;opacity:.7;font-family:DotGothic16,monospace;font-size:12px;position:absolute;top:10px;left:0;right:0;overflow:hidden}.boot__marquee span{padding-left:100%;animation:28s linear infinite slide;display:inline-block}@keyframes slide{to{transform:translate(-100%)}}.app{z-index:2;place-items:center;width:100%;height:100%;display:grid;position:relative}#app canvas{max-width:100vw;max-height:100vh;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 0 24px #ff3ea526);display:block}.boot__crt{pointer-events:none;z-index:40;mix-blend-mode:multiply;opacity:.75;background:repeating-linear-gradient(#0000 0 2px,#00000038 3px,#0000 4px);position:absolute;inset:0}.boot__scan{pointer-events:none;z-index:41;mix-blend-mode:screen;background:linear-gradient(#0000,#5ef6ff73,#0000);height:6px;animation:7s linear infinite scanline;position:absolute;top:-10%;left:0;right:0}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(110vh)}}.boot__glow{pointer-events:none;z-index:3;background:radial-gradient(circle,#0000 40%,#0009 100%);position:absolute;inset:0}.boot__noise{pointer-events:none;z-index:42;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/></svg>");animation:.6s steps(3,end) infinite jitter;position:absolute;inset:0}@keyframes jitter{0%{transform:translate(0)}33%{transform:translate(-1px,1px)}66%{transform:translate(1px,-1px)}to{transform:translate(0)}}.boot__vignette{pointer-events:none;z-index:43;background:radial-gradient(#0000 55%,#000000e6 100%);position:absolute;inset:0}.ui-overlay{pointer-events:none;z-index:30;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.ui-overlay__inner{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:12px;padding:18px;display:flex}.btn{letter-spacing:.08em;color:var(--neon-cyan);border:2px solid var(--neon-cyan);cursor:pointer;text-transform:uppercase;background:0 0;border-radius:2px;padding:12px 22px;font-family:DotGothic16,monospace;font-size:16px;transition:all .12s;position:relative;box-shadow:0 0 #5ef6ff00}.btn:hover{background:#5ef6ff1f;transform:translateY(-1px);box-shadow:0 0 16px #5ef6ff99,inset 0 0 12px #5ef6ff33}.btn:active{transform:translateY(1px)}.btn--magenta{color:var(--neon-magenta);border-color:var(--neon-magenta)}.btn--magenta:hover{background:#ff3ea51f;box-shadow:0 0 16px #ff3ea599,inset 0 0 12px #ff3ea533}.btn--yellow{color:var(--neon-yellow);border-color:var(--neon-yellow)}.btn--yellow:hover{background:#ffe14a1f;box-shadow:0 0 16px #ffe14a99,inset 0 0 12px #ffe14a33}@media (width<=720px){.boot__marquee{font-size:10px}.btn{padding:10px 16px;font-size:13px}}