*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{color:#fff;background:#000;min-height:100vh;font-family:Courier New,Courier,monospace;overflow:hidden}.root{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100vh;padding:8px;display:flex}.hud{letter-spacing:1px;color:#0f0;justify-content:space-between;align-items:center;width:100%;max-width:480px;padding:0 4px;font-size:14px;display:flex}.hud-lives{color:#f55}canvas{image-rendering:pixelated;border:2px solid #0f0;max-width:100%;display:block}.touch-controls{justify-content:center;align-items:center;gap:16px;width:100%;max-width:480px;padding:4px 0;display:flex}.touch-btn{color:#0f0;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;text-align:center;background:#00ff0026;border:2px solid #0f0;border-radius:10px;min-width:60px;padding:10px 18px;font-family:inherit;font-size:22px;transition:background 80ms}.touch-btn.fire{color:#f55;background:#ff3c3c2e;border-color:#f55;padding:10px 28px}.touch-btn:active,.touch-btn.pressed{background:#00ff0059}.touch-btn.fire:active,.touch-btn.fire.pressed{background:#ff3c3c73}.overlay{pointer-events:none;background:#000000b8;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.overlay-title{color:#0f0;letter-spacing:3px;text-shadow:0 0 16px #0f0;font-size:28px;font-weight:700}.overlay-title.red{color:#f55;text-shadow:0 0 16px #f55}.overlay-sub{color:#aaa;letter-spacing:1px;font-size:13px}.canvas-wrap{line-height:0;position:relative}.start-btn{color:#0f0;letter-spacing:2px;cursor:pointer;pointer-events:all;background:0 0;border:2px solid #0f0;border-radius:8px;padding:12px 32px;font-family:inherit;font-size:16px;transition:background .1s}.start-btn:hover,.start-btn:active{background:#0f03}