html,body{overscroll-behavior:none;color:#e0f2fe;background:#070816;width:100%;min-width:0;height:100%;min-height:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}[hidden]{display:none!important}#app,.space-game{width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.space-game{touch-action:none;background:#070816;position:relative}.space-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}button{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.hud{inset-inline:0;z-index:10;box-sizing:border-box;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:14px 14px 0;display:flex;position:absolute;top:0}.hud-left,.hud-right{flex-direction:column;gap:3px;display:flex}.hud-left{background:#080d26b8;border:2px solid #67e8f9a6;min-width:116px;padding:7px 12px;box-shadow:0 0 18px #22d3ee29}.hud-label,#best{color:#93c5fd;letter-spacing:.12em;font-size:.68rem;font-weight:800}#score{color:#67e8f9;letter-spacing:.06em;font-size:clamp(1.45rem,4vw,1.9rem);font-weight:900;line-height:1}.hud-right{pointer-events:auto;align-items:flex-end}#lives{color:#22d3ee;letter-spacing:.1em;text-shadow:0 0 12px #22d3ee73;pointer-events:none;font-size:1.45rem}.pause-btn{color:#67e8f9;cursor:pointer;background:#080d26b8;border:2px solid #67e8f9bf;border-radius:12px;width:46px;height:46px;font-size:1.3rem;font-weight:900;box-shadow:0 0 16px #22d3ee29}.weapon-bar{z-index:14;inset-inline:12px;pointer-events:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid;position:absolute;bottom:94px}.hold-banner{z-index:12;box-sizing:border-box;color:#e0f2fe;text-align:center;pointer-events:none;background:#080d26c7;border:2px solid #67e8f96b;border-radius:999px;width:min(88%,420px);padding:9px 12px;font-size:clamp(.72rem,2.8vw,.9rem);font-weight:800;position:absolute;bottom:164px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #22d3ee1f}.weapon-btn{color:#cbd5e1;cursor:pointer;background:#0f172ac2;border:2px solid #94a3b847;border-radius:13px;place-items:center;gap:1px;min-height:54px;padding:5px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0a}.weapon-btn strong{font-size:clamp(.64rem,2.5vw,.85rem);line-height:1}.weapon-btn span{color:#93c5fd;font-size:.62rem}.weapon-btn.selected{color:#fff;border-color:var(--weapon-color,#67e8f9);box-shadow:0 0 18px color-mix(in srgb, var(--weapon-color,#67e8f9) 42%, transparent)}.weapon-btn.locked{opacity:.55;filter:grayscale(.65)}.move-pad{z-index:13;pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:18px;left:16px;right:16px}.move-btn{color:#67e8f9;pointer-events:auto;background:#080d26b3;border:2px solid #67e8f98c;border-radius:14px;place-items:center;width:86px;height:62px;font-size:1.4rem;font-weight:900;display:grid}.move-btn span{letter-spacing:.1em;color:#93c5fd;font-size:.56rem;display:block}.overlay{z-index:30;box-sizing:border-box;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0406169e;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.overlay h1{color:#67e8f9;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 20px #22d3ee7a;max-width:320px;margin:0;font-size:clamp(1.9rem,8vw,3rem);line-height:.96}.overlay p{color:#bfdbfe;max-width:320px;margin:0 0 6px;line-height:1.45}.primary,.secondary{cursor:pointer;letter-spacing:.03em;border-radius:999px;min-width:164px;min-height:46px;padding:0 22px;font-weight:900}.primary{color:#06121f;background:linear-gradient(135deg,#67e8f9,#38bdf8);border:0;box-shadow:0 0 22px #38bdf85c}.primary:disabled{opacity:.55;cursor:wait}.secondary{color:#bfdbfe;background:#0f172a9e;border:2px solid #94a3b852}@media (width>=700px){.weapon-bar,.move-pad{max-width:560px;margin-inline:auto}}