*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow:hidden;background:#1a1a2e;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}#gameWrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;background:#1a1a2e;padding:10px;transition:all .3s}#header{width:100%;max-width:1200px;margin:0 auto 8px auto;background:linear-gradient(135deg,#2a1a3e 0,#1a1a2e 50%,#2a1a3e 100%);border-radius:16px 16px 0 0;padding:10px 20px;box-shadow:0 -4px 30px rgba(233,69,96,.1);border-bottom:3px solid #e94560;flex-shrink:0}#headerContent{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}#logoSection{display:flex;flex-direction:column}#logo{font-size:clamp(16px, 2vw, 24px);font-weight:700;color:#fff;text-shadow:0 0 20px rgba(233,69,96,.3);letter-spacing:1px}#logo::before{content:'✦ ';color:gold}#subtitle{font-size:clamp(9px, 1vw, 12px);color:rgba(255,255,255,.5);font-style:italic;letter-spacing:2px}#storySection{display:flex;gap:6px;align-items:center}.story-btn{padding:4px 12px;border-radius:16px;font-size:clamp(11px, 1vw, 13px);cursor:pointer;transition:all .3s;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:rgba(255,255,255,.7)}.story-btn:hover{background:rgba(233,69,96,.2);border-color:#e94560;transform:translateY(-2px);box-shadow:0 4px 15px rgba(233,69,96,.2)}#statsSection{display:flex;gap:10px;color:rgba(255,255,255,.6);font-size:clamp(10px, 1vw, 13px);align-items:center}#statsSection span{display:flex;align-items:center;gap:4px;background:rgba(255,255,255,.05);padding:3px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.05)}#gamesPlayedCount,#playerLevel,#totalCoinsCount{color:gold;font-weight:700}#storyPopup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#storyContent{background:linear-gradient(135deg,#2a1a3e 0,#1a1a2e 100%);border-radius:24px;padding:30px 40px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;border:2px solid #e94560;box-shadow:0 20px 60px rgba(0,0,0,.5)}#storyContent::-webkit-scrollbar{width:4px}#storyContent::-webkit-scrollbar-thumb{background:#e94560;border-radius:4px}#storyClose{position:absolute;top:12px;right:16px;background:0 0;border:none;color:rgba(255,255,255,.5);font-size:24px;cursor:pointer;padding:0;margin:0;transition:all .3s}#storyClose:hover{color:#fff;transform:rotate(90deg)}#storyContent h2{color:#fff;font-size:clamp(22px, 3vw, 32px);margin-bottom:16px;text-align:center}#storyText{color:rgba(255,255,255,.85);line-height:1.8;font-size:clamp(14px, 1.4vw, 16px)}#storyText p{margin-bottom:14px}#storyText strong{color:gold}#storyStats{display:flex;justify-content:space-around;flex-wrap:wrap;gap:10px;margin-top:20px;padding:14px;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,215,0,.1)}#storyStats span{color:rgba(255,255,255,.7);font-size:clamp(11px, 1.1vw, 14px)}#storyStats strong{color:gold}#lorePreview{font-size:clamp(11px, 1vw, 14px);color:rgba(255,255,255,.5);margin:6px 0 4px 0;padding:5px 12px;background:rgba(233,69,96,.05);border-radius:10px;border:1px dashed rgba(233,69,96,.15);display:flex;align-items:center;justify-content:center;gap:8px}#footer{width:100%;max-width:1200px;margin:8px auto 0 auto;background:linear-gradient(135deg,#1a1a2e 0,#2a1a3e 50%,#1a1a2e 100%);border-radius:0 0 16px 16px;padding:8px 20px;border-top:2px solid rgba(233,69,96,.3);flex-shrink:0}#footerContent{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}#footerLeft{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.3);font-size:clamp(10px, .9vw, 12px)}#footerRight{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.footer-tip{color:rgba(255,255,255,.25);font-size:clamp(9px, .8vw, 11px);transition:all .3s}.footer-tip:hover{color:rgba(255,255,255,.6)}.footer-tip kbd{background:rgba(255,255,255,.08);padding:1px 6px;border-radius:4px;font-size:clamp(8px, .7vw, 10px);color:gold;border:1px solid rgba(255,215,0,.15)}#gameContainer{position:relative;background:#f7f7f7;border-radius:20px;padding:12px;box-shadow:0 20px 60px rgba(0,0,0,.5);max-width:98vw;max-height:92vh;display:flex;flex-direction:column;transition:all .3s;width:100%;max-width:1200px}#fullscreenBtn{position:absolute;top:8px;right:8px;z-index:20;background:rgba(0,0,0,.4);color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:16px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;padding:0;margin:0}#fullscreenBtn:hover{background:rgba(0,0,0,.6);transform:scale(1.1)}#fullscreenBtn:active{transform:scale(.9)}#canvasWrapper{position:relative;overflow:hidden;border-radius:10px;background:#fff;flex-shrink:0}#gameCanvas{display:block;width:100%;height:auto;background:#fff;cursor:pointer;touch-action:none}#comboDisplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;font-weight:700;color:gold;text-shadow:0 0 30px rgba(255,215,0,.5);pointer-events:none;z-index:5;animation:comboPulse .5s ease-out}@keyframes comboPulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}100%{transform:translate(-50%,-50%) scale(1);opacity:1}}#powerupIndicator{position:absolute;top:8px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:5;pointer-events:none;flex-wrap:wrap;justify-content:center}.powerup-icon{background:rgba(0,0,0,.7);color:#fff;padding:3px 10px;border-radius:12px;font-size:12px;animation:powerupAppear .3s ease-out;backdrop-filter:blur(5px)}@keyframes powerupAppear{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}#mobileControls{display:none;justify-content:center;gap:12px;padding:6px 8px;background:rgba(255,255,255,.03);border-radius:0 0 10px 10px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0;width:100%}@media (pointer:coarse){#mobileControls{display:flex!important}}.mobile-btn{flex:1;max-width:160px;padding:12px 18px;font-size:16px;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .15s;touch-action:manipulation;user-select:none;-webkit-user-select:none;text-align:center;min-height:50px;display:flex;align-items:center;justify-content:center}#btnJump{background:linear-gradient(135deg,#e94560,#c73652);color:#fff;box-shadow:0 4px 15px rgba(233,69,96,.4);order:2}#btnJump:active{transform:scale(.92);box-shadow:0 2px 8px rgba(233,69,96,.3)}#btnDuck{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 4px 15px rgba(52,152,219,.4);order:1}#btnDuck:active{transform:scale(.92);box-shadow:0 2px 8px rgba(52,152,219,.3)}#skinSelector{display:flex;gap:5px;padding:6px 10px;background:#fff;border-radius:0 0 10px 10px;border-top:2px solid #e0e0e0;align-items:center;flex-wrap:wrap;flex-shrink:0;font-size:clamp(11px, 1.2vw, 14px)}#skinSelector span{font-weight:700;color:#555;margin-right:2px}.skin-btn{padding:3px 10px;font-size:clamp(10px, 1.1vw, 13px);border:2px solid #ddd;border-radius:14px;background:#f5f5f5;cursor:pointer;transition:all .3s;color:#333;white-space:nowrap;touch-action:manipulation}.skin-btn:hover{background:#e8e8e8;transform:scale(1.04)}.skin-btn.active{border-color:#e94560;background:#ffe0e8;color:#e94560}.skin-btn:active{transform:scale(.95)}#xpBar{position:relative;height:18px;background:#2a2a3e;border-radius:0 0 10px 10px;overflow:hidden;flex-shrink:0;border-top:1px solid rgba(255,255,255,.05)}#xpProgress{height:100%;width:0%;background:linear-gradient(90deg,gold,#ff6b00);transition:width .5s ease;border-radius:0 0 10px 10px}#xpText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:11px;font-weight:700;text-shadow:0 0 10px rgba(0,0,0,.5);white-space:nowrap}#dailyQuestDisplay{font-size:clamp(11px, 1vw, 14px);color:rgba(255,255,255,.6);margin:6px 0 4px 0;padding:5px 12px;background:rgba(255,215,0,.05);border-radius:10px;border:1px solid rgba(255,215,0,.1)}#dailyQuestText{color:gold}#scoreBoard{display:flex;justify-content:space-between;padding:6px 14px;font-size:clamp(16px, 2.5vw, 26px);font-weight:700;color:#333;background:#fff;border-radius:10px 10px 0 0;border-bottom:3px solid #e0e0e0;flex-shrink:0}#scoreBoard div{white-space:nowrap}#gameOverScreen,#startScreen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.95);padding:clamp(20px,4vw,40px);border-radius:20px;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.2);min-width:min(280px,80vw);max-width:90vw;z-index:10;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#startScreen h1{font-size:clamp(24px, 5vw, 40px);color:#e94560;margin-bottom:8px}#gameOverScreen p,#startScreen p{font-size:clamp(14px, 2vw, 20px);color:#555;margin:6px 0}#startScreen .hint{font-size:clamp(11px, 1.3vw, 15px);color:#888;margin-top:10px}button{background:#e94560;color:#fff;border:none;padding:clamp(10px,1.8vw,16px) clamp(20px,3.5vw,40px);font-size:clamp(16px, 2.2vw, 22px);border-radius:30px;cursor:pointer;margin-top:12px;transition:all .3s;font-weight:700;touch-action:manipulation}button:hover{background:#c73652;transform:scale(1.05);box-shadow:0 5px 20px rgba(233,69,96,.4)}button:active{transform:scale(.95)}#gameOverScreen h2{color:#e94560;font-size:clamp(22px, 4vw, 34px);margin-bottom:8px}#gameOverScreen p{font-size:clamp(16px, 2vw, 22px)}#gameOverScreen p span{font-weight:700;color:#e94560}#achievementsUnlocked{margin-top:10px;font-size:14px}@media (max-width:768px){#header{padding:6px 12px;border-radius:12px 12px 0 0}#headerContent{flex-direction:column;align-items:stretch;gap:4px}#storySection{justify-content:center}#statsSection{justify-content:center;flex-wrap:wrap}#footer{padding:5px 12px;border-radius:0 0 12px 12px}#footerContent{flex-direction:column;text-align:center;gap:3px}#footerRight{justify-content:center}#storyContent{padding:20px;margin:10px}#gameWrapper{padding:5px}#gameContainer{padding:6px;border-radius:12px}#scoreBoard{padding:4px 8px;font-size:clamp(12px, 3.5vw, 18px)}#skinSelector{padding:4px 6px;gap:3px}.skin-btn{padding:2px 7px;font-size:clamp(8px, 1.8vw, 11px)}#gameOverScreen,#startScreen{padding:14px;min-width:85vw}#fullscreenBtn{width:26px;height:26px;font-size:13px;top:4px;right:4px}.mobile-btn{padding:10px 14px;font-size:14px;min-height:44px;max-width:130px}#comboDisplay{font-size:30px}#xpText{font-size:10px}#xpBar{height:16px}}@media (max-width:480px){#mobileControls{padding:4px 6px;gap:8px}.mobile-btn{padding:8px 10px;font-size:12px;min-height:38px;max-width:110px;border-radius:30px}#comboDisplay{font-size:24px}.powerup-icon{font-size:10px;padding:2px 8px}#gameContainer{padding:4px;border-radius:10px}#scoreBoard{padding:3px 6px;font-size:clamp(10px, 3vw, 14px)}.skin-btn{padding:2px 5px;font-size:8px;border-radius:10px}#gameOverScreen,#startScreen{padding:10px;min-width:90vw;border-radius:12px}#startScreen h1{font-size:18px}button{padding:6px 14px;font-size:13px;margin-top:8px}#fullscreenBtn{width:22px;height:22px;font-size:11px}}@media (max-height:500px) and (orientation:landscape){#gameContainer{flex-direction:row;flex-wrap:wrap;padding:6px}#canvasWrapper{flex:1;min-width:55%;max-height:75vh}#scoreBoard{width:100%;padding:3px 8px;font-size:clamp(10px, 2vw, 14px)}#skinSelector{width:100%;padding:3px 6px;justify-content:center}#mobileControls{width:100%;padding:3px 6px}.mobile-btn{padding:6px 10px;font-size:11px;min-height:32px;max-width:90px}#gameOverScreen,#startScreen{padding:10px;min-width:55vw}#startScreen h1{font-size:clamp(16px, 2.5vw, 24px)}#header{padding:4px 10px}#footer{padding:3px 10px}#comboDisplay{font-size:20px}#xpBar{height:14px}#xpText{font-size:9px}}@media (max-height:700px) and (orientation:portrait){#gameContainer{padding:4px}#canvasWrapper{max-height:55vh}#scoreBoard{padding:3px 6px;font-size:clamp(10px, 3vw, 14px)}#skinSelector{padding:3px 6px}.skin-btn{padding:2px 5px;font-size:8px}.mobile-btn{padding:8px 12px;font-size:12px;min-height:36px}#header{padding:4px 10px}#footer{padding:3px 10px}#comboDisplay{font-size:22px}#xpBar{height:14px}}@media (prefers-color-scheme:dark){#gameContainer{background:#2a2a3e}#scoreBoard,#skinSelector{background:#2a2a3e;color:#eee;border-color:#444}#scoreBoard{color:#eee}.skin-btn{background:#3a3a4e;color:#ccc;border-color:#555}.skin-btn.active{background:#4a2a3e;border-color:#e94560;color:#ff6b8a}#gameOverScreen,#startScreen{background:rgba(30,30,50,.95);color:#eee}#gameOverScreen p,#startScreen p{color:#ccc}#startScreen .hint{color:#999}#xpBar{background:#3a3a4e}}@supports (padding:max(0px)){#gameWrapper{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}}@keyframes achievementUnlock{0%{transform:scale(0) rotate(-180deg)}100%{transform:scale(1) rotate(0)}}@keyframes levelUpPop{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.2)}70%{transform:translate(-50%,-50%) scale(.9)}100%{transform:translate(-50%,-50%) scale(1)}}