@font-face{font-family:"Press Start 2P";src:url(/assets/press-start-2p-xj9lRvVs.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#0b0a14;--bg-mid:#12102a;--bg-glow-inner:#2e1855;--bg-glow-outer:#18102b;--cube-top:#1e1a38;--cube-side:#130f25;--cube-edge:#2a2250;--accent-amber:#ffb84a;--amber-shadow:#b87820;--accent-cyan:#5ee9ff;--cyan-dim:#2a7a8a;--alert-pink:#ff4d8d;--hit-green:#3eea8a;--text-primary:#e8dfc8;--text-muted:#7a7292;--text-cyan:var(--accent-cyan);--surface:#120e20d1;--surface-hover:#1a1430eb;--surface-border:#5ee9ff2e;--surface-radius:2px;--cube-shadow:0 4px 0 var(--cube-side), 0 4px 0 1px var(--cube-edge), inset 0 1px 0 #ffffff0f;--cube-shadow-hover:0 6px 0 var(--cube-side), 0 6px 0 1px var(--cube-edge), inset 0 1px 0 #ffffff1a, 0 0 24px #5ee9ff1f;--btn-cta-shadow:0 4px 0 var(--amber-shadow), 0 4px 0 1px #6b4010, inset 0 1px 0 #ffffff26;--btn-cta-shadow-hover:0 6px 0 var(--amber-shadow), 0 6px 0 1px #6b4010, inset 0 1px 0 #ffffff38, 0 0 28px #ffb84a4d;--surface-glass:var(--surface);--surface-glass-hover:var(--surface-hover);--surface-shadow:var(--cube-shadow);--surface-shadow-hover:var(--cube-shadow-hover);--focus-ring:0 0 0 2px var(--accent-cyan);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:28px;--s-8:32px;--s-9:36px;--s-10:40px;--s-12:48px;--s-14:56px;--s-16:64px;--font-display:"Press Start 2P", system-ui, sans-serif;--font-body:system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--text-2xs:10px;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:28px;--text-3xl:40px;--hud-h:52px;--spring-ease:cubic-bezier(.34, 1.56, .64, 1);--ease-out-fast:cubic-bezier(0, 0, .2, 1);--transition-ms:.22s}body{background:radial-gradient(ellipse at 35% 55%, var(--bg-glow-inner) 0%, var(--bg-glow-outer) 42%, var(--bg) 85%) fixed, var(--bg);color:var(--text-primary);font-family:var(--font-body);background-image:repeating-linear-gradient(0deg, transparent, transparent 3px, #00000014 3px, #00000014 4px), radial-gradient(ellipse at 35% 55%, var(--bg-glow-inner) 0%, var(--bg-glow-outer) 42%, var(--bg) 85%)}:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (prefers-reduced-motion:reduce){:root{--transition-ms:0s;--spring-ease:linear}}.screen{transition:transform var(--transition-ms) var(--spring-ease), opacity var(--transition-ms) ease-out}.screen[data-entering]{opacity:0;transform:translateY(10px)}.screen[data-leaving]{opacity:0;transform:translateY(-10px)}.corner-ornament{pointer-events:none;width:10px;height:10px;position:absolute}.corner-ornament--tl{background:linear-gradient(135deg, var(--accent-cyan) 4px, transparent 4px), linear-gradient(225deg, var(--accent-cyan) 4px, transparent 4px);clip-path:polygon(0 0,10px 0,10px 2px,2px 2px,2px 10px,0 10px);background-position:0,100%;background-repeat:no-repeat;background-size:50% 100%,50% 100%;top:0;left:0}.corner-ornament--tr{clip-path:polygon(0 0,10px 0,10px 10px,8px 10px,8px 2px,0 2px);background:var(--accent-cyan);opacity:.5;top:0;right:0}.corner-ornament--br{clip-path:polygon(10px 10px,0 10px,0 8px,8px 8px,8px 0,10px 0);background:var(--accent-cyan);opacity:.35;bottom:0;right:0}.pixel-btn{font-family:var(--font-display);border-radius:var(--surface-radius);cursor:pointer;transition:transform var(--transition-ms) var(--spring-ease), box-shadow var(--transition-ms) ease;border:1px solid}.pixel-btn:active{transform:translateY(2px);box-shadow:none!important}button.primary{padding:var(--s-4) var(--s-7);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:3px;background:linear-gradient(180deg, var(--accent-amber) 0%, #d49434 100%);color:#0b0a14;border:1px solid var(--amber-shadow);border-radius:var(--surface-radius);cursor:pointer;box-shadow:var(--btn-cta-shadow);transition:transform var(--transition-ms) var(--spring-ease), box-shadow var(--transition-ms) ease}button.primary:hover{box-shadow:var(--btn-cta-shadow-hover);transform:translateY(-2px)}button.primary:active{box-shadow:none;transform:translateY(2px)}button.primary:disabled{opacity:.4;cursor:not-allowed;transform:none}button.secondary{padding:var(--s-3) var(--s-5);font-family:var(--font-mono);font-size:var(--text-sm);background:var(--surface);color:var(--text-primary);border:1px solid var(--surface-border);border-radius:var(--surface-radius);cursor:pointer;box-shadow:var(--cube-shadow);transition:background var(--transition-ms) ease, box-shadow var(--transition-ms) ease, transform var(--transition-ms) var(--spring-ease)}button.secondary:hover{background:var(--surface-hover);box-shadow:var(--cube-shadow-hover);transform:translateY(-2px)}button.secondary:active{box-shadow:none;transform:translateY(1px)}button.tiny{padding:var(--s-1) var(--s-3);font-size:var(--text-xs);font-family:var(--font-mono)}button.danger{color:var(--alert-pink);border:1px solid var(--alert-pink);border-radius:var(--surface-radius);cursor:pointer;padding:var(--s-3) var(--s-5);font-family:var(--font-mono);font-size:var(--text-sm);transition:background var(--transition-ms) ease, transform var(--transition-ms) var(--spring-ease);background:#ff4d8d24;box-shadow:0 2px #b41e5080}button.danger:hover{background:#ff4d8d47;transform:translateY(-1px)}button.danger:active{transform:translateY(1px)}@media (prefers-reduced-motion:reduce){button.primary,button.secondary,button.danger{transition:none}}
