*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%;overflow:hidden;background:#111;color:#fff;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}#loadingMessage{font-size:calc(18px + .5vw);color:#f0f0f0;padding:20px;border-radius:8px;background-color:rgba(0,0,0,.3);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3000}.game-container{display:none;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:relative;padding:5px;background-color:#111}.game-container:fullscreen{background-color:#000}.game-container:-webkit-full-screen{background-color:#000}.game-container:-moz-full-screen{background-color:#000}.game-container:-ms-fullscreen{background-color:#000}h1{margin-top:10px;margin-bottom:15px;font-size:calc(18px + 1.2vw);font-weight:700;color:#f0f0f0;text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 10px rgba(255,223,0,.3);transition:font-size .3s ease,margin .3s ease,opacity .3s ease;letter-spacing:1px;position:absolute;top:10px;left:50%;transform:translateX(-50%);width:90%;z-index:15}.game-container>h1{display:none}body.menu-visible .game-container>h1{display:block}.main-menu-sound-toggle{position:absolute;top:15px;right:15px;z-index:16;background:#4a5568;color:#fff;border:none;border-radius:5px;cursor:pointer;width:40px;height:40px;font-size:20px;line-height:40px;text-align:center;display:none;padding:0}#scoreboard{position:absolute;top:60px;left:50%;transform:translateX(-50%);width:90%;max-width:500px;margin:0;font-size:calc(14px + .5vw);white-space:nowrap;font-weight:500;color:#e0e0e0;text-shadow:1px 1px 2px rgba(0,0,0,.7);z-index:15}#comboCounter{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);font-size:calc(16px + .5vw);color:gold;font-weight:700;text-shadow:1px 1px 0 rgba(0,0,0,.7),2px 2px 3px rgba(0,0,0,.5);opacity:0;transition:opacity .2s ease-out}#comboCounter.visible{opacity:1}canvas{border:3px solid #fff;touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:pointer;display:block;transition:box-shadow .3s ease-in-out,background .5s ease;max-width:100%;max-height:100%;object-fit:contain}canvas.low-health-warning-active{animation:pulseRedBorder .8s infinite alternate;border-color:red}@keyframes pulseRedBorder{from{box-shadow:0 0 8px 2px rgba(255,0,0,.4)}to{box-shadow:0 0 20px 8px rgba(255,0,0,.9)}}canvas.stage-jungle{background:linear-gradient(to bottom,#228b22 0,#3cb371 60%,#8fbc8f 100%);animation:jungleVibes 20s ease-in-out infinite alternate}@keyframes jungleVibes{0%{background:linear-gradient(to bottom,#228b22 0,#3cb371 60%,#8fbc8f 100%)}100%{background:linear-gradient(to bottom,#2e8b57 0,#38a169 60%,#82b38a 100%)}}canvas.stage-outskirts{background:linear-gradient(to bottom,#a0a0a0 0,#bdb76b 50%,tan 100%);animation:outskirtsHaze 18s ease-in-out infinite alternate}@keyframes outskirtsHaze{0%{background:linear-gradient(to bottom,#a0a0a0 0,#bdb76b 50%,tan 100%)}100%{background:linear-gradient(to bottom,#a8a8a8 0,#c4be74 50%,#c1a679 100%)}}canvas.stage-city{background:linear-gradient(to top,#343a40 10%,#495057 60%,#212529 100%);animation:cityGlow 12s ease-in-out infinite alternate}@keyframes cityGlow{0%{background:linear-gradient(to top,#343a40 10%,#495057 60%,#212529 100%)}100%{background:linear-gradient(to top,#3e444a 10%,#535960 60%,#2a2e33 100%)}}.game-button{padding:6px;font-size:18px;border:none;border-radius:5px;cursor:pointer;display:none;background:#6c757d;color:#fff;width:44px;height:38px;line-height:26px;text-align:center;flex-shrink:0}.controls-wrapper{position:absolute;top:10px;width:100%;display:none;justify-content:space-between;padding:0 10px;z-index:11;pointer-events:none}.control-group{display:flex;align-items:center;gap:8px;pointer-events:auto}#musicVolumeSlider{cursor:pointer;width:80px;display:none}#musicVolumeSlider.visible{display:inline-block}#pauseBtn{background:#ffc107;color:#000}#gameOverMsg,#highScoreFlash,#howToPlayBtn,#restartBtn,#startBtn{position:absolute;left:50%;transform:translateX(-50%);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;z-index:10}#howToPlayBtn,#restartBtn,#stageCompleteBtn,#startBtn{font-size:18px;padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;display:block;font-weight:500;letter-spacing:.5px}#restartBtn{top:60%;background:#007bff;display:none}#startBtn{top:70%;opacity:.5;pointer-events:none}#levelSwitcherContainer{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:8px;margin-bottom:20px;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);z-index:10;width:auto}.level-switch-btn{background-color:#2c7a2c;color:#fff;border:1px solid #1f571f;border-radius:6px;width:48px;height:40px;font-size:24px;font-weight:700;line-height:38px;text-align:center;cursor:pointer;transition:background-color .2s ease,transform .1s ease,box-shadow .1s ease;box-shadow:0 2px 3px rgba(0,0,0,.15);margin:0 8px}.level-switch-btn:hover{background-color:#3b8f3b;transform:translateY(-1px);box-shadow:0 3px 5px rgba(0,0,0,.2)}.level-switch-btn:active{background-color:#1f571f;transform:translateY(0);box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}#currentLevelDisplay{color:#e2e8f0;background-color:#1e2227;padding:8px 20px;border-radius:6px;font-size:18px;font-weight:500;margin:0 10px;box-shadow:inset 0 1px 3px rgba(0,0,0,.3);min-width:170px;text-align:center}#howToPlayBtn{top:78%;background:#17a2b8;width:auto;min-width:150px}#gameOverMsg{top:40%;color:#ff4d4d;font-size:calc(22px + .5vw);display:none;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.7)}#highScoreFlash{top:20%;color:gold;font-size:28px;font-weight:700;display:none;animation:flash 1s ease-in-out 3}@keyframes flash{0%{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}100%{opacity:0;transform:scale(1)}}#storyIntroText{display:none;position:absolute;top:36%;left:50%;transform:translateX(-50%);width:90%;max-width:520px;font-weight:700;font-size:calc(14px + .35vw);color:#e0e0a0;margin-bottom:18px;padding:0 10px;line-height:1.45;letter-spacing:.8px;text-shadow:1px 1px 0 rgba(0,0,0,.7),2px 2px 4px rgba(0,0,0,.5);text-align:center;z-index:10}#instructions{position:absolute;top:49%;left:50%;transform:translateX(-50%);width:90%;max-width:480px;font-weight:500;font-size:calc(12px + .25vw);color:#b0b0b0;text-shadow:1px 1px 2px rgba(0,0,0,.4);text-align:center;z-index:10;line-height:1.4;padding:0 10px}#levelWarning{position:absolute;top:68%;color:red;font-size:14px;display:none}body.shake{animation:shake .1s linear 1}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}#stageStartMessageOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.85);display:none;flex-direction:column;justify-content:center;align-items:center;z-index:1500;padding:20px;box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .4s ease-in-out}#stageStartMessageOverlay.visible{opacity:1;visibility:visible}#stageStartMessageText{color:#fff;font-size:calc(20px + .7vw);font-weight:700;text-align:center;text-shadow:0 0 10px rgba(0,0,0,.6),1px 1px 2px rgba(0,0,0,.8),0 0 20px rgba(255,255,255,.25);line-height:1.4;max-width:80%;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:25px}#stageCompleteBtn{display:none}#unifiedEndScreenOverlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);flex-direction:column;justify-content:center;align-items:center;z-index:2500;padding:20px;box-sizing:border-box}#uesMessage{color:#fff;font-size:calc(24px + .8vw);font-weight:700;text-align:center;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.6);line-height:1.3;max-width:90%}.ues-button-container{display:flex;gap:15px;margin-top:10px}#uesButton,#uesButtonMenu{font-size:calc(16px + .2vw);padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;display:none;min-width:150px;box-shadow:0 3px 6px rgba(0,0,0,.2);transition:background-color .2s ease}#uesButton:hover,#uesButtonMenu:hover{background-color:#0056b3}#uesButtonMenu{background:#6c757d}#uesButtonMenu:hover{background-color:#545b62}.modal-overlay{display:none;position:fixed;z-index:2600;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.75);justify-content:center;align-items:center}.modal-content{background-color:#282c34;color:#f1f1f1;margin:auto;padding:20px;border:1px solid #888;width:80%;max-width:600px;border-radius:10px;position:relative;max-height:80vh;overflow-y:auto;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);text-align:left}.modal-content h2{margin-top:0;color:#61dafb;text-align:center}.modal-content h3{margin-top:15px;margin-bottom:5px;color:#fd0}.modal-content ul{list-style-type:none;padding-left:0}.modal-content ul ul{padding-left:20px;list-style-type:disc}.modal-content li{margin-bottom:8px;line-height:1.6}.modal-content p{line-height:1.6;margin-bottom:10px}.close-modal-btn{color:#aaa;position:absolute;top:10px;right:20px;font-size:28px;font-weight:700;cursor:pointer}.close-modal-btn:focus,.close-modal-btn:hover{color:#fff;text-decoration:none}#modalGotItBtn{display:block;margin:20px auto 0 auto;padding:10px 25px;font-size:18px;background-color:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer}#modalGotItBtn:hover{background-color:#218838}#scoreMilestoneBanner{display:none;position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:85%;max-width:450px;padding:12px;background-color:#2a9d8f;color:#fff;font-size:calc(15px + .5vw);font-weight:700;text-align:center;border-radius:0 0 12px 12px;box-shadow:0 5px 10px rgba(0,0,0,.3);z-index:500;transition:top .5s cubic-bezier(.68, -.55, .27, 1.55),background-color .3s ease}#scoreMilestoneBanner.visible{top:0}