:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f1f5f9;background:#040712;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 0,#111a3a 0%,#040712 70%);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:#091022;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.32rem;font-weight:900}.game-title span{color:#38bdf8;text-shadow:0 0 12px #38bdf873}.game-subtitle{letter-spacing:.14em;text-transform:uppercase;color:#f472b6;margin:0;font-size:.72rem;font-weight:700}.hud-bar{grid-template-columns:repeat(5,1fr);gap:6px;width:100%;max-width:480px;display:grid}.hud-item{background:#101b33;border:1px solid #263859;border-radius:8px;min-width:0;padding:6px 8px}.hud-label{letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;font-size:.62rem;display:block}.hud-value{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:.96rem;font-weight:800;display:block;overflow:hidden}.hud-value.powerup{color:#67e8f9;padding-top:4px;font-size:.72rem}.stage-frame{aspect-ratio:3/4;background:#040712;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 #000000a6}canvas.game-canvas{touch-action:none;width:100%;height:100%;display:block}.overlay{z-index:3;text-align:center;background:#040712d6;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:1.9rem;font-weight:900}.overlay p{color:#cbd5e1;max-width:360px;margin:0;font-size:.9rem;line-height:1.5}.overlay .final-score{color:#fde047;font-size:1.12rem;font-weight:800}.settings-overlay{background:#0407128f;padding:16px}.settings-panel{text-align:left;background:#0b142af0;border:1px solid #38bdf8;border-radius:12px;flex-direction:column;gap:12px;width:min(100%,380px);padding:18px 20px;display:flex;box-shadow:0 14px 36px #000000b8}.settings-eyebrow{letter-spacing:.16em;color:#f472b6;text-transform:uppercase;font-size:.66rem;font-weight:800}.settings-panel h2{margin-top:-6px;font-size:1.45rem}.settings-sliders{flex-direction:column;gap:10px;display:flex}.setting-group{flex-direction:column;gap:4px;display:flex}.setting-label-row{color:#e2e8f0;justify-content:space-between;align-items:baseline;font-size:.84rem;font-weight:700;display:flex}.setting-value{color:#67e8f9;font-variant-numeric:tabular-nums}.setting-range{accent-color:#38bdf8;cursor:pointer;width:100%}.setting-range:disabled{opacity:.45;cursor:not-allowed}.settings-toggle-button{justify-content:center;width:100%;padding:8px 14px;font-size:.84rem}.settings-panel .settings-hint{color:#94a3b8;max-width:none;font-size:.76rem}.settings-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:2px;display:flex}.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:linear-gradient(135deg,#0284c7 0%,#db2777 100%);border-color:#7dd3fc;padding:12px 26px;font-size:1rem}.primary-button:hover,.control-button:hover{filter:brightness(1.16)}.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:.76rem;line-height:1.5}.cabinet-footer{color:#64748b;letter-spacing:.04em;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding-top:4px;font-size:.74rem;display:flex}.credit-text{color:#94a3b8}.footer-separator{color:#475569}.source-link{color:#38bdf8;font-weight:700;text-decoration:none}.source-link:hover{color:#7dd3fc;text-decoration:underline}.source-link:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #67e8f9}@media (height<=760px){.stage-frame{max-height:calc(100vh - 180px)}.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:10px max(12px, env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));touch-action:none;-webkit-user-select:none;user-select:none;background:#050812f2;border-top:1px solid #263859;grid-template-columns:1fr 1fr 1.3fr;align-items:stretch;gap:12px;margin-inline:auto;display:grid;position:fixed;inset:auto 0 0}.cabinet.is-playing{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}.cabinet.is-playing .stage-frame{max-height:max(250px,100dvh - 300px)}.touch-button{color:#e2e8f0;touch-action:none;background:#101b33;border:1px solid #334155;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:68px;font-weight:900;display:flex;box-shadow:0 3px #020617}.touch-button-letter{font-size:1.15rem;line-height:1}.touch-button-caption{letter-spacing:.12em;color:#94a3b8;font-size:.56rem}.touch-button.is-held{color:#ecfeff;background:#164e63;border-color:#67e8f9}.touch-button[data-touch-control=launch]{color:#fce7f3;background:#831843;border-color:#f472b6}.touch-button[data-touch-control=launch].is-held{color:#fff;background:#db2777;border-color:#f9a8d4}}