:root{
  --bg:#06101d;
  --panel:#0c1b2f;
  --line:#1d3554;
  --text:#eef7ff;
  --muted:#9bb2c8;
  --accent:#67e8f9;
  --accent2:#8b5cf6;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:Arial,sans-serif;color:var(--text)}
body{display:grid;place-items:center}
button{font:inherit}
.game-shell{width:100%;height:100%;max-width:760px;display:grid;grid-template-rows:auto 1fr auto;padding:12px;gap:10px}
.hud{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px;text-align:center}
.stat span{display:block;color:var(--muted);font-size:.8rem}
.stat strong{display:block;font-size:1.6rem;margin-top:2px}
.arena{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:
radial-gradient(circle at 20% 20%,rgba(103,232,249,.12),transparent 28%),
radial-gradient(circle at 80% 70%,rgba(139,92,246,.15),transparent 30%),
#081526;min-height:0}
.target{position:absolute;width:74px;height:74px;border:0;border-radius:50%;display:none;cursor:pointer;
background:radial-gradient(circle at 35% 30%,#fff 0 8%,var(--accent) 25%,var(--accent2) 72%);
box-shadow:0 0 12px var(--accent),0 0 36px rgba(103,232,249,.7);
touch-action:manipulation;transition:transform .08s ease}
.target:active{transform:scale(.88)}
.message{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:24px;background:rgba(3,10,20,.78)}
.message h1{margin:0 0 10px;font-size:clamp(2rem,7vw,4rem)}
.message p{max-width:480px;margin:0 auto 20px;color:var(--muted);line-height:1.5}
.start-btn,.small-btn{border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#04111f;font-weight:700;padding:12px 20px;cursor:pointer}
.footer{display:flex;align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:9px 12px}
.footer span{font-weight:700}
.small-btn{padding:8px 14px}
@media(max-width:520px){
  .game-shell{padding:8px}
  .stat{padding:7px}
  .stat strong{font-size:1.3rem}
  .target{width:64px;height:64px}
}