:root{
  --bg:#0b0f14;
  --panel:#0f1720;
  --accent:#ffd166;
  --muted:#98a8b9;
}
html,body{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;color:#e6eef6;background:var(--bg);}
.ui{position:fixed;left:8px;top:8px;z-index:20;display:flex;gap:8px;align-items:center}
#score,#lives{background:linear-gradient(180deg, rgba(255,255,255,0.03), transparent);padding:6px 10px;border-radius:8px;font-weight:600;color:var(--accent);}
#restart{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--muted);padding:6px 10px;border-radius:8px}

#game{display:block;width:100vw;height:100vh;touch-action:none}

.controls{position:fixed;left:0;right:0;bottom:0;top:0;pointer-events:none}
.touch-zone{position:absolute;bottom:0;top:0;width:50%;pointer-events:auto}
#leftZone{left:0}
#rightZone{right:0}

/* On-screen hint for tap */
.touch-hint{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;background:rgba(0,0,0,0.35);color:#fff;padding:8px 12px;border-radius:20px;font-size:14px}

/* Small styling for accessibility */
@media (min-width:600px){
  #score,#lives{font-size:14px}
  #restart{font-size:13px}
}