.invaders-page.svelte-12nh1im{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;background:var(--color-ground);display:flex;flex-direction:column}.invaders-page.svelte-12nh1im :where(.svelte-12nh1im){user-select:none;-webkit-user-select:none}.panel.svelte-12nh1im{flex:1;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) var(--space-5);max-width:420px;margin:0 auto;width:100%;box-sizing:border-box;justify-content:center;overflow-y:auto}h1.svelte-12nh1im{margin:0;font-family:var(--font-display);font-weight:500;font-size:32px;letter-spacing:-.04em}.legend.svelte-12nh1im{list-style:none;margin:0;padding:var(--space-3) var(--space-4);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-4);border-radius:var(--radius-control);background:#060607;border:3px solid #1c1c1f}.legend.svelte-12nh1im li:where(.svelte-12nh1im){display:flex;align-items:center;gap:var(--space-2);font:500 13px var(--font-mono);color:#f4f4f1}.led-svg.svelte-12nh1im{flex:none;filter:drop-shadow(0 0 2px currentColor)}.row-btns.svelte-12nh1im{display:flex;gap:var(--space-2)}.row-btns.svelte-12nh1im>:where(.svelte-12nh1im){flex:1}.hint.svelte-12nh1im{color:var(--color-text-2);margin:0;line-height:1.5}.result.svelte-12nh1im{font-size:18px;margin:0}.play-area.svelte-12nh1im{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}.hud.svelte-12nh1im{display:flex;align-items:center;gap:var(--space-3);max-width:640px;width:100%;margin:0 auto}.score.svelte-12nh1im{font:600 24px var(--font-mono);color:var(--color-volt-ink);text-shadow:0 0 10px color-mix(in srgb,var(--color-volt-ink) 55%,transparent);letter-spacing:.04em}.lives.svelte-12nh1im{display:inline-flex;gap:6px;align-items:center}.hud-actions.svelte-12nh1im{margin-left:auto;display:flex;gap:var(--space-2)}.hud.svelte-12nh1im .meta-label:where(.svelte-12nh1im){white-space:nowrap}.icon-btn.svelte-12nh1im{width:36px;height:36px;padding:0}.canvas-wrap.svelte-12nh1im{touch-action:none;flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center}canvas.svelte-12nh1im{display:block;border-radius:var(--radius-chip);border:3px solid #1c1c1f;box-shadow:0 0 0 1px #000,inset 0 0 12px #000;background:#060607;touch-action:none;cursor:crosshair}.pad.svelte-12nh1im{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:var(--space-2);max-width:480px;width:100%;margin:0 auto}.pad-btn.svelte-12nh1im{height:60px;border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface-1);color:var(--color-text-1);display:grid;place-items:center;touch-action:none}.pad-btn.fire.svelte-12nh1im{background:color-mix(in srgb,var(--color-invaders) 22%,var(--color-surface-1));border-color:color-mix(in srgb,var(--color-invaders) 55%,transparent)}.fire-label.svelte-12nh1im{font:700 15px var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.pad-btn.svelte-12nh1im:active{background:var(--color-volt-fill);color:var(--ink-on-accent)}@media (hover: hover) and (pointer: fine){.pad.svelte-12nh1im{display:none}}.overlay.svelte-12nh1im{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:var(--space-3);align-items:center;justify-content:center;text-align:center;background:#0a0a0b9e;font-family:var(--font-display);font-size:28px;color:#f4f4f1;padding:var(--space-4)}.overlay.over.svelte-12nh1im{background:#0a0a0bb8}.overlay.svelte-12nh1im .meta-label:where(.svelte-12nh1im){color:var(--color-invaders)}.overlay.svelte-12nh1im .hint:where(.svelte-12nh1im){color:#b4b4b9;font-family:var(--font-body);font-size:15px}.overlay.svelte-12nh1im .result:where(.svelte-12nh1im){font-family:var(--font-body)}.overlay.svelte-12nh1im button:where(.svelte-12nh1im){min-width:160px}.overlay.svelte-12nh1im .btn-ghost:where(.svelte-12nh1im){color:#f4f4f1;border-color:#f4f4f166}.banner.svelte-12nh1im{position:absolute;left:0;right:0;top:42%;margin:0;text-align:center;font:600 20px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#d7ff3d;text-shadow:0 0 12px rgba(215,255,61,.6);pointer-events:none}