:root{
  --bg:#0b0b12;
  --panel:#0f1724;
  --accent:#7c3aed;
  --glow: 0 8px 24px rgba(124,58,237,0.2);
  --font: "Press Start 2P", monospace;
}

/* import pixel font via Google Fonts fallback */
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

*{box-sizing:border-box;font-family:var(--font);color:#e6eef8}
html,body{height:100%;margin:0;background:linear-gradient(180deg,#071026,#0b0b12);display:flex;align-items:center;justify-content:center}
#game{image-rendering:pixelated;border:6px solid rgba(0,0,0,0.6);background:#4aa96c;display:block;box-shadow:var(--glow);}

/* UI overlay */
#ui{position:absolute;top:14px;left:14px;right:14px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.screen{background:rgba(0,0,0,0.45);padding:18px;border-radius:10px;border:1px solid rgba(255,255,255,0.04)}
#title-screen h1{text-align:center;font-size:20px;margin:0 0 12px;color:var(--accent);text-shadow:0 0 12px rgba(124,58,237,0.45)}
.menu{display:flex;flex-direction:column;gap:8px;width:300px}
button{background:linear-gradient(180deg,rgba(255,255,255,0.02), rgba(255,255,255,0.01));border:1px solid rgba(255,255,255,0.06);padding:10px;border-radius:8px;color:inherit;cursor:pointer}
button:hover{transform:translateY(-2px);box-shadow:var(--glow)}
.subtitle{text-align:center;opacity:0.9}
.mode-row{display:flex;gap:8px}
.multilist input{width:100%;padding:8px;border-radius:6px;border:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.02);color:inherit}
.row{display:flex;gap:8px}
.hidden{display:none}
#hud{position:fixed;top:14px;right:14px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}
#scoreboard{background:rgba(0,0,0,0.4);padding:10px 14px;border-radius:8px;font-size:12px;display:flex;gap:10px;align-items:center}
#scoreboard #score-left,#scoreboard #score-right{font-size:18px;color:var(--accent)}
#controls{font-size:11px;opacity:0.9}
#message{font-size:12px;color:#f0f9ff;padding:6px 10px;background:rgba(0,0,0,0.35);border-radius:6px}
#back-to-menu{padding:6px 10px;font-size:12px}
