:root { --glow:#00eaff; }
*{ box-sizing:border-box; }
body{ margin:0; background:#000; color:#fff; font-family:'Orbitron',sans-serif; display:flex; align-items:center; justify-content:center; height:100vh; }
#game-container{ position:relative; max-width:900px; width:90vw; }
#game-canvas{ width:100%; height:auto; border:3px solid var(--glow); box-shadow:0 0 20px var(--glow); background:#000; }
#ui-layer{ position:absolute; inset:0; pointer-events:none; }
#hud{ position:absolute; top:8px; left:8px; right:8px; display:flex; justify-content:space-between; gap:12px; pointer-events:none; }
.hud-item p{ margin:0; font-size:12px; opacity:0.7; }
.hud-item h1{ margin:0; font-size:22px; }
#lives{ display:flex; gap:6px; }
.life{ width:14px; height:14px; border:2px solid var(--glow); border-radius:2px; }
.screen{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; background:rgba(0,0,0,0.45); pointer-events:auto; text-align:center; }
.screen h1{ margin:0 0 12px; font-size:34px; text-shadow:0 0 10px var(--glow); }
button{ pointer-events:auto; padding:10px 16px; background:transparent; color:#0ff; border:2px solid #0ff; border-radius:6px; cursor:pointer; }
button:hover{ background:rgba(0,255,255,0.08); }