:root{--font-arcade: "Press Start 2P", monospace;--color-bg: #0a0a0f;--color-floor: #4a4a4a;--color-wall: #000000;--color-border: #2a2a3e;--color-player: #00ff41;--color-monster: #ff3333;--color-boss: #ff6600;--color-key: #ffd700;--color-door: #ff8c00;--color-map-item: #bf00ff;--color-compass: #00bfff;--color-treasure: #aa44ff;--color-wound: #cc0000;--color-wound-pip: #330000;--color-healthy: #1a1a1a;--color-text: #c8c8d4;--color-text-dim: #555566;--cell-size: 88px;--glow-green: 0 0 8px #00ff41, 0 0 16px #00ff4144;--glow-red: 0 0 8px #ff3333, 0 0 16px #ff333344;--glow-gold: 0 0 8px #ffd700, 0 0 16px #ffd70044;--glow-orange: 0 0 8px #ff8c00, 0 0 16px #ff8c0044;--glow-purple: 0 0 8px #bf00ff, 0 0 16px #bf00ff44;--glow-blue: 0 0 8px #00bfff, 0 0 16px #00bfff44;--element-fire: #e63946;--element-shadow: #888888;--element-earth: #52b788;--element-water: #4895ef;--element-shock: #ffd60a;--element-wind: #f8f9fa}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-arcade);font-size:10px;line-height:1.6;image-rendering:pixelated;overflow:hidden}button{font-family:var(--font-arcade);cursor:pointer;border:none;background:none}button:disabled{opacity:.3;cursor:not-allowed}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.6}94%{opacity:1}97%{opacity:.7}98%{opacity:1}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}