*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;position:fixed;touch-action:none}body{display:flex;justify-content:center;align-items:center;font-family:Courier New,monospace;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;transition:background-color .3s ease}#game-container{border:4px solid;border-radius:8px;padding:20px;box-shadow:0 0 20px #00000080;transition:all .3s ease}#game-header{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700;margin-bottom:10px;padding:10px;border-radius:4px;transition:all .3s ease}#sound-toggle{cursor:pointer;font-size:20px;-webkit-user-select:none;user-select:none;transition:opacity .2s}#sound-toggle:hover{opacity:.7}#sound-toggle.muted{opacity:.4;text-decoration:line-through}#game-canvas{display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}#game-over{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:30px;border-radius:8px;border:3px solid;text-align:center;transition:all .3s ease}#game-over.hidden{display:none}#game-over h2{font-size:32px;margin-bottom:15px}#game-over p{font-size:20px;margin-bottom:20px}#restart-btn{border:none;padding:12px 24px;font-size:18px;border-radius:4px;cursor:pointer;font-family:Courier New,monospace;font-weight:700;transition:all .3s ease}#restart-btn:hover{opacity:.8;transform:translateY(-2px)}.palette-panel{border:4px solid;border-radius:8px;padding:30px;box-shadow:0 0 20px #00000080;max-width:600px;margin:0 auto;transition:all .3s ease}.palette-panel h2{text-align:center;font-size:28px;margin-bottom:30px;text-transform:uppercase;letter-spacing:2px;transition:color .3s ease}#palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:20px;margin-bottom:30px}.palette-card{border:2px solid;border-radius:8px;padding:20px 15px;cursor:pointer;transition:all .3s ease;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center}.palette-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000004d;opacity:.9}.palette-card.selected{box-shadow:0 0 15px #ffffff4d;transform:scale(1.05)}.palette-name{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;transition:color .3s ease}#start-game-btn{display:block;width:200px;margin:0 auto;border:none;padding:15px 30px;font-size:20px;border-radius:4px;cursor:pointer;font-family:Courier New,monospace;font-weight:700;text-transform:uppercase;transition:all .3s ease}#start-game-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d;opacity:.9}.hidden{display:none!important}#victory-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:40px;border-radius:8px;border:3px solid;text-align:center;transition:all .3s ease;min-width:350px}#victory-screen h2{font-size:36px;margin-bottom:20px;animation:pulse 1s ease-in-out infinite}#victory-screen p{font-size:20px;margin-bottom:15px}#victory-screen .victory-time{font-size:24px;font-weight:700;margin:20px 0}#victory-screen .victory-message{font-size:18px;font-style:italic;margin-bottom:25px}#victory-play-again{border:none;padding:15px 30px;font-size:20px;border-radius:4px;cursor:pointer;font-family:Courier New,monospace;font-weight:700;transition:all .3s ease;text-transform:uppercase}#victory-play-again:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d;opacity:.9}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){#game-container{padding:10px;border-width:2px;max-width:100vw;max-height:100vh}#game-header{font-size:14px;padding:8px;margin-bottom:5px}#game-canvas{max-width:calc(100vw - 40px);max-height:calc(100vh - 200px);width:auto!important;height:auto!important}.palette-panel{max-width:95vw;padding:20px;margin:10px}.palette-panel h2{font-size:24px;margin-bottom:20px}#palette-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px;margin-bottom:20px}.palette-card{padding:15px 10px;min-height:50px}.palette-name{font-size:11px}#start-game-btn{width:180px;padding:12px 20px;font-size:18px}#game-over,#victory-screen{width:90vw;max-width:350px;padding:20px}#game-over h2,#victory-screen h2{font-size:28px}#game-over p,#victory-screen p{font-size:16px}#restart-btn,#victory-play-again{padding:10px 20px;font-size:16px}}@media (max-width: 480px){#game-container{padding:5px}#game-header{font-size:12px;padding:5px}#game-canvas{max-width:calc(100vw - 20px);max-height:calc(100vh - 100px)}.palette-panel h2{font-size:20px}#palette-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-height: 900px){#game-canvas{max-height:calc(100vh - 100px)}}.mobile-only{display:none}@media (max-width: 768px){.mobile-only{display:block}}#mobile-controls{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:100}.dpad-container{display:grid;grid-template-columns:repeat(3,72px);grid-template-rows:repeat(3,72px);gap:2px;position:relative}.arrow-btn{width:72px;height:72px;font-size:28px;border:2px solid;border-radius:12px;background:#0009;color:#fff;cursor:pointer;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:all .1s ease;display:flex;align-items:center;justify-content:center;position:relative}.dpad-up{grid-column:2;grid-row:1;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.dpad-left{grid-column:1;grid-row:2;border-top-right-radius:4px;border-bottom-right-radius:4px}.dpad-center{grid-column:2;grid-row:2;width:72px;height:72px;background:transparent;pointer-events:none}.dpad-right{grid-column:3;grid-row:2;border-top-left-radius:4px;border-bottom-left-radius:4px}.dpad-down{grid-column:2;grid-row:3;border-top-left-radius:4px;border-top-right-radius:4px}.arrow-btn:active{transform:scale(.95);background:#000c;box-shadow:inset 0 2px 4px #00000080}@media (max-width: 480px){.dpad-container{grid-template-columns:repeat(3,60px);grid-template-rows:repeat(3,60px)}.arrow-btn{width:60px;height:60px;font-size:24px}.dpad-center{width:60px;height:60px}#mobile-controls{bottom:10px}}