*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}html{height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden}body{touch-action:none;background:#ffecd2;width:100%;height:100dvh;font-family:Nunito,sans-serif;overflow:hidden}.score-value,.coins-value,.score-delta,.coins-delta{font-variant-numeric:tabular-nums;letter-spacing:-.5px;text-shadow:0 2px #00000026;font-family:Courier New,monospace;font-weight:800}h2,.tool-badge,.tooltip strong,.combo-text{text-shadow:0 2px #0003;letter-spacing:.5px;font-weight:900}.app{--accent-color:#ff6b6b;width:100%;height:100dvh;padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);flex-direction:column;justify-content:space-between;align-items:center;gap:clamp(6px,1.5vh,12px);display:flex;overflow:hidden}.bokeh-container{pointer-events:none;z-index:-1;width:100%;height:100dvh;position:fixed;top:0;left:0;overflow:hidden}.bokeh-ball{filter:blur(60px);opacity:.7;border-radius:50%;animation:12s ease-in-out infinite alternate floatBoke;position:absolute}@keyframes floatBoke{0%{transform:translate(0)scale(1)}to{transform:translate(-30px,-50px)scale(1.2)}}.top-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff59;border-radius:clamp(20px,5vw,32px);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:600px;padding:clamp(8px,1.5vw,12px) clamp(12px,3vw,24px);animation:.5s ease-out bounceIn;display:flex;box-shadow:0 10px 30px #0000001a,inset 0 1px #fff9}.score-badge,.coins-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border-radius:40px;flex-shrink:0;align-items:center;gap:clamp(4px,1vw,8px);padding:clamp(4px,1vw,8px) clamp(10px,2vw,20px);display:flex;position:relative;box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff80}.score-badge{border:3px solid var(--accent-color)}.coins-badge{border:3px solid #ffd166}.score-value,.coins-value{color:#333;font-size:clamp(16px,4vw,24px);transition:transform .2s}.score-delta,.coins-delta{white-space:nowrap;border-radius:12px;padding:2px 8px;font-size:clamp(11px,3vw,14px);font-weight:700;animation:1s ease-out forwards floatUp;position:absolute;top:-10px;right:-30px}.score-delta{color:#fff;background:#ff6b6b}.coins-delta{color:#333;background:#ffd166}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.control-buttons{color:red;flex-shrink:0;gap:clamp(4px,1vw,8px);display:flex}.icon-btn,.icon-pause{background:var(--accent-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:clamp(36px,10vw,44px);height:clamp(36px,10vw,44px);box-shadow:0 4px 12px #00000026, 0 0 8px var(--accent-color), inset 0 1px 0 #ffffff80;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;transition:transform .2s,background .2s,box-shadow .2s;display:flex}.icon-btn:hover,.icon-pause:hover{background:var(--accent-color);box-shadow:0 6px 16px #0003, 0 0 12px var(--accent-color);transform:scale(1.1)}.main-game{flex-direction:column;flex:auto;align-items:center;gap:clamp(8px,1.5vh,15px);width:100%;min-height:0;display:flex;overflow:hidden}.canvas-container{flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}canvas{box-shadow:0 20px 40px var(--accent-color), 0 0 0 4px #fff6;touch-action:none;aspect-ratio:400/600;object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:clamp(16px,4vw,24px);width:auto;max-width:100%;height:auto;max-height:100%;transition:box-shadow .3s}canvas:hover{box-shadow:0 25px 50px var(--accent-color), 0 0 0 6px #ffffff80}.level-progress-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff6;border-radius:20px;flex-flow:wrap;place-content:center space-evenly;gap:clamp(4px,1vw,8px);max-width:100%;padding:clamp(6px,1.5vw,8px) clamp(10px,2vw,16px);display:flex;box-shadow:0 5px 15px #0000001a}.level-cube{border:2px solid #fff9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(18px,5vw,24px);height:clamp(18px,5vw,24px);font-size:clamp(9px,2.5vw,12px);font-weight:700;transition:transform .2s;display:flex;box-shadow:0 2px 6px #00000026}.level-cube:hover{transform:scale(1.15)}.level-cube.locked{color:#0000;box-shadow:none;background:#ccc;border-style:dashed}.toolbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);scrollbar-width:none;-ms-overflow-style:none;background:#fff6;border-radius:clamp(20px,5vw,28px);flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:clamp(6px,1.5vw,10px);width:100%;max-width:600px;padding:clamp(8px,2vw,12px) clamp(10px,3vw,20px);display:flex;overflow-x:auto;box-shadow:0 10px 25px #0000001a,inset 0 1px #ffffff80}.toolbar::-webkit-scrollbar{display:none}.tool-btn{color:#333;cursor:pointer;background:#ffd166;border:none;border-radius:clamp(14px,3vw,18px);flex-shrink:0;align-items:center;gap:clamp(4px,1vw,6px);min-width:44px;min-height:44px;padding:clamp(6px,1.5vw,10px) clamp(8px,2vw,16px);font-size:clamp(11px,3vw,14px);font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 6px 12px #0000001a,inset 0 1px #fff6}.tool-btn:hover{background:#ffc233;transform:translateY(-3px)}.tool-btn.disabled{color:#777;cursor:not-allowed;box-shadow:none;background:#ccc;transform:none}.tool-btn.active{color:#fff;border:2px solid var(--accent-color);background:#f44;box-shadow:0 0 15px #ff000080}.tool-btn.ending{animation:.5s ease-out endPulse}@keyframes endPulse{0%{transform:scale(1);box-shadow:0 0 #ffffffb3}50%{transform:scale(1.1);box-shadow:0 0 20px 10px #fff6}to{transform:scale(1);box-shadow:0 0 #fff0}}.tool-btn-content{align-items:center;gap:clamp(4px,1vw,6px);display:flex}.tool-badge{color:#fff;z-index:10;background:#ff6b6b;border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;padding:2px;font-size:clamp(9px,2.5vw,11px);font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #0000004d}.personal-record{background:#ffd7001a;border-radius:8px;margin:2px 0;padding:4px 8px;position:relative}.leaderboard-reason{color:#ff6b6b;margin-top:12px;font-size:.9rem;font-style:italic}.tooltip{color:#333;white-space:nowrap;pointer-events:none;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6;border-radius:12px;max-width:90vw;padding:8px 14px;font-size:clamp(11px,3vw,14px);font-weight:700;animation:.2s ease-out tooltipFadeIn;position:fixed;box-shadow:0 4px 12px #0000004d}.tooltip p{opacity:.9;white-space:normal;max-width:150px;margin:4px 0 0;font-size:clamp(10px,2.5vw,12px);font-weight:400}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(5px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.timer-svg{width:clamp(20px,5vw,24px);height:clamp(20px,5vw,24px)}.timer-progress{transition:stroke-dashoffset .1s linear}.overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay-content{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);text-align:center;color:#333;-webkit-overflow-scrolling:touch;background:#ffffffd9;border-radius:clamp(24px,6vw,40px);width:90%;min-width:260px;max-width:min(400px,90vw);max-height:90vh;padding:clamp(20px,5vw,30px) clamp(20px,5vw,40px);animation:.4s ease-out bounceIn;position:relative;overflow-y:auto;box-shadow:0 25px 50px #0000004d,inset 0 1px #fff9}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.overlay-content h2{color:#ff6b6b;margin-bottom:15px;font-size:clamp(1.5rem,6vw,2rem)}.overlay-buttons{flex-direction:column;gap:12px;margin-top:20px;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:20px;min-height:44px;padding:clamp(10px,3vw,14px) clamp(20px,5vw,28px);font-size:clamp(1rem,4vw,1.1rem);font-weight:700;transition:all .2s;box-shadow:0 5px 15px #0000001a}.primary-btn{color:#fff;background:linear-gradient(145deg,#ff6b6b,#ee5a5a);box-shadow:0 8px 20px #ff6b6b66}.primary-btn:hover{background:linear-gradient(145deg,#ee5a5a,#dd4a4a);transform:translateY(-2px)}.secondary-btn{color:#555;text-align:center;background:#f0f0f0;flex-direction:row-reverse;justify-content:space-evenly}.secondary-btn:hover{background:#e0e0e0}.combo-text{text-shadow:2px 2px #fff,4px 4px #0000001a;pointer-events:none;z-index:30;font-size:clamp(1.5rem,8vw,3rem);font-weight:900;animation:.5s ease-out forwards comboBoom;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes comboBoom{0%{opacity:0;transform:translate(-50%,-50%)scale(2)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}70%{transform:translate(-50%,-50%)scale(.95)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.app.combo-shake{animation:.5s ease-out comboShake}@keyframes comboShake{0%{transform:translate(0)}10%{transform:translate(-6px)}20%{transform:translate(6px)}30%{transform:translate(-4px)}40%{transform:translate(4px)}50%{transform:translate(-2px)}60%{transform:translate(2px)}70%{transform:translate(-1px)}80%{transform:translate(1px)}90%{transform:translate(0)}to{transform:translate(0)}}.flying-coin{pointer-events:none;z-index:200;border-radius:50%;transition:none;position:fixed;box-shadow:0 2px 8px #0000004d}.score-value.bounce,.coins-value.bounce,.tool-badge.bounce{animation:.5s ease-out scoreBounce}@keyframes scoreBounce{0%{transform:scale(1)}30%{transform:scale(1.4)}50%{transform:scale(.9)}70%{transform:scale(1.2)}to{transform:scale(1)}}.app.remove-active{-webkit-backdrop-filter:hue-rotate(-20deg);backdrop-filter:hue-rotate(-20deg)}.roulette-content{text-align:center;background:#ffffffd9;border-radius:clamp(24px,6vw,40px);width:90%;max-width:min(400px,90vw);padding:clamp(20px,5vw,30px);animation:.3s ease-out bounceIn;position:relative;box-shadow:0 25px 50px #0000004d}.roulette-content h2{color:#333}.roulette-actions{flex-direction:column;gap:12px;margin-top:20px;display:flex}.wheel-container{width:min(260px,70vw);height:min(260px,70vw);margin:20px auto;position:relative;overflow:hidden}.wheel-pointer{color:var(--accent-color);z-index:2;filter:drop-shadow(0 0 6px var(--accent-color));font-size:clamp(20px,6vw,28px);position:absolute;top:-15px;left:50%;overflow:hidden;transform:translate(-50%)}.wheel{border-radius:50%;width:calc(100% - 20px);height:calc(100% - 20px);transition:transform;position:absolute;top:10px;left:10px;overflow:hidden;box-shadow:0 0 0 8px #ffd166,0 0 0 12px #ff6b6b,0 10px 30px #0000004d}.wheel-segment{clip-path:polygon(50% 50%,100% 0%,100% 50%);transform-origin:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.wheel-icon{justify-content:center;align-items:center;width:clamp(24px,8vw,32px);height:clamp(24px,8vw,32px);display:flex;position:absolute;top:35%;left:85%;transform:translate(-50%,-50%)}.wheel-flash{pointer-events:none;background:#ffffffb3;border-radius:50%;width:calc(100% - 20px);height:calc(100% - 20px);animation:.6s ease-out flashBoom;position:absolute;top:10px;left:10px}@keyframes flashBoom{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.result-icon{margin:20px 0}.result-icon.collecting{animation:.7s ease-in forwards collectPrize}@keyframes collectPrize{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)translateY(-20px)}to{opacity:0;transform:scale(.5)translateY(80px)}}.result-name{color:#333;margin-bottom:25px;font-size:clamp(1.2rem,5vw,1.5rem);font-weight:700}.error-text{color:#ff6b6b;margin-top:10px;font-weight:700}.close-btn{cursor:pointer;color:#aaa;background:0 0;border:none;min-width:44px;min-height:44px;font-size:clamp(20px,6vw,28px);transition:color .2s;position:absolute;top:10px;right:15px}.close-btn:hover{color:#333}.leaderboard-content{width:100%;max-width:min(350px,90vw)}.leaderboard-list{text-align:left;-webkit-overflow-scrolling:touch;max-height:40vh;margin:15px 0;padding:0;list-style:none;overflow-y:auto}.leaderboard-list li{border-bottom:1px solid #ddd;justify-content:space-between;padding:8px 0;display:flex}.leaderboard-list .rank{color:#ff6b6b;width:40px;font-weight:700}.leaderboard-list .name{flex:1;margin:0 10px}.leaderboard-list .score{color:#333;font-weight:700}.final-score{margin:10px 0}.final-score .score-value{color:#333;font-size:clamp(2.5rem,10vw,4rem);font-weight:900}.final-score .score-label{color:#888;margin-top:4px;font-size:clamp(.9rem,3vw,1rem)}.new-record{color:gold;margin:8px 0;font-size:clamp(1rem,4vw,1.2rem);font-weight:700;animation:.6s ease-out scoreBounce}.highscore-row{color:#666;margin-top:8px;font-size:clamp(.9rem,3vw,1rem)}.revive-btn{position:relative;overflow:hidden;background:linear-gradient(145deg,#a855f7,#7c3aed)!important;box-shadow:0 8px 20px #a855f780!important}.revive-btn:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(145deg,#9333ea,#6d28d9)!important;box-shadow:0 10px 25px #a855f799!important}.revive-btn:disabled{opacity:.7;cursor:not-allowed}.revive-btn:after{content:"";background:linear-gradient(45deg,#0000 40%,#ffffff4d 50%,#0000 60%);width:200%;height:200%;animation:2.5s ease-in-out infinite reviveShine;position:absolute;top:-50%;left:-50%}@keyframes reviveShine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.tutorial-open-btn{background:var(--accent-color);color:#333;font-size:clamp(16px,4vw,20px);font-weight:700;box-shadow:0 4px 12px #00000026}.tutorial-overlay{z-index:1000;width:100vw;height:100dvh;animation:.3s ease-out fadeIn;position:fixed;top:0;left:0}.tutorial-spotlight{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#000000bf;position:absolute}.tutorial-full-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;width:100%;height:100%;position:absolute;top:0;left:0}.tutorial-spotlight-pulse{pointer-events:none;border-radius:12px;animation:2s ease-in-out infinite spotlightPulse;position:absolute;box-shadow:0 0 0 4px #ff6b6b99,0 0 30px #ff6b6b4d}@keyframes spotlightPulse{0%,to{box-shadow:0 0 0 4px #ff6b6b99,0 0 30px #ff6b6b4d}50%{box-shadow:0 0 0 8px #ff6b6b4d,0 0 50px #ff6b6b80}}.tutorial-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;z-index:1001;background:#ffffffd9;border-radius:24px;min-width:min(260px,80vw);max-width:min(320px,90vw);padding:24px;transition:opacity .2s ease-out,transform .2s ease-out;position:fixed;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff80}.tutorial-box.tutorial-hidden{opacity:0;transform:translateY(10px)scale(.98)}.tutorial-box.tutorial-visible{opacity:1;background:#ffffffd9;transform:translateY(0)scale(1)}.tutorial-arrow{pointer-events:none;width:0;height:0;position:absolute}.tutorial-header h2{color:#ff6b6b;text-shadow:none;margin-bottom:12px;font-size:clamp(1.2rem,5vw,1.4rem)}.tutorial-desc{color:#555;margin-bottom:20px;font-size:clamp(.9rem,3.5vw,1rem);line-height:1.5}.tutorial-dots{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.tutorial-dot{cursor:pointer;background:#ddd;border:none;border-radius:50%;width:10px;min-width:10px;height:10px;min-height:10px;padding:0;transition:all .2s}.tutorial-dot.active{background:#ff6b6b;transform:scale(1.2)}.tutorial-nav{justify-content:center;align-items:center;display:flex}.tutorial-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:16px;min-height:36px;padding:clamp(8px,2vw,10px) clamp(12px,3vw,18px);font-family:Nunito,sans-serif;font-size:clamp(.85rem,3vw,.95rem);font-weight:700;transition:all .2s}.tutorial-btn-primary{color:#fff;background:linear-gradient(145deg,#ff6b6b,#ee5a5a);box-shadow:0 4px 12px #ff6b6b66}.tutorial-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b80}.tutorial-btn-secondary{color:#666;background:#f0f0f0}.tutorial-btn-secondary:hover:not(:disabled){background:#e0e0e0}.tutorial-btn-secondary:disabled{opacity:.4;cursor:not-allowed}.tutorial-btn-skip{color:#999;background:0 0;padding:10px 12px;font-size:clamp(.8rem,2.5vw,.85rem)}.tutorial-btn-skip:hover{color:#666}.first-tip{color:#ff6b6b;text-align:center;pointer-events:none;z-index:50;background:#fffffff2;border-radius:20px;padding:12px 24px;font-family:Nunito,sans-serif;font-size:clamp(.8rem,2.5vw,.85rem);font-weight:700;animation:.1s ease-out bounceIn;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.main-menu-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:101;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.main-menu-content{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);text-align:center;color:#333;background:#fffc;border-radius:40px;min-width:280px;max-width:400px;padding-bottom:30px;animation:.4s ease-out bounceIn;box-shadow:0 25px 50px #0000004d,inset 0 1px #fff9}.settings-label{width:100px}.settings-row{align-items:center;gap:16px;margin-bottom:12px;display:flex}.quests-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:16px 0;display:grid}.quest-card{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;flex-direction:column;gap:14px;margin:10px;padding:20px 24px 24px;transition:transform .25s,box-shadow .35s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000000f,0 2px 6px #0000000a}.quest-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 16px 40px #00000014,0 4px 12px #0000000a}.quest-card.claimed{opacity:.75;background:linear-gradient(145deg,#f1f5f9,#e9edf3);border-color:#cbd5e1}.quest-card.claimed:after{content:"✓";color:#22c55e;opacity:.3;font-size:28px;font-weight:700;position:absolute;top:12px;right:16px}.quest-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.overlay-content{scrollbar-width:none}.overlay-content::-webkit-scrollbar{display:none}.quest-desc{color:#0f172a;flex:1;font-size:1rem;font-weight:600;line-height:1.4}.quest-progress-text{color:#475569;white-space:nowrap;background:#eef2f6;border-radius:30px;padding:2px 12px;font-size:.85rem;font-weight:600;line-height:1.8;display:inline-block}.quest-progress-bar{background:#e2e8f0;border-radius:20px;width:100%;height:8px;overflow:hidden;box-shadow:inset 0 1px 3px #0000000f}.quest-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7) 0 0/200% 100%;border-radius:20px;width:0%;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);animation:2.5s ease-in-out infinite alternate shimmer}@keyframes shimmer{0%{background-position:0 0}to{background-position:100% 0}}.quest-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.quest-reward{color:#1e293b;background:#f1f5f9;border-radius:40px;align-items:center;gap:8px;padding:4px 14px 4px 10px;font-size:.9rem;font-weight:500;display:flex}.reward-icon{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.3rem;line-height:1;display:inline-flex;box-shadow:0 2px 8px #0000000a}.reward-text{white-space:nowrap}.claim-btn{cursor:pointer;color:#64748b;letter-spacing:.3px;background:#e2e8f0;border:none;border-radius:40px;justify-content:center;align-items:center;min-width:100px;padding:8px 22px;font-size:.9rem;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 2px 6px #00000005}.claim-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.claim-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 6px 18px #6366f159}.claim-btn.active:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 10px 28px #6366f173}.claim-btn.active:active{transform:scale(.96)}.claim-btn.claimed{color:#fff;background:#22c55e;box-shadow:0 4px 12px #22c55e40}.bounce-on-hover{animation:2s ease-in-out infinite gentle-bounce}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (width<=640px){.quests-grid{grid-template-columns:1fr;gap:16px}.quest-card{padding:16px 18px 20px}.quest-footer{flex-direction:column;align-items:stretch}.quest-reward{justify-content:center}.claim-btn{justify-content:center;width:100%}.quest-progress-text{padding:0 10px;font-size:.75rem}}.settings-slider{appearance:none;background:linear-gradient(to right, #4f46e5 0%, #4f46e5 var(--fill,0%), #d1d5db var(--fill,0%), #d1d5db 100%);border-radius:4px;outline:none;flex:1;height:6px;transition:background .2s}.settings-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#4f46e5;border-radius:50%;width:18px;height:18px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 6px #4f46e566}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #4f46e599}.settings-slider::-moz-range-thumb{cursor:pointer;background:#4f46e5;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #4f46e566}.settings-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #4f46e599}.settings-slider::-moz-range-track{background:#d1d5db;border-radius:4px;height:6px}.main-menu-content button{margin-left:30px;margin-right:30px}.menu-logo-container{margin-bottom:1px}.menu-title{color:#ff6b6b;text-shadow:0 2px #0003;margin:10px 0 5px;font-size:2rem;font-weight:900}.menu-subtitle{color:#666;margin-bottom:20px;font-size:1rem}.menu-buttons-list{flex-direction:column;gap:12px;margin-top:20px;display:flex}.menu-btn{cursor:pointer;color:#555;background:#f0f0f0;border:none;border-radius:20px;padding:14px 28px;font-size:1.1rem;font-weight:700;transition:all .2s;box-shadow:0 5px 15px #0000001a}.menu-btn:hover{background:#e0e0e0;transform:translateY(-2px)}.play-btn{color:#fff;background:linear-gradient(145deg,#ff6b6b,#ee5a5a);box-shadow:0 8px 20px #ff6b6b66}.play-btn:hover{background:linear-gradient(145deg,#ee5a5a,#dd4a4a)}.continue-btn{color:#333;background:linear-gradient(145deg,#ffd166,#ffc233)}.exit-btn{color:#fff;background:#ff6b6b;margin-top:10px}.exit-btn:hover{background:#ee5a5a}.overlay-buttons .w-full{width:100%}.overlay-buttons .mt-4{margin-top:16px}@media (width<=600px){.app{gap:5px;padding:5px}.top-bar{gap:6px;padding:8px 12px}.toolbar{gap:6px;padding:8px 10px}.tool-btn{padding:8px 12px;font-size:13px}}@media (height<=500px) and (orientation:landscape){.app{flex-direction:row;gap:8px;padding:4px}.top-bar{flex-direction:column;gap:6px;width:auto;height:100%;padding:8px}.score-badge,.coins-badge{padding:4px 8px;font-size:12px}.score-value,.coins-value{font-size:14px}.main-game{flex-direction:row;height:100%}.canvas-container{height:100%}canvas{aspect-ratio:400/600;max-height:95vh}.level-progress-bar{flex-direction:column;width:auto;height:auto;padding:8px}.toolbar{flex-direction:column;width:auto;height:100%;padding:8px;overflow:hidden auto}.tool-btn{writing-mode:horizontal-tb;min-height:36px;padding:6px 8px}.combo-text{font-size:1.5rem}}@media (width<=360px){.score-badge,.coins-badge{gap:4px;padding:4px 8px}.score-value,.coins-value{font-size:14px}.icon-btn,.icon-pause{width:36px;height:36px}.tool-btn{border-radius:12px;padding:6px 10px;font-size:11px}.tool-badge{min-width:16px;height:16px;font-size:9px}}