*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--font:'Orbitron',monospace;--bb:'Bebas Neue',cursive;--neon:#00ffcc}
html,body { touch-action: none; width:100%;height:100%;overflow:hidden;background:#0d1b2a;font-family:var(--font);color: #333;touch-action:none}
#game-container{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}
#gameCanvas{position:absolute;top:0;left:0;display:block;width:100%;height:100%}
.screen{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;z-index:100;background:radial-gradient(ellipse at center,#0d1b2a 0%,#050d14 100%)}
.screen.active{display:flex}
.thumb{border-radius:12px;border:2px solid var(--neon);box-shadow: 0 8px 15px rgba(0,0,0,0.1);max-width:280px;width:90%;aspect-ratio:16/9;object-fit:cover}
.title{font-family:var(--bb);font-size:clamp(3rem,12vw,6rem);color:var(--neon);text-shadow: 1px 2px 0px rgba(0,0,0,0.1);text-align:center;line-height:.9;letter-spacing:2px}
.mode-select{display:flex;flex-direction:column;gap:10px;width:100%;max-width:260px}
.hs-row{display:flex;align-items:baseline;gap:8px}
.hs-l{font-size:.65rem;color:rgba(255,255,255,.4);letter-spacing:2px}
.hs-v{font-size:1.8rem;font-weight:700;color:var(--neon)}
.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-sec:hover{color: #333;border-color:rgba(255,255,255,.5)}
#hud{position:absolute;top:0;left:0;right:0;z-index:50;pointer-events:none}
.hud-top{display:flex;align-items:center;padding:10px 16px;gap:8px;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent)}
.hud-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 14px;display:flex;flex-direction:column;align-items:center}
.hud-center-item{margin:0 auto;min-width:120px;align-items:center}
.hl{font-size:.5rem;color:rgba(255,255,255,.4);letter-spacing:2px}
.hv{font-size:1.1rem;font-weight:700;color:var(--neon)}
.bb{font-family:var(--bb);font-size:1.6rem}
.combo-text{font-size:clamp(1rem,5vw,2rem);color:#ffd700;text-shadow: 1px 2px 0px rgba(0,0,0,0.1);font-weight:900;text-align:center}
.lives-bar{text-align:center;font-size:1.2rem;padding:4px;letter-spacing:4px}
.go-title{font-size:clamp(2rem,8vw,3rem);font-weight:900;color:#ff4444;text-shadow: 1px 2px 0px rgba(0,0,0,0.1);font-family:var(--bb);color:var(--neon);text-shadow: 1px 2px 0px rgba(0,0,0,0.1);color:rgba(255,255,255,.6);letter-spacing:3px}
.stats{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px 32px;display:flex;flex-direction:column;gap:8px;min-width:220px}
.sr{display:flex;justify-content:space-between;font-size:.8rem;color:rgba(255,255,255,.5);padding:5px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.sr:last-child{border:none}.sr span:last-child{color: #333;font-weight:700}.sr.best span:last-child{color:#ffd700}
.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; }