.cascade-game{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:20px;--cas-neon-cyan:var(--neon-blue);--cas-neon-pink:var(--neon-pink);--cas-neon-green:var(--neon-green);--cas-neon-yellow:var(--neon-yellow);--cas-panel:var(--color-panel);--cas-border:var(--color-border);--cas-text:var(--color-text);user-select:none}.cascade-game .game-header{text-align:center;margin-bottom:10px}.cascade-game .game-header h1{font-size:22px;color:var(--cas-neon-cyan);text-shadow:0 0 10px var(--cas-neon-cyan),0 0 30px var(--cas-neon-cyan);letter-spacing:4px;margin-bottom:4px}.cascade-game .game-header .subtitle{font-size:8px;color:#888;letter-spacing:2px}.cascade-game .game-layout{display:flex;gap:10px;align-items:flex-start}.cascade-game .palette{display:flex;flex-direction:column;gap:6px;background:var(--cas-panel);border:1px solid var(--cas-border);border-radius:4px;padding:8px}.cascade-game .palette-label{font-size:7px;color:#666;text-align:center;margin-bottom:4px}.cascade-game .el-btn{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#111125;border:2px solid var(--cas-border);border-radius:4px;cursor:pointer;transition:border-color .2s;min-width:90px}.cascade-game .el-btn:hover{border-color:var(--cas-neon-cyan)}.cascade-game .el-btn.active{border-color:var(--cas-neon-yellow);box-shadow:0 0 8px rgba(255,255,0,.2)}.cascade-game .el-swatch{width:14px;height:14px;border-radius:2px}.cascade-game .el-name{font-size:7px;font-family:'press start 2p',monospace;color:var(--cas-text)}.cascade-game .el-btn.eraser .el-swatch{background:#333;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--cas-neon-pink);line-height:1}.cascade-game .brush-row{display:flex;gap:4px;margin-top:4px;justify-content:center}.cascade-game .brush-btn{font-family:'press start 2p',monospace;font-size:7px;padding:4px 6px;background:var(--cas-panel);color:#666;border:1px solid var(--cas-border);cursor:pointer}.cascade-game .brush-btn.active{color:var(--cas-neon-green);border-color:var(--cas-neon-green)}.cascade-game .board-frame{border:2px solid var(--cas-border);border-radius:4px;background:#050510;position:relative}.cascade-game canvas{display:block;image-rendering:pixelated;cursor:crosshair}.cascade-game .info-panel{display:flex;flex-direction:column;gap:8px;min-width:90px}.cascade-game .panel-box{background:var(--cas-panel);border:1px solid var(--cas-border);border-radius:4px;padding:8px;text-align:center}.cascade-game .panel-label{font-size:7px;color:#666;margin-bottom:4px}.cascade-game .panel-value{font-size:11px;color:var(--cas-neon-cyan);text-shadow:0 0 6px var(--cas-neon-cyan)}.cascade-game .panel-value.win{color:var(--cas-neon-green);text-shadow:0 0 8px var(--cas-neon-green)}.cascade-game .controls{display:flex;gap:8px;margin-top:10px}.cascade-game .btn{font-family:'press start 2p',monospace;font-size:9px;padding:9px 14px;background:var(--cas-panel);color:var(--cas-text);border:2px solid var(--cas-border);cursor:pointer;transition:border-color .2s,color .2s}.cascade-game .btn:hover{border-color:var(--cas-neon-cyan);color:var(--cas-neon-cyan)}.cascade-game .btn.play{border-color:var(--cas-neon-green);color:var(--cas-neon-green)}.cascade-game .btn.play:hover{box-shadow:0 0 10px rgba(0,255,0,.2)}.cascade-game .btn.stop{border-color:var(--cas-neon-pink);color:var(--cas-neon-pink)}.cascade-game .message{font-size:9px;min-height:16px;text-align:center;margin-top:8px;color:var(--cas-neon-yellow);text-shadow:0 0 6px var(--cas-neon-yellow)}.cascade-game .instructions{font-size:7px;color:#444;text-align:center;max-width:480px;line-height:2;margin-top:8px}.cascade-game .level-row{display:flex;gap:5px;margin-bottom:8px;align-items:center;justify-content:center}.cascade-game .level-label{font-size:7px;color:#666;margin-right:4px}.cascade-game .lv-btn{font-family:'press start 2p',monospace;font-size:7px;padding:5px 8px;background:var(--cas-panel);color:#666;border:1px solid var(--cas-border);cursor:pointer}.cascade-game .lv-btn.active{color:var(--cas-neon-green);border-color:var(--cas-neon-green)}.cascade-game .lv-btn.cleared{color:var(--cas-neon-yellow)}@media(max-width:640px){.cascade-game .game-layout{flex-direction:column;align-items:center}.cascade-game .palette{flex-direction:row;flex-wrap:wrap;justify-content:center}.cascade-game .info-panel{flex-direction:row;flex-wrap:wrap;justify-content:center;min-width:unset}.cascade-game .el-btn{min-width:unset}.cascade-game canvas{max-width:100%;height:auto}}