*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--font:'Orbitron',monospace;--neon:#00d4ff}
html,body { touch-action: none; width:100%;height:100%;overflow:hidden;background:#050510;font-family:var(--font);color: #333;touch-action:none}
#game-container{position:relative;width:100%;height:100%;overflow:hidden}
#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,#112 0%,#001 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-size:clamp(2.5rem,10vw,4rem);font-weight:900;color:var(--neon);text-shadow: 1px 2px 0px rgba(0,0,0,0.1);text-align:center;line-height:1.1}
.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 30px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-family:var(--font);font-size:.75rem;color:rgba(255,255,255,.6);cursor:pointer}
#hud{position:absolute;top:0;left:0;right:0;z-index:50;pointer-events:none;padding:10px}
.hud-bar{display:flex;justify-content:space-between;background:rgba(0,0,0,.6);border:1px solid rgba(0,212,255,.3);border-radius:8px;padding:8px 16px}
.hp{display:flex;flex-direction:column;align-items:center}
.hl{font-size:.6rem;color:rgba(255,255,255,.5);letter-spacing:2px}
.hv{font-size:1.2rem;font-weight:700;color:var(--neon)}
.go-title{font-size:3rem;color:#ff4444;text-shadow: 1px 2px 0px rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;min-width:200px}
.sr{display:flex;justify-content:space-between;font-size:1rem}
.hidden{display:none!important}