*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--font:'Righteous',cursive;--neon:#00ffff}
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;width:100%;height:100%;position:absolute;top:0;left:0}
.screen {position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:15px;background: rgba(255,255,255,0.9);z-index:100;padding:20px}
.screen.active{display:flex}
.thumb{border:2px solid var(--neon);border-radius:10px;width:80%;max-width:300px;aspect-ratio:16/9;object-fit:cover;box-shadow: 0 8px 15px rgba(0,0,0,0.1);color:var(--neon);text-align:center;line-height:1.1;text-shadow: 1px 2px 0px rgba(0,0,0,0.1);font-size:0.7em}
.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;
    }
.btn-3d:active {
      transform: translateY(6px);
      box-shadow: 0 0 0 #e63946, 0 4px 6px rgba(0,0,0,0.2);
    }
.btn-sec{padding:10px 20px;background:transparent;border:1px solid #aaa;border-radius:5px;font-family:var(--font);color: #555;cursor:pointer}
#hud{position:absolute;top:0;left:0;right:0;padding:15px;display:flex;justify-content:space-between;z-index:50;pointer-events:none}
.hud-item{font-size:1.5rem;color: #555;text-align:center}
.hv{color:var(--neon);font-size:2rem;display:block;font-weight:700;text-shadow: 1px 2px 0px rgba(0,0,0,0.1);color:#ff0055;text-shadow: 1px 2px 0px rgba(0,0,0,0.1);color:#ccc}
#controls{position:absolute;bottom:20px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:60}
#controls div{display:flex;gap:10px}
#controls button{width:60px;height:60px;background:rgba(0,255,255,.2);border:2px solid #0ff;color:#0ff;font-family:var(--font);font-size:1.5rem;border-radius:30px;backdrop-filter:blur(5px)}
#controls button:active{background:rgba(0,255,255,.5)}
.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; }