*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--font:'Press Start 2P',cursive;--neon:#ffff00}
html,body { touch-action: none; width:100%;height:100%;overflow:hidden;background: linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%);font-family:var(--font);color: #333;touch-action:none}
#game-container{position:relative;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}
#gameCanvas{display:block;max-width:100%;max-height:100%}
.screen {position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:20px;background: rgba(255,255,255,0.9);z-index:100}
.screen.active{display:flex}
.thumb{border:2px solid var(--neon);width:80%;max-width:300px;aspect-ratio:16/9;object-fit:cover}
.title{font-size:clamp(1.5rem,5vw,3rem);color:var(--neon);text-align:center;line-height:1.5}
.btn-3d {
      padding: 15px 40px;
      background: linear-gradient(to bottom, #ff9a44, #fc6076);
      border: none;
      border-radius: 25px;
      font-size: 1.5rem;
      color: white;
      cursor: pointer;
      font-weight: bold;
      box-shadow: 0 6px 0 #e63946, 0 10px 15px rgba(0,0,0,0.2);
      transition: all 0.1s;
      text-transform: uppercase;
    }
#hud{position:absolute;top:0;left:0;right:0;padding:10px;display:flex;justify-content:space-between;font-size:.8rem;z-index:50}
.hv{color:var(--neon)}
#controls{position:absolute;bottom:20px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:60}
#controls button{width:50px;height:50px;background:rgba(255,255,255,.2);border:1px solid #fff;color: #333;font-family:var(--font);border-radius:25px}
.hidden{display:none!important}
/* CG-batch-overlay-fix */
#game-canvas, canvas#game-canvas { touch-action: none; }
#game-ui.screen,
#game-ui.screen.active { pointer-events: none !important; }