body { margin:0; background:#020617; color:white; display:flex; justify-content:center; align-items:center; height:100vh; font-family:sans-serif; }
#app { display:flex; gap:20px; }
.game-area { position:relative; width:300px; height:600px; border:2px solid #22c55e; box-shadow:0 0 12px #22c55e66; }
canvas { position:absolute; top:0; left:0; }
#game { z-index:1; }
#fx { z-index:2; pointer-events:none; }
.ui { display:flex; flex-direction:column; gap:10px; }
button { padding:10px; background:#22c55e; border:none; cursor:pointer; color:#000; font-weight:bold; border-radius:4px; }
.controls { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin-top:10px; }
.instructions { font-size:0.85rem; color:#94a3b8; line-height:1.6; }
.instructions p { margin:0; }
.audio-controls { display:flex; flex-direction:column; gap:6px; font-size:0.9rem; }
.audio-controls label { display:flex; align-items:center; gap:8px; cursor:pointer; }