*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050b12;color:#e9fbff;font-family:system-ui,Segoe UI,sans-serif;overflow:hidden}body{display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#143147,#050b12 65%)}main{text-align:center}#wrap{position:relative;width:min(480px,100vw);height:min(720px,calc(100vh - 42px));aspect-ratio:2/3;box-shadow:0 0 45px #00d9ff33;border:1px solid #2ad9ff55;background:#071923;overflow:hidden}canvas{width:100%;height:100%;display:block}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px;background:linear-gradient(#03131ddd,#061019ee);z-index:5}.hidden{display:none!important}h1{font-size:clamp(42px,12vw,72px);line-height:.82;margin:0;letter-spacing:-4px;text-shadow:0 0 18px #00d9ff}h1 span{display:block;color:#ffbd2e;text-shadow:0 0 18px #ff7b00}.tag{font:700 11px monospace;letter-spacing:2px;color:#7eeaff;margin:24px 0 38px}button{width:min(300px,80%);padding:14px;margin:6px;border:1px solid #21d9ff;background:#082536cc;color:#fff;font-weight:800;letter-spacing:1px;cursor:pointer;box-shadow:0 0 12px #00d9ff22}button:hover{background:#0b3b54}#start,.fire{border-color:#ffb020;color:#ffd06a}#instructions{max-width:330px;font:13px/1.7 monospace;color:#bcecf5;margin:10px}#best{margin-top:28px;font:700 14px monospace;color:#ffcf62}#gameover h2{color:#ffbd2e;font-size:34px}#touch{position:absolute;inset:auto 0 12px;z-index:4;display:flex;justify-content:space-between;padding:0 15px;pointer-events:none}.pad{display:flex;gap:7px}.pad button,.fire{pointer-events:auto;width:58px;height:58px;border-radius:50%;padding:0;margin:0;background:#07131dbb;font-size:22px;touch-action:none}.fire{width:68px;height:68px;font-size:28px}footer{height:36px;padding-top:10px;font-size:12px;color:#78909c}footer a{color:#7eeaff;text-decoration:none}@media(max-width:600px),(pointer:coarse){#touch:not(.hidden){display:flex!important}footer{font-size:11px}}

#pauseMenu{background:linear-gradient(#02080ddd,#061019f5);z-index:7}#pauseMenu h2{color:#ffbd2e;font-size:34px;margin:0 0 6px}.pauseHint{font:12px monospace;color:#9fdce8;margin:0 0 22px}#quit{border-color:#ff6b5f;color:#ff9c94}.pauseBtn{position:absolute;top:68px;right:14px;z-index:4;width:44px;height:44px;padding:0;margin:0;border-radius:50%;font-size:20px;background:#07131dcc;touch-action:none}