:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f1f5f9;background:#05070d;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:#05070d;justify-content:center;min-height:100vh;display:flex}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:2px;outline:3px solid #67e8f9}#app{justify-content:center;width:min(100%,560px);min-height:100vh;display:flex}.cabinet{background:#0b1220;border-left:1px solid #1e293b;border-right:1px solid #1e293b;flex-direction:column;align-items:center;gap:10px;width:100%;min-height:100vh;padding:14px 12px 18px;display:flex}.cabinet-header{justify-content:space-between;align-items:baseline;gap:12px;width:100%;max-width:480px;display:flex}.game-title{letter-spacing:.08em;color:#f8fafc;margin:0;font-size:1.35rem;font-weight:900}.game-title span{color:#f87171}.game-subtitle{letter-spacing:.14em;text-transform:uppercase;color:#94a3b8;margin:0;font-size:.72rem}.hud-bar{grid-template-columns:repeat(5,1fr);gap:6px;width:100%;max-width:480px;display:grid}.hud-item{background:#111c2e;border:1px solid #263449;border-radius:8px;min-width:0;padding:6px 8px}.hud-label{letter-spacing:.12em;text-transform:uppercase;color:#8ea3bb;font-size:.62rem;display:block}.hud-value{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;font-weight:800;display:block;overflow:hidden}.hud-value.weapon{padding-top:5px;font-size:.66rem}.stage-frame{aspect-ratio:2/3;background:#020617;border:3px solid #334155;border-radius:12px;width:100%;max-width:480px;max-height:calc(100vh - 190px);margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 18px 50px #0000008c}canvas.game-canvas{touch-action:none;width:100%;height:100%;display:block}.overlay{z-index:3;text-align:center;background:#020617c7;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.overlay[hidden]{display:none}.overlay h2{letter-spacing:.06em;color:#f8fafc;margin:0;font-size:2rem;font-weight:900}.overlay p{color:#cbd5e1;max-width:340px;margin:0;font-size:.92rem;line-height:1.5}.overlay .final-score{color:#fde68a;font-size:1.1rem;font-weight:800}.primary-button,.control-button{color:#ecfeff;letter-spacing:.04em;background:#164e63;border:1px solid #475569;border-radius:8px;padding:10px 18px;font-weight:800}.primary-button{color:#fff;background:#b91c1c;border-color:#fca5a5;padding:12px 26px;font-size:1rem}.primary-button:hover,.control-button:hover{filter:brightness(1.18)}.controls-bar{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;max-width:480px;display:flex}.help-text{text-align:center;color:#94a3b8;max-width:480px;margin:0;font-size:.78rem;line-height:1.5}@media (height<=760px){.stage-frame{max-height:calc(100vh - 168px)}.help-text{display:none}}@media (width<=420px){.hud-bar{grid-template-columns:repeat(3,1fr)}.game-title{font-size:1.05rem}}.touch-deck{display:none}@media (pointer:coarse){.touch-deck.is-visible{z-index:8;width:min(100%,560px);padding:8px max(10px, env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(10px, env(safe-area-inset-left,0px));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#05080ff0;border-top:1px solid #263449;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch;gap:clamp(20px,6vw,44px);margin-inline:auto;display:grid;position:fixed;inset:auto 0 0}.cabinet.is-playing{padding-bottom:calc(234px + env(safe-area-inset-bottom,0px))}.cabinet.is-playing .stage-frame{max-height:max(230px,100dvh - 434px)}.touch-stick-zone{touch-action:none;justify-content:center;align-items:center;min-height:206px;display:flex}.touch-stick-base{background:#0d1626;border:2px solid #334155;border-radius:50%;flex:none;width:min(196px,52vw);height:min(196px,52vw);position:relative;box-shadow:inset 0 0 0 6px #0b1220}.touch-stick-base.is-engaged{border-color:#67e8f9}.touch-stick-knob{pointer-events:none;background:#1e293b;border:1px solid #64748b;border-radius:50%;width:88px;height:88px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px #020617}.touch-action-pad{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;min-height:206px;display:grid;position:relative}.touch-button{color:#e2e8f0;touch-action:none;background:#111c2e;border:1px solid #334155;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:66px;min-width:44px;height:66px;min-height:44px;font-weight:900;display:flex;box-shadow:0 3px #020617}.touch-button-letter{font-size:1.25rem;line-height:1}.touch-button-caption{letter-spacing:.14em;font-size:.52rem}.touch-button.is-held{color:#ecfeff;background:#164e63;border-color:#67e8f9}.touch-button[data-touch-control=fire]{color:#fee2e2;background:#7f1d1d;border-color:#f87171;grid-area:1/2;place-self:start end;width:68px;height:68px}.touch-button[data-touch-control=fire].is-held{color:#fff;background:#b91c1c;border-color:#fca5a5}.touch-button[data-touch-control=bomb]{color:#fde68a;grid-area:2/1;place-self:end start}}@media (pointer:coarse) and (width<=340px){.touch-deck.is-visible{gap:12px}}