@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(./PressStart2P-Regular-CgdwHuUP.woff2) format("woff2");unicode-range:U+0020-007E,U+00A1,U+00A9,U+00BF,U+00C1,U+00C9,U+00CD,U+00D1,U+00D3,U+00DA,U+00DC,U+00E1,U+00E9,U+00ED,U+00F1,U+00F3,U+00FA,U+00FC}html,body{height:100%;margin:0;padding:0;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-user-select:none;user-select:none}body{font-family:"Press Start 2P",cursive;background-color:#181a1b;color:#ecf0f1;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;touch-action:manipulation}#app-container{position:relative;width:100%;height:100vh;background:#2c3e50;border:6px solid #181a1b;box-shadow:0 10px 20px #00000080;border-radius:15px;overflow:hidden;touch-action:manipulation}@media(display-mode:standalone){#app-container{border:none;border-radius:0;box-shadow:none}}@media(min-width:768px)and (min-height:500px){#app-container{width:56.25vh;max-width:100%;height:calc(100vw * (16/9));max-height:100vh}}@media(max-height:500px)and (orientation:landscape){#app-container{width:100%;height:100vh}}.game-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden;touch-action:manipulation}.game-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#181a1b;z-index:50;pointer-events:none;opacity:0;transition:opacity .1s ease}body.ui-mode .game-container:before{opacity:0}@media(display-mode:standalone){.game-container{border:none;border-radius:0;box-shadow:none}}@media(min-width:768px)and (min-height:500px){.game-container{width:56.25vh;max-width:100%;height:calc(100vw * (16/9));max-height:100vh}}@media(max-height:500px)and (orientation:landscape){.game-container{width:100%;height:100vh}}.orientation-lock{position:fixed;inset:0;background:#141618e6;color:#ecf0f1;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;z-index:1000;pointer-events:auto}.orientation-message{font-size:clamp(1rem,4vw,1.4rem);line-height:1.5;max-width:320px;background:#00000040;padding:16px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 30px #00000073}#gameCanvas{background:#202526;display:block;width:100%;height:100%;cursor:pointer;touch-action:manipulation}.ui-panel{position:absolute;top:0;left:0;width:100%;height:100%;background:#181a1b;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:30px 20px;box-sizing:border-box}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.top-section{display:flex;flex-direction:column;align-items:center;flex-shrink:0;transform:translateY(clamp(-30px,-3vh,-15px))}@media(max-width:375px)and (max-height:667px){.ui-panel{padding:20px}}@media(min-width:376px)and (max-width:767px){.ui-panel{padding:25px 20px}}@media(min-width:768px)and (max-width:1024px){.ui-panel{padding:40px 30px}}@media(min-width:1025px){.ui-panel{padding:50px 40px}}.screen-title{font-size:clamp(2rem,7vw,3.2rem);color:#ecf0f1;text-shadow:3px 3px 0px rgba(0,0,0,.25);margin:0;margin-top:clamp(10px,3vh,20px);margin-bottom:clamp(10px,3vh,20px);flex-shrink:0;line-height:1.2;text-align:center}.title-accent-color{color:#1abc9c}.hero-container{display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-top:clamp(20px,4vh,40px);margin-bottom:clamp(3px,.5vh,8px)}.hero-sprite{width:clamp(110px,24vw,160px);height:auto;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));transform:translate(-25%)}.middle-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,2.5vh,22px);flex:1;min-height:0}.hi-score-box{background-color:#ffb30012;padding:clamp(12px,2.5vh,22px) clamp(28px,6vw,48px);border-radius:15px;text-align:center;flex-shrink:0}.hi-score-label{font-size:clamp(.9rem,2.5vw,1.3rem);color:#ecf0f1;margin-bottom:clamp(10px,2vh,15px);text-shadow:2px 2px 0px rgba(0,0,0,.25)}.hi-score-value{font-size:clamp(1.5rem,4.5vw,2.4rem);color:#ffb718;text-shadow:2px 2px 0px rgba(0,0,0,.25)}.circular-buttons{display:flex;gap:clamp(12px,3.5vw,38px);flex-shrink:0}.circular-button{width:clamp(60px,18vw,110px);height:clamp(60px,18vw,110px);border:none;border-radius:50%;background-color:#ffffff12;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background-color .2s ease;padding:clamp(18px,4vw,24px)}.circular-button:active{transform:scale(.95)}.circular-button img{width:100%;height:100%;object-fit:contain}.screen-controls{display:flex;flex-direction:column;align-items:center;gap:clamp(15px,3vh,25px);font-size:clamp(.9rem,2.5vw,1.4rem)}.sound-toggle{background:none;border:none;color:#bdc3c7;font-family:"Press Start 2P";font-size:clamp(.9rem,2.5vw,1.4rem);cursor:pointer;transition:transform .2s ease}.sound-toggle:hover{transform:scale(1.05)}.sound-toggle span{color:#2ecc71;font-weight:700}.sound-toggle.sound-off span{color:#e74c3c}.sound-toggle-arcade{background-color:#2ecc7133;border:2px solid #2ecc71;color:#2ecc71;font-family:"Press Start 2P",cursive;font-size:clamp(.9rem,2.8vw,1.3rem);cursor:pointer;padding:clamp(12px,2.5vh,18px) clamp(25px,5vw,40px);border-radius:10px;transition:all .2s ease;width:100%;max-width:80%;box-shadow:0 4px 12px #2ecc714d;text-shadow:2px 2px 0px rgba(0,0,0,.3);align-self:center;margin-top:clamp(8px,2vh,12px);margin-bottom:clamp(8px,2vh,12px)}.sound-toggle-arcade:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2ecc7180}.sound-toggle-arcade:active{transform:translateY(0)}.sound-toggle-arcade span{font-weight:700}.sound-toggle-arcade.sound-off{background-color:#e74c3c33;border-color:#e74c3c;color:#e74c3c;box-shadow:0 4px 12px #e74c3c4d}.sound-toggle-arcade.sound-off:hover{box-shadow:0 6px 16px #e74c3c80}.menu-state-content{display:flex;flex-direction:column;align-items:center;width:100%;gap:clamp(8px,2vh,22px);transform:translateY(clamp(-30px,-3vh,-15px))}.game-over-box{border-radius:20px;text-align:center;flex-shrink:0;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;width:clamp(240px,70vw,380px)}.game-over-top{background-color:#1abc9c12;padding:clamp(12px,2.5vh,25px) clamp(18px,3.5vw,30px);display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.5vh,15px)}.game-over-bottom{background-color:#ffb30012;padding:clamp(10px,2vh,24px) clamp(22px,4.5vw,50px);display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1vh,12px)}.game-over-title{font-size:clamp(1.2rem,3.5vw,1.8rem);color:#ed1d23;text-shadow:2px 2px 0px rgba(0,0,0,.5);margin:0}.game-over-title.new-record{color:#ffb718;text-shadow:2px 2px 0px rgba(0,0,0,.5),0 0 10px rgba(255,183,24,.6)}.game-over-icon{width:clamp(35px,8vw,50px);height:auto}.game-over-score{font-size:clamp(1.8rem,5vw,2.8rem);color:#1abc9c;text-shadow:2px 2px 0px rgba(0,0,0,.5);font-family:"Press Start 2P",cursive;margin:0}.game-over-label{font-size:clamp(.9rem,2.5vw,1.3rem);color:#ecf0f1;text-shadow:2px 2px 0px rgba(0,0,0,.25);margin:0}.game-over-hi-score{font-size:clamp(1.5rem,4.5vw,2.4rem);color:#ffb718;text-shadow:2px 2px 0px rgba(0,0,0,.25);font-family:"Press Start 2P",cursive;margin:0}.play-button{background-color:#1abc9c;border:none;color:#046f5a;font-family:"Press Start 2P",cursive;font-size:clamp(1.8rem,5vw,3rem);cursor:pointer;padding:clamp(22px,4.5vh,35px) clamp(70px,12vw,95px);border-radius:60px;transition:all .2s ease;flex-shrink:0;margin-top:0;margin-bottom:0;transform:translateY(clamp(-30px,-3vh,-15px));box-shadow:0 4px 12px #1abc9c4d;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 4px 12px #1abc9c4d;transform:scale(1)}50%{box-shadow:0 6px 20px #1abc9c80;transform:scale(1.02)}}.play-button:active{transform:scale(.97);animation:none}.play-button{position:relative}.update-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#1abc9c,#16a085);color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;animation:pulse-badge 2s infinite;box-shadow:0 2px 8px #1abc9c80;z-index:10;pointer-events:none;padding:5px}.update-badge svg{width:100%;height:100%;display:block}@keyframes pulse-badge{0%,to{transform:scale(1);box-shadow:0 2px 8px #1abc9c80}50%{transform:scale(1.15);box-shadow:0 4px 12px #1abc9ccc}}@media(max-width:600px){.update-badge{width:24px;height:24px;font-size:16px;top:-6px;right:-6px}}@media(max-height:500px){.update-badge{width:20px;height:20px;font-size:14px;top:-5px;right:-5px}}.back-button{position:absolute;top:20px;left:20px;background:none;border:none;color:#1abc9c;font-family:"Press Start 2P",cursive;font-size:clamp(.8rem,2.5vw,1.2rem);cursor:pointer;transition:transform .2s ease;z-index:10}.back-button:hover{transform:scale(1.05)}.secondary-button{background-color:#ffffff12;border:none;color:#ecf0f1;font-family:"Press Start 2P",cursive;font-size:clamp(.7rem,2vw,.9rem);cursor:pointer;padding:clamp(12px,2.5vh,18px) clamp(20px,4vw,30px);border-radius:8px;transition:all .2s ease;margin:clamp(8px,1.5vh,12px) auto;width:100%;max-width:300px;display:block}.secondary-button:active{transform:scale(.97);background-color:#ffffff1f}.version-display{font-size:clamp(.5rem,1.5vw,.7rem);color:#7f8c8d;text-shadow:none;line-height:1;flex-shrink:0;margin-top:clamp(15px,3vh,25px);margin-bottom:0}.score-container{position:absolute;top:20px;right:20px;z-index:5;text-align:right}.score-display{font-size:clamp(1.2rem,4vw,2rem);color:#ecf0f1;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.hi-score-display{display:flex;align-items:center;gap:10px;margin-top:5px;margin-bottom:1.5rem}.hi-score-display svg{width:clamp(20px,4.5vw,26px);height:clamp(20px,4.5vw,26px);filter:drop-shadow(1px 1px 1px rgba(0,0,0,.5))}.new-high-score-color{color:#f1c40f!important}#comboDisplay,#bonusDisplay{position:absolute;left:50%;transform:translate(-50%);z-index:10;font-size:clamp(1.5rem,4vw,2.5rem);text-shadow:3px 3px 5px rgba(0,0,0,.6);pointer-events:none;opacity:0;transition:opacity .25s ease-out;line-height:1.35;text-align:center;white-space:normal}#comboDisplay{top:25%;color:#1abc9c}#bonusDisplay{top:40%;color:#f1c40f}.info-content{width:100%;max-width:480px;flex:1;display:flex;flex-direction:column;align-items:stretch;gap:18px;text-align:left;overflow-y:auto;padding:0;box-sizing:border-box}.info-card{background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 18px;box-shadow:0 10px 25px #00000059;width:100%;box-sizing:border-box}.info-card h2{margin:0 0 8px;font-size:clamp(.9rem,3vw,1.1rem);color:#f1c40f}.info-card p{margin:6px 0;font-size:clamp(.75rem,2.5vw,.95rem);line-height:1.4;color:#ecf0f1}.info-list{margin:0;padding-left:18px;font-size:clamp(.75rem,2.4vw,.95rem);line-height:1.5;color:#ecf0f1}.button{padding:10px 20px;background-color:#f1c40f;color:#2c3e50;border:none;border-radius:5px;font-family:"Press Start 2P",cursive;cursor:pointer;font-size:1rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px #c0392b}.button:hover{transform:translateY(-2px);box-shadow:0 6px #c0392b}.button:active{transform:translateY(2px);box-shadow:0 2px #c0392b}.small-button{padding:8px 12px;font-size:.7rem}.top-left-controls{position:absolute;top:20px;left:20px;padding-right:20px;padding-bottom:20px;z-index:30;border-radius:12px}.pause-button{width:clamp(28px,5vmin,40px);height:clamp(28px,5vmin,40px);background:#ffffff26;border:none;border-radius:8px;position:relative;cursor:pointer;outline:none}.pause-button:before,.pause-button:after{content:"";position:absolute;top:20%;width:18%;height:60%;background:#fff;border-radius:2px;opacity:.9}.pause-button:before{left:22%}.pause-button:after{right:22%}.pause-button:hover{background:#ffffff38}.pause-shade{position:absolute;inset:0;background:#0000008c;display:none;align-items:center;justify-content:center;z-index:20}.pause-countdown{color:#ecf0f1;font-family:"Press Start 2P",cursive;font-size:clamp(2rem,8vw,4rem);text-align:center;text-shadow:3px 3px 6px rgba(0,0,0,.6);line-height:1.25;padding:0 12px}@keyframes flash{0%,to{transform:translate(-50%) scale(1);filter:brightness(1)}50%{transform:translate(-50%) scale(1.1);filter:brightness(1.5)}}@keyframes flash-scale-only{0%,to{transform:scale(1);filter:brightness(1);color:inherit}50%{transform:scale(1.1);filter:brightness(1);color:#f1c40f}}.flashing{animation:flash .5s infinite}.flashing-score{animation:flash-scale-only .5s infinite}.flashing-final{animation:flash-scale-only 1s infinite}.controls-hint{position:absolute;bottom:10px;left:10px;font-size:.6rem;color:#7f8c8d;text-shadow:1px 1px 1px rgba(0,0,0,.5);display:none}@media(min-width:768px){.controls-hint{display:block}}@media(max-width:320px){.ui-panel{padding:15px}.screen-title{font-size:1.5rem!important;margin-top:30px!important;margin-bottom:40px!important}.icon-buttons{gap:10px!important;margin-bottom:30px!important}.icon-button{width:45px!important;height:45px!important;font-size:.7rem!important}.play-button{margin-bottom:20px!important}.game-over-card{margin-bottom:25px!important}}@media(max-height:500px)and (orientation:landscape){.ui-panel{flex-direction:row;justify-content:space-around;align-items:center;padding:10px 20px}.screen-title{margin:0!important;font-size:1.5rem!important}.icon-buttons{margin:0!important;flex-direction:column;gap:10px!important}.icon-button{width:40px!important;height:40px!important}.screen-controls,.game-over-content{margin:0!important;gap:15px!important}.play-button{font-size:1.2rem!important;padding:10px 20px!important;margin:0!important}.version-display{margin:0!important}.game-over-card{margin:0 0 15px!important}}.glowing-card{animation:pulse-glow 1.8s ease-in-out infinite}@keyframes pulse-glow{0%{box-shadow:0 0 20px #1abc9cb3}50%{box-shadow:0 0 45px #1abc9c}to{box-shadow:0 0 20px #1abc9cb3}}.leaderboard-container{width:100%;max-width:500px;flex-grow:1;overflow-y:auto;padding:0 clamp(10px,3vw,20px);box-sizing:border-box;margin:0 auto}#help-screen,#credits-screen{overflow-y:auto}#leaderboard-list{list-style:none;padding:0;margin:0;font-size:clamp(.8rem,2.5vw,1.2rem);color:#ecf0f1}#leaderboard-list li{display:flex;justify-content:space-between;align-items:center;padding:clamp(10px,2vh,15px) 5px;border-bottom:2px solid #34495e;line-height:1.4}#leaderboard-list li:last-child{border-bottom:none}.player-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:15px}.player-score{font-weight:700;color:#f1c40f;flex-shrink:0}.leaderboard-message{text-align:center;color:#7f8c8d;margin-top:40px;font-size:clamp(.8rem,2.5vw,1.1rem)}.name-prompt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:200;font-family:"Press Start 2P",cursive}.name-prompt-box{background-color:#2c3e50;padding:clamp(20px,5vw,40px);border-radius:15px;border:4px solid #1abc9c;text-align:center;width:90%;max-width:400px;box-shadow:0 0 30px #1abc9c80}.name-prompt-box h2{font-size:clamp(1.1rem,4vw,1.8rem);color:#f1c40f;margin:0 0 15px}.name-prompt-box p{font-size:clamp(.7rem,2.5vw,1rem);color:#ecf0f1;margin:0 0 25px;line-height:1.5}#name-input-field{font-family:"Press Start 2P",cursive;background-color:#202526;border:2px solid #7f8c8d;color:#ecf0f1;padding:10px;width:80%;text-align:center;font-size:clamp(1rem,4vw,1.5rem);border-radius:8px;margin-bottom:25px;outline:none}#name-input-field:focus{border-color:#f1c40f}#submit-name-button{font-size:clamp(1.2rem,3.5vw,2rem)!important;padding:clamp(12px,2.5vh,20px) clamp(25px,5vw,50px)!important;margin:0!important}.palette-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,2vw,12px);width:100%;margin-top:12px}.palette-item{background:#0006;border:2px solid rgba(255,255,255,.1);border-radius:8px;padding:clamp(8px,2vw,12px);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:6px;position:relative;box-sizing:border-box}.palette-item:hover{border-color:#1abc9c80;transform:translateY(-2px)}.palette-item:active{transform:translateY(0)}.palette-item.selected{border-color:#1abc9c;border-width:2px;background:#1abc9c26;box-shadow:0 0 15px #1abc9c66}.palette-name{font-size:clamp(.5rem,1.8vw,.7rem);color:#ecf0f1;text-align:center;line-height:1.2;min-height:2.4em;display:flex;align-items:center;justify-content:center}.palette-item.selected .palette-name{color:#1abc9c;font-weight:700}.palette-preview{display:flex;gap:2px;height:clamp(14px,3vw,20px);border-radius:4px;overflow:hidden}.palette-swatch{flex:1;transition:opacity .3s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}@media(max-width:350px){.palette-grid{grid-template-columns:repeat(2,1fr)}}#leaderboard-list li.current-user{background-color:#f1c40f1a;border-left:4px solid #f1c40f;padding-left:10px}#leaderboard-list li.current-user .player-name,#leaderboard-list li.current-user .player-score{animation:pulse-text-glow 2s ease-in-out infinite}@keyframes pulse-text-glow{0%{text-shadow:0 0 5px rgba(241,196,15,.5)}50%{text-shadow:0 0 15px rgba(241,196,15,1)}to{text-shadow:0 0 5px rgba(241,196,15,.5)}}.update-instructions{display:flex;flex-direction:column;align-items:center;gap:clamp(25px,5vh,40px);margin-top:clamp(30px,6vh,50px);flex:1;justify-content:flex-start}.update-version{font-size:clamp(1.3rem,4vw,2rem);color:#1abc9c;background:#1abc9c26;padding:clamp(10px,2vh,15px) clamp(25px,6vw,40px);border-radius:10px;border:2px solid rgba(26,188,156,.3);flex-shrink:0}.update-steps{display:flex;flex-direction:column;gap:clamp(20px,4vh,30px);width:90%;max-width:350px}.update-step{display:flex;align-items:center;gap:clamp(15px,4vw,25px);background:#ffffff0d;padding:clamp(15px,3vh,25px);border-radius:12px;border-left:4px solid #1abc9c;transition:transform .2s ease}.update-step:hover{transform:translate(5px);background:#ffffff14}.step-number{font-size:clamp(1.8rem,5vw,2.5rem);color:#1abc9c;font-weight:700;min-width:clamp(35px,8vw,50px);text-align:center;flex-shrink:0}.step-text{font-size:clamp(1rem,3vw,1.4rem);text-align:left;line-height:1.4;color:#ecf0f1}.update-note{font-size:clamp(.75rem,2.2vw,1rem);color:#bdc3c7;text-align:center;max-width:280px;line-height:1.6;margin-top:auto;margin-bottom:clamp(30px,5vh,50px);flex-shrink:0}@media(max-height:600px){.update-instructions{gap:20px;margin-top:20px}.update-steps{gap:15px}.update-step{padding:15px}.update-note{margin-bottom:20px}}#help-screen,#credits-screen{display:flex;flex-direction:column}.confetti-piece{position:fixed;width:10px;height:10px;z-index:10000;pointer-events:none;animation:confetti-fall 3s ease-out forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}