.echo-game{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:20px;--pad-green:#059669;--pad-green-lit:#34d399;--pad-blue:#0891b2;--pad-blue-lit:#22d3ee;--pad-red:#dc2626;--pad-red-lit:#f87171;--pad-amber:#ca8a04;--pad-amber-lit:#fbbf24}.echo-game .game-header{text-align:center;margin-bottom:24px}.echo-game .game-header h1{font-size:28px;color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink),0 0 30px var(--neon-pink);letter-spacing:6px;margin-bottom:8px}.echo-game .game-header .subtitle{font-size:9px;color:#888;letter-spacing:2px}.echo-game .status-bar{display:flex;gap:32px;margin-bottom:24px;padding:12px 24px;background:var(--color-panel);border:1px solid var(--color-border);border-radius:4px}.echo-game .stat{text-align:center}.echo-game .stat-label{font-size:8px;color:#666;margin-bottom:6px}.echo-game .stat-value{font-size:16px;color:var(--neon-blue,#00ffff);text-shadow:0 0 6px var(--neon-blue,#00ffff)}.echo-game .pad-container{position:relative;width:300px;height:300px;margin-bottom:24px}.echo-game .pad{position:absolute;width:140px;height:140px;border:3px solid var(--color-border);cursor:pointer;transition:filter .05s,transform .05s;image-rendering:pixelated}.echo-game .pad:active:not(.disabled){transform:scale(.96)}.echo-game .pad.disabled{cursor:not-allowed;opacity:.6}.echo-game .pad-green{top:0;left:0;background:var(--pad-green);border-radius:8px 0 0 0}.echo-game .pad-blue{top:0;right:0;background:var(--pad-blue);border-radius:0 8px 0 0}.echo-game .pad-red{bottom:0;left:0;background:var(--pad-red);border-radius:0 0 0 8px}.echo-game .pad-amber{bottom:0;right:0;background:var(--pad-amber);border-radius:0 0 8px 0}.echo-game .pad-green.lit{background:var(--pad-green-lit);box-shadow:0 0 30px var(--pad-green-lit),inset 0 0 20px rgba(255,255,255,.2)}.echo-game .pad-blue.lit{background:var(--pad-blue-lit);box-shadow:0 0 30px var(--pad-blue-lit),inset 0 0 20px rgba(255,255,255,.2)}.echo-game .pad-red.lit{background:var(--pad-red-lit);box-shadow:0 0 30px var(--pad-red-lit),inset 0 0 20px rgba(255,255,255,.2)}.echo-game .pad-amber.lit{background:var(--pad-amber-lit);box-shadow:0 0 30px var(--pad-amber-lit),inset 0 0 20px rgba(255,255,255,.2)}.echo-game .pad-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:var(--color-bg);border:3px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.echo-game .pad-center-text{font-size:9px;color:#666;text-align:center;line-height:1.6}.echo-game .message{font-size:11px;min-height:20px;margin-bottom:20px;text-align:center;color:var(--neon-yellow);text-shadow:0 0 6px var(--neon-yellow)}.echo-game .controls{display:flex;gap:16px}.echo-game .btn{font-family:'press start 2p',monospace;font-size:10px;padding:12px 20px;background:var(--color-panel);color:var(--color-text);border:2px solid var(--color-border);cursor:pointer;transition:border-color .2s,color .2s}.echo-game .btn:hover{border-color:var(--neon-blue,#00ffff);color:var(--neon-blue,#00ffff)}.echo-game .speed-selector{display:flex;gap:8px;margin-bottom:20px;align-items:center}.echo-game .speed-label{font-size:8px;color:#666;margin-right:4px}.echo-game .speed-btn{font-family:'press start 2p',monospace;font-size:8px;padding:6px 10px;background:var(--color-panel);color:#666;border:1px solid var(--color-border);cursor:pointer;transition:border-color .2s,color .2s}.echo-game .speed-btn.active{color:var(--neon-green);border-color:var(--neon-green)}.echo-game .high-score{margin-top:20px;font-size:8px;color:#666}.echo-game .high-score span{color:var(--neon-pink)}