:root{--background: #ffffff;--foreground: #171717;--card: #ffffff;--card-foreground: #171717;--popover: #ffffff;--popover-foreground: #171717;--primary: #171717;--primary-foreground: #fafafa;--secondary: #f5f5f5;--secondary-foreground: #171717;--muted: #f5f5f5;--muted-foreground: #737373;--accent: #f5f5f5;--accent-foreground: #171717;--destructive: #e7000b;--border: #e5e5e5;--input: #e5e5e5;--ring: #a1a1a1;--chart-1: #f54900;--chart-2: #009689;--chart-3: #104e64;--chart-4: #ffb900;--chart-5: #fe9a00;--radius: .625rem;--sidebar: #fafafa;--sidebar-foreground: #171717;--sidebar-primary: #171717;--sidebar-primary-foreground: #fafafa;--sidebar-accent: #f5f5f5;--sidebar-accent-foreground: #171717;--sidebar-border: #e5e5e5;--sidebar-ring: #a1a1a1;--font-sans: Arial, Helvetica, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}@media(prefers-color-scheme:dark){:root{--background: #0a0a0a;--foreground: #ededed;--card: #171717;--card-foreground: #ededed;--popover: #171717;--popover-foreground: #ededed;--primary: #ededed;--primary-foreground: #171717;--secondary: #262626;--secondary-foreground: #ededed;--muted: #262626;--muted-foreground: #a1a1a1;--accent: #262626;--accent-foreground: #ededed;--destructive: #ff6467;--border: #ffffff1a;--input: #ffffff26;--ring: #737373;--chart-1: #8e51ff;--chart-2: #00bc7d;--chart-3: #fe9a00;--chart-4: #ad46ff;--chart-5: #ff2056;--sidebar: #171717;--sidebar-foreground: #ededed;--sidebar-primary: #8e51ff;--sidebar-primary-foreground: #ededed;--sidebar-accent: #262626;--sidebar-accent-foreground: #ededed;--sidebar-border: #ffffff1a;--sidebar-ring: #737373}}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#020103}button,canvas{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}.arcade-page{min-height:100dvh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(255,29,171,.12),transparent 40%),#020103;color:#fff}.game-shell{position:relative;width:min(100vw,540px);height:100dvh;min-height:480px;overflow:hidden;isolation:isolate;background:#030205;box-shadow:0 0 80px #ff20b11f;touch-action:none;-webkit-user-select:none;user-select:none}.game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.game-hud{position:absolute;z-index:10;inset:0 0 auto;display:grid;grid-template-columns:1fr auto auto auto;align-items:start;gap:8px;padding:calc(env(safe-area-inset-top) + 12px) 12px 10px;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.74),transparent)}.hud-stat{min-width:58px;display:flex;flex-direction:column;line-height:1;text-shadow:0 2px 10px #000}.hud-stat span{margin-bottom:4px;color:#a9ff3b;font-size:9px;font-weight:900;letter-spacing:.2em}.hud-stat strong{color:#fff;font-family:var(--font-mono);font-size:15px;letter-spacing:.04em}.hud-wave,.hud-lives{text-align:center}.hud-button{display:inline-grid;width:32px;height:32px;padding:0;place-items:center;pointer-events:auto;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#040208b3;color:#fff;font-family:var(--font-mono);font-weight:900;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sensor-strip{position:absolute;z-index:10;inset:auto 0 calc(env(safe-area-inset-bottom) + 7px);display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:0 11px;pointer-events:none}.sensor-strip>button{padding:5px 7px;border:1px solid rgba(155,255,40,.2);border-radius:3px;background:#0000008a;color:#ddffc6c2;font-family:var(--font-mono);font-size:8px;font-weight:800;letter-spacing:.08em;pointer-events:auto}.power-meter{position:relative;width:130px;height:22px;overflow:hidden;border:1px solid rgba(154,255,38,.7);border-radius:3px;background:#000000b3;box-shadow:0 0 14px #7fff1840}.power-meter i{position:absolute;inset:0 auto 0 0;display:block;background:linear-gradient(90deg,#ff25b5,#a2ff23);transition:width .1s linear}.power-meter span{position:relative;z-index:1;display:grid;height:100%;place-items:center;color:#fff;font-family:var(--font-mono);font-size:8px;font-style:normal;font-weight:950;letter-spacing:.14em;text-shadow:0 1px 4px #000}.game-overlay{position:absolute;z-index:20;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top) + 24px) 24px calc(env(safe-area-inset-bottom) + 22px);text-align:center;background:#030107b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.intro-overlay{justify-content:space-between;background:linear-gradient(to bottom,#00000040,#030107c2 50%,#000000e0),radial-gradient(circle at 50% 42%,rgba(255,28,178,.14),transparent 40%)}.intro-scan{position:absolute;z-index:-1;inset:0;opacity:.18;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(255,255,255,.1) 4px,transparent 5px);animation:scan-drift 9s linear infinite}@keyframes scan-drift{to{transform:translateY(16px)}}.eyebrow{margin:0;color:#a9ff3b;font-family:var(--font-mono);font-size:clamp(9px,2.5vw,12px);font-weight:900;letter-spacing:.26em;text-transform:uppercase;text-shadow:0 0 12px rgba(144,255,42,.5)}.intro-mark{width:clamp(108px,28vw,150px);height:auto;margin:-2vh 0 -1vh;filter:drop-shadow(0 0 18px rgba(92,255,19,.42))}.intro-overlay h1{margin:0;color:#fff;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(42px,12vw,72px);font-weight:950;line-height:.82;letter-spacing:-.035em;text-transform:uppercase;text-shadow:4px 4px 0 #000,0 0 22px rgba(255,39,183,.32)}.intro-overlay h1 span{display:block;color:#ff2fba;font-size:.55em;letter-spacing:.18em;text-indent:.18em;-webkit-text-stroke:1px #fff}.intro-copy{max-width:390px;margin:0;color:#fffc;font-size:clamp(12px,3vw,15px);font-weight:650;line-height:1.45}.control-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.control-pills span{padding:5px 8px;border:1px solid rgba(255,255,255,.18);border-radius:2px;background:#0000006b;color:#ffffffb8;font-family:var(--font-mono);font-size:8px;font-weight:850;letter-spacing:.12em}.start-button{width:min(100%,320px);min-height:54px;border:2px solid #d9ff93;border-radius:3px;background:linear-gradient(180deg,#aaff30,#68c900);box-shadow:0 5px #285600,0 0 24px #83ff1752;color:#081100;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:21px;letter-spacing:.1em;text-shadow:0 1px 0 rgba(255,255,255,.35)}.start-button:hover,.start-button:focus-visible{background:linear-gradient(180deg,#b8ff4e,#78e000)}.start-button:active{transform:translateY(3px);box-shadow:0 2px #285600,0 0 18px #83ff1747}.permission-note,.intro-high{margin:0;color:#ffffff7a;font-family:var(--font-mono);font-size:8px;line-height:1.35}.intro-high{color:#ff78cc;font-weight:900;letter-spacing:.12em}.compact-overlay{gap:20px;background:#040108d1}.compact-overlay h2{margin:0;color:#fff;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(58px,16vw,88px);line-height:.9;letter-spacing:.02em;text-shadow:4px 4px 0 #000,0 0 24px rgba(255,39,183,.35)}.compact-overlay>p:not(.eyebrow){max-width:330px;margin:0;color:#ffffffb8;font-size:14px;line-height:1.5}.overlay-actions{display:grid;width:min(100%,320px);gap:12px}.outline-button{min-height:48px;border-color:#ffffff47;border-radius:3px;background:#0000006b;color:#fff;font-family:var(--font-mono);font-weight:900;letter-spacing:.12em}.final-score{display:flex;flex-direction:column;gap:4px;padding:14px 28px;border-top:1px solid rgba(255,45,185,.52);border-bottom:1px solid rgba(156,255,40,.52);background:#00000075}.final-score span{color:#9cff31;font-family:var(--font-mono);font-size:9px;font-weight:900;letter-spacing:.25em}.final-score strong{color:#fff;font-family:var(--font-mono);font-size:34px;letter-spacing:.04em}.landscape-blocker{position:absolute;z-index:100;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;background:#050207;color:#fff}.landscape-blocker span{color:#9dff2c;font-size:46px}.landscape-blocker strong{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:30px;letter-spacing:.08em}.landscape-blocker p{margin:0;color:#fff9;font-size:13px}@media(orientation:landscape)and (max-height:600px){.landscape-blocker{display:flex}}@media(max-height:680px){.game-overlay{padding-top:calc(env(safe-area-inset-top) + 12px);padding-bottom:calc(env(safe-area-inset-bottom) + 12px)}.intro-mark{width:90px}.intro-overlay h1{font-size:clamp(38px,10vh,60px)}.intro-copy{max-width:360px;font-size:11px}.permission-note{display:none}.start-button{min-height:48px}}@media(min-width:541px){.game-shell{border-right:1px solid rgba(146,255,40,.18);border-left:1px solid rgba(255,34,183,.18)}}@media(prefers-reduced-motion:reduce){.intro-scan{animation:none}}