:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fbff;background:#0a0a14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background-color:#0a0a14;background-image:linear-gradient(#00fff00d 1px,#0000 1px),linear-gradient(90deg,#ff00aa0d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;margin:0}button{font:inherit;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.game-shell{width:min(100% - 28px,920px);margin:0 auto;padding:24px 0}.topline{justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px;display:flex}.eyebrow{color:#00fff0;letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}h1,h2{letter-spacing:0;margin:0}h1{color:#ffea00;text-shadow:0 0 18px #ffea008c,0 0 32px #ff00aa52;font-size:clamp(34px,8vw,72px);line-height:.92}h2{font-size:clamp(24px,4vw,40px)}.hud{grid-template-columns:repeat(5,minmax(64px,1fr));gap:8px;min-width:min(100%,520px);display:grid}.hud div{background:#0c0c1cd1;border:1px solid #00fff047;min-height:54px;padding:8px 10px}.hud span{color:#9ba0b8;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.hud strong{color:#f8fbff;font-size:20px}.stage-wrap{width:min(100%,720px);margin:0 auto;position:relative}canvas{width:100%;height:auto;image-rendering:pixelated;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0a0a14;border:1px solid #00fff080;display:block;box-shadow:0 0 32px #00fff02e,0 24px 80px #00000073}.touch-controls{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;justify-content:space-between;align-items:end;gap:16px;width:min(100%,720px);margin:14px auto 0;display:none}.touch-pad{grid-template-columns:repeat(3,62px);gap:8px;display:grid}.touch-pad span{visibility:hidden}.touch-controls button{color:#f8fbff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;min-height:58px;font-weight:900}.touch-bomb{border-radius:999px;width:128px;min-height:128px;color:#111005!important;background:#ffea00!important;border-color:#ffea00a6!important}.stage-wrap:has(.overlay)+.touch-controls{display:none}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a149e;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.modal{background:#0c0c1cf2;border:1px solid #ff00aa7a;width:min(100%,620px);padding:22px;box-shadow:0 0 38px #ff00aa38}.modal.compact{width:min(100%,420px)}.summary{color:#c5c8d7;margin:12px 0 20px;line-height:1.5}.score-submit{background:#00fff00d;border:1px solid #00fff038;gap:10px;margin:0 0 16px;padding:12px;display:grid}.score-submit label{color:#00fff0;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:900}.score-submit div{gap:8px;display:flex}.score-submit input{color:#f8fbff;min-width:0;font:inherit;background:#ffffff0f;border:1px solid #ffffff29;flex:1;padding:0 10px}.score-submit ol{gap:5px;margin:0;padding:0;list-style:none;display:grid}.score-submit li{color:#c5c8d7;justify-content:space-between;gap:10px;font-size:13px;display:flex}.primary-action,.perk{color:#111005;cursor:pointer;background:#ffea00;border:1px solid #ffea008c;min-height:44px;font-weight:900}.primary-action{padding:0 18px}.perk-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.perk{text-align:left;color:#f8fbff;background:#ffea0014;flex-direction:column;gap:8px;min-height:150px;padding:14px;display:flex}.perk:hover,.primary-action:hover{filter:brightness(1.08)}.perk span{color:#c5c8d7;line-height:1.4}@media (width<=760px){.topline{flex-direction:column;align-items:stretch}.hud{grid-template-columns:repeat(5,minmax(0,1fr))}.hud div{min-width:0;padding:7px}.hud strong{font-size:17px}.perk-grid{grid-template-columns:1fr}.touch-controls{display:flex}}@media (width<=520px){.touch-controls{flex-direction:column;align-items:stretch}.touch-pad{grid-template-columns:repeat(3,1fr)}.touch-bomb{border-radius:0;width:100%;min-height:62px}}