*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:#000;overflow:hidden}body{font-family:Lucida Console,Monaco,monospace;-webkit-user-select:none;user-select:none;cursor:default;touch-action:none}#stage{position:absolute;top:0;right:0;bottom:0;left:0}#game{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}#crt{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,#0000 55%,#00000061),repeating-linear-gradient(to bottom,#00000024,#00000024,#0000 2px,#0000 4px);mix-blend-mode:multiply}#ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.hidden{display:none!important}#hud{position:absolute;top:0;right:0;bottom:0;left:0;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.7)}#hud-top{position:absolute;top:14px;left:0;right:0;display:flex;justify-content:space-between;padding:0 26px;font-size:20px;font-weight:700;letter-spacing:2px}.hud-label{color:#8fd3ff;font-size:12px;margin-right:8px;vertical-align:4px}#hud-gold{color:#ffd75e}.gold-dot{display:inline-block;width:12px;height:12px;border:3px solid #ffd75e;border-radius:50%;margin-right:7px}#hud-bottom{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;padding:0 26px}.bar{width:210px;height:14px;border:2px solid #fff;background:#00000073;box-shadow:2px 2px #0009}.bar>div{height:100%;transition:width .15s steps(8)}#shield-fill{width:100%;background:linear-gradient(to right,#35d0ff,#7dffb8)}#shield-fill.low{background:#ff4a4a;animation:blink .5s steps(2) infinite}.bar.boost{width:140px;height:9px;margin-top:6px}#boost-fill{width:100%;background:#ffb63d}@keyframes blink{50%{opacity:.35}}#hud-lives{margin-top:6px;font-size:15px;color:#ffd0e2;letter-spacing:3px}#hud-bombs{text-align:right;font-size:15px;color:#9fff8a;letter-spacing:3px;margin-bottom:2px}#hud-right{text-align:right}#boss-bar{position:absolute;top:52px;left:50%;transform:translate(-50%);text-align:center}#boss-name{font-size:13px;letter-spacing:4px;color:#ff9d9d;margin-bottom:4px;text-shadow:2px 2px 0 #000}#boss-bar .bar{width:300px;border-color:#ff9d9d}#boss-fill{width:100%;background:linear-gradient(to right,#ff4a4a,#ffb63d)}#combo{position:absolute;top:88px;left:50%;transform:translate(-50%);font-size:22px;font-weight:700;letter-spacing:3px;color:#9fff8a;text-shadow:3px 3px 0 rgba(0,0,0,.8)}#combo.pop{animation:comboPop .18s steps(3)}@keyframes comboPop{0%{transform:translate(-50%) scale(1.8)}}#callout{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;letter-spacing:4px;color:#ffe97a;text-shadow:3px 3px 0 rgba(0,0,0,.8);animation:pop .25s steps(3)}@keyframes pop{0%{transform:translate(-50%,-50%) scale(2);opacity:0}}#comm{position:absolute;left:50%;transform:translate(-50%);bottom:30px;display:flex;align-items:stretch;background:#060a1ed1;border:2px solid #67e8ff;box-shadow:4px 4px #0000008c;padding:8px;width:540px;pointer-events:none}#comm.static{border-color:#ff7a7a}#portrait{width:96px;height:96px;image-rendering:pixelated;border:2px solid rgba(255,255,255,.25);background:#05070f;flex:none}#comm-body{padding:4px 12px;flex:1;min-width:0}#comm-name{font-size:12px;letter-spacing:3px;color:#67e8ff;margin-bottom:6px}#comm.static #comm-name{color:#ff7a7a}#comm-text{font-size:16px;line-height:1.45;color:#eef6ff;text-shadow:1px 1px 0 #000;height:70px;overflow:hidden}#banner{position:absolute;top:38%;left:0;right:0;text-align:center;color:#fff;pointer-events:none}#banner .big{font-size:44px;font-weight:700;letter-spacing:10px;text-shadow:4px 4px 0 rgba(0,0,0,.75)}#banner .small{font-size:15px;letter-spacing:6px;color:#ffd75e;margin-top:10px;text-shadow:2px 2px 0 rgba(0,0,0,.75)}#screen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#fff}#screen>*{pointer-events:auto}#fade{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:1;transition:opacity .6s;pointer-events:none;z-index:40}.menu{list-style:none;text-align:center}.menu li{font-size:20px;letter-spacing:4px;padding:8px 0;color:#b9c6e8}.menu li.sel{color:#fff}.menu li.sel:before{content:"▶";color:#ffd75e}.menu li.sel:after{content:" ◀";color:#ffd75e}.title-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:3px 3px 0 rgba(0,0,0,.8)}.title-logo{font-size:74px;font-weight:700;letter-spacing:14px;color:#ffd75e;text-shadow:0 0 24px rgba(255,150,40,.55),4px 4px 0 #7a2c0e}.title-logo .c2{color:#67e8ff;text-shadow:0 0 24px rgba(70,190,255,.55),4px 4px 0 #123a6b}.title-sub{font-size:14px;letter-spacing:8px;color:#ffb9d9;margin:8px 0 42px}.press{font-size:17px;letter-spacing:5px;color:#fff;animation:blink 1.1s steps(2) infinite}.footnote{position:absolute;bottom:18px;width:100%;text-align:center;font-size:11px;letter-spacing:2px;color:#5f6c8f}.results-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#02040eb8}.results-wrap h2{font-size:30px;letter-spacing:8px;margin-bottom:26px;color:#ffd75e;text-shadow:3px 3px 0 #000}.results-row{font-size:18px;letter-spacing:3px;width:380px;display:flex;justify-content:space-between;padding:7px 0;color:#dfe8ff;text-shadow:2px 2px 0 #000}.results-row .v{color:#fff;font-weight:700}.medal{margin-top:22px;font-size:22px;letter-spacing:5px;color:#ffd75e;text-shadow:2px 2px 0 #000}.map-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.map-title{position:absolute;top:26px;width:100%;text-align:center;font-size:22px;letter-spacing:8px;color:#cfe2ff;text-shadow:3px 3px 0 #000}.map-hint{position:absolute;bottom:22px;width:100%;text-align:center;font-size:13px;letter-spacing:3px;color:#8fa0c9;text-shadow:2px 2px 0 #000}.map-info{position:absolute;right:30px;bottom:60px;width:300px;background:#060a1ed9;border:2px solid #67e8ff;padding:12px 14px;box-shadow:4px 4px #00000080}.map-info h3{font-size:16px;letter-spacing:4px;color:#ffd75e;margin-bottom:6px}.map-info p{font-size:12px;line-height:1.5;color:#cfe2ff}.map-info .medal-tag{color:#ffd75e;font-size:11px;margin-top:8px;letter-spacing:2px}.howto{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#02040ed9}.howto-box{border:2px solid #67e8ff;background:#060a1ee6;padding:26px 34px;box-shadow:6px 6px #00000080}.howto-box h3{letter-spacing:6px;color:#ffd75e;margin-bottom:16px;font-size:18px}.howto-box table{border-collapse:collapse;font-size:14px;letter-spacing:1px;color:#dfe8ff}.howto-box td{padding:4px 14px 4px 0}.howto-box td.k{color:#9fff8a}.gameover-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a000099}.gameover-wrap h2{font-size:44px;letter-spacing:12px;color:#ff5a5a;text-shadow:4px 4px 0 #000;margin-bottom:30px}.paused-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000a8c}.paused-wrap h2{font-size:34px;letter-spacing:10px;color:#fff;text-shadow:3px 3px 0 #000;margin-bottom:24px}#sysbtns{position:absolute;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));z-index:70;display:flex;gap:8px}#sysbtns button{width:40px;height:40px;font-size:18px;color:#cfe2ff;font-family:inherit;background:#0a10288c;border:2px solid rgba(120,180,255,.4);cursor:pointer;padding:0;line-height:1}#sysbtns button:active{background:#3c5aa0b3}.touch-only{display:none}body.touch .touch-only{display:block}#touch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;display:none}body.touch #touch{display:block}#stick-zone{position:absolute;left:0;top:0;bottom:0;width:45%;pointer-events:none}body.playing #stick-zone{pointer-events:auto}#stick-base{position:absolute;width:96px;height:96px;margin:-48px 0 0 -48px;border:2px solid rgba(140,200,255,.5);border-radius:50%;background:#141e3c4d}#stick-nub{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#8cc8ff8c;border:2px solid rgba(255,255,255,.5)}#touch-btns{position:absolute;right:max(10px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:66px 78px;grid-template-rows:56px 56px;gap:10px;align-items:end;justify-items:end;pointer-events:none}.tbtn{pointer-events:auto;width:62px;height:52px;border-radius:14px;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:1px;color:#dfe8ff;background:#141e3c73;border:2px solid rgba(140,200,255,.45);text-shadow:1px 1px 0 #000}.tbtn.big{width:78px;height:78px;border-radius:50%;font-size:13px;border-color:#ffaa5a99;background:#46230f73}.tbtn:active,.tbtn.held{background:#5a82c899}.tbtn.big:active,.tbtn.big.held{background:#c86e28a6}#tb-roll{grid-column:1;grid-row:1}#tb-boost{grid-column:2;grid-row:1;justify-self:center}#tb-bomb{grid-column:1;grid-row:2}#tb-fire{grid-column:2;grid-row:2}body.touch #hud-right{margin-right:170px}body.touch #hud-left{margin-left:40px}#rotate-hint{display:none;position:absolute;top:12%;left:50%;transform:translate(-50%);z-index:65;padding:10px 18px;font-size:13px;letter-spacing:3px;color:#ffd75e;background:#060a1ed9;border:2px solid #ffd75e;pointer-events:none;animation:blink 2.2s steps(2) infinite}@media (orientation: portrait) and (pointer: coarse){#rotate-hint{display:block}}