:root{color-scheme:dark;--bg: #05060a;--panel: #0b1220;--accent: #22d3ee;--wall: #3b82f6}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:#e5e7eb;font-family:Courier New,ui-monospace,monospace}.game{max-width:700px;margin:0 auto;padding:16px;text-align:center}header h1{margin:0;letter-spacing:6px;font-size:30px;color:#f472b6;text-shadow:0 0 12px rgba(244,114,182,.5)}.sub{margin:4px 0 12px;color:#94a3b8;font-size:12px}.hud{display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:700;margin-bottom:8px;color:#facc15}canvas#board{background:var(--bg);border:2px solid #1e293b;border-radius:6px;display:block;margin:0 auto;image-rendering:pixelated;max-width:100%}canvas.radar{margin:10px auto 0;display:block;border:2px solid #14532d;border-radius:4px}.controls{margin:12px 0;display:flex;gap:10px;justify-content:center}button{background:#1e293b;color:#e5e7eb;border:1px solid #334155;padding:8px 14px;border-radius:6px;cursor:pointer;font-family:inherit;font-size:13px}button:hover{background:#334155}.help{font-size:11px;color:#94a3b8;line-height:1.6}kbd{background:#1e293b;border:1px solid #475569;border-radius:3px;padding:1px 5px}.banner{margin-top:10px;min-height:22px;font-size:18px;font-weight:700;color:#ef4444;letter-spacing:2px}