*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--font:'Fredoka One',cursive;--neon:#ff44aa}
html,body { touch-action: none; width:100%;height:100%;overflow:hidden;background:#ffeef5;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;background:radial-gradient(ellipse at center,#ffccdd 0%,#ff99bb 100%)}
#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:15px;background: rgba(255,255,255,0.9);z-index:100;padding:20px}
.screen.active{display:flex}
.thumb{border:4px solid #fff;border-radius:20px;width:80%;max-width:300px;aspect-ratio:16/9;object-fit:cover;box-shadow:0 10px 20px rgba(255,68,170,.3)}
.title{font-size:clamp(2.5rem,8vw,4rem);color:var(--neon);text-align:center;line-height:1.1;text-shadow:3px 3px 0 #fff}
.title span{color:#ffaa00}
.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:#fff;border:2px solid #ccc;border-radius:20px;font-family:var(--font);color:#666;cursor:pointer}
#hud{position:absolute;top:0;left:0;right:0;padding:15px;z-index:50;pointer-events:none}
.hud-bar{display:flex;justify-content:space-between;background:#fff;padding:10px 20px;border-radius:20px;box-shadow:0 5px 10px rgba(0,0,0,.1);font-size:1.2rem;color:#666}
.hv{color:#ff44aa;font-size:1.5rem}
.go-title{font-size:clamp(2rem,8vw,3.5rem);color:#ff44aa;text-shadow:2px 2px 0 #fff}
.stats{font-size:1.5rem;color:#666}
.hidden{display:none!important}