.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:850px;margin:0 auto;padding:15px;font-family:Quicksand,PingFang SC,system-ui,sans-serif;-webkit-user-select:none;user-select:none;background:#fff8e7;border-radius:32px;box-shadow:0 12px #00000014}.top-bar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 20px;margin-bottom:10px}.game-title-mini{font-size:24px;font-weight:900;color:#2c3e50;text-shadow:2px 2px 0px #FFD93D}.top-actions{display:flex;gap:10px}.pause-btn,.sound-toggle,.help-btn{background:#fff;border:3px solid #2C3E50;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px #2c3e50;transition:transform .1s,box-shadow .1s;color:#2c3e50}.pause-btn:active,.sound-toggle:active,.help-btn:active{transform:translateY(3px);box-shadow:0 1px #2c3e50}.game-screen{position:relative;width:800px;height:400px;border:6px solid #2C3E50;border-radius:24px;overflow:hidden;box-shadow:0 8px #2c3e50;transition:background 1.5s ease}.hit-flash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#e74c3c59;z-index:99;pointer-events:none;animation:flashFade .15s ease-out forwards}@keyframes flashFade{0%{opacity:1}to{opacity:0}}.sky-bg{position:absolute;width:100%;height:100%;pointer-events:none;z-index:1}.cloud{position:absolute;font-size:40px;opacity:.6}.cloud-1{top:30px;left:10%;animation:floatCloud 25s linear infinite}.cloud-2{top:80px;left:50%;animation:floatCloud 35s linear infinite}.cloud-3{top:40px;left:80%;animation:floatCloud 20s linear infinite}@keyframes floatCloud{0%{transform:translate(800px)}to{transform:translate(-150px)}}.celestial-indicator{position:absolute;top:20px;right:150px;font-size:32px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fffc;border:3px solid #2C3E50;border-radius:50%;box-shadow:0 4px #2c3e50;z-index:2;transition:background 1.5s ease,transform .1s linear}.celestial-indicator.night{background:#34495e}.candy-mountains{position:absolute;bottom:80px;width:100%;height:120px;pointer-events:none;z-index:2}.lollipop{position:absolute;font-size:48px;filter:drop-shadow(0 4px 0 rgba(0,0,0,.1))}.lollipop-1{bottom:0;left:15%;animation:floatLollipop 12s linear infinite}.lollipop-2{bottom:10px;left:65%;animation:floatLollipop 18s linear infinite}.candy-castle{position:absolute;bottom:-5px;left:40%;font-size:72px;filter:drop-shadow(0 6px 0 rgba(0,0,0,.1));animation:floatLollipop 25s linear infinite}@keyframes floatLollipop{0%{transform:translate(800px)}to{transform:translate(-200px)}}.midground-bushes{position:absolute;bottom:75px;left:0;width:100%;height:50px;background-image:radial-gradient(circle at 15px 50px,#FF8A65 25px,transparent 25px),radial-gradient(circle at 45px 50px,#FFD93D 20px,transparent 20px),radial-gradient(circle at 75px 50px,#4ECDC4 25px,transparent 25px);background-size:100px 50px;opacity:.5;z-index:3;animation:scrollBushes 4s linear infinite}@keyframes scrollBushes{0%{background-position-x:0px}to{background-position-x:-100px}}.wind-lines-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.wind-line{position:absolute;height:4px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);border-radius:999px;pointer-events:none}.wind-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.wind-petal{position:absolute;background:#ffb6c199;border-radius:50% 0 50% 50%;box-shadow:0 2px 4px #0000000d}.sprinkles-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.sprinkle-item{position:absolute;opacity:.4;pointer-events:none;transform:rotate(15deg)}.game-arena{position:relative;width:100%;height:100%;z-index:4}.ground-floor{position:absolute;bottom:0;left:0;width:100%;height:80px;background-color:#e0a96d;border-top:6px solid #2C3E50;background-image:linear-gradient(45deg,#D49B5E 25%,transparent 25%,transparent 75%,#D49B5E 75%,#D49B5E),linear-gradient(45deg,#D49B5E 25%,transparent 25%,transparent 75%,#D49B5E 75%,#D49B5E);background-size:30px 30px;background-position:0 0,15px 15px;animation:scrollGround .4s linear infinite}@keyframes scrollGround{0%{background-position:0 0,15px 15px}to{background-position:-30px 0,-15px 15px}}.player-shadow{position:absolute;bottom:75px;left:105px;width:40px;height:8px;background:#2c3e5059;border-radius:50%;z-index:9;pointer-events:none;transition:transform .08s cubic-bezier(.25,.8,.25,1),opacity .08s ease}.player-pudding{position:absolute;width:50px;z-index:10;transition:transform .08s cubic-bezier(.25,.8,.25,1)}.pudding-svg{width:100%;height:100%}.player-pudding.invincible{animation:blink .15s infinite alternate}.player-pudding.level-glow{filter:drop-shadow(0 0 12px #FFD93D) drop-shadow(0 0 4px #FF8A65);animation:levelPulse .2s infinite alternate}@keyframes levelPulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.level-halo{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:20px;animation:spinHalo 1s linear infinite;pointer-events:none}@keyframes spinHalo{0%{transform:translate(-50%) rotate(0) scale(1)}50%{transform:translate(-50%) rotate(180deg) scale(1.2)}to{transform:translate(-50%) rotate(360deg) scale(1)}}@keyframes blink{0%{opacity:.3}to{opacity:1}}.shield-bubble{position:absolute;top:-10px;right:-10px;background:#5b9bd5;color:#fff;border:2px solid #2C3E50;border-radius:50%;padding:3px;animation:pulse 1s infinite alternate}.level-up-banner{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#ffd93d,#ff8a65);border:6px solid #2C3E50;border-radius:24px;padding:15px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px #2c3e50,0 15px 30px #ff8a6566;z-index:50;pointer-events:none}.level-up-sparkles{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:900;color:#2c3e50;text-shadow:2px 2px 0 #FFF}.sparkle-icon{color:#fff;animation:spin 2s linear infinite}.level-up-badge{background:#fff;border:4px solid #2C3E50;border-radius:12px;padding:4px 20px;font-size:22px;font-weight:900;color:#ff8a65;margin-top:8px;box-shadow:0 4px #2c3e50}.level-up-tip{font-size:13px;font-weight:800;color:#fff;text-shadow:1px 1px 0px #2C3E50;margin-top:10px}.obstacle-item{position:absolute;display:flex;align-items:center;justify-content:center;z-index:5}.obstacle-giant{animation:rollObstacle 1.5s linear infinite}@keyframes rollObstacle{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.obstacle-ghost{opacity:.85;filter:drop-shadow(0 4px 6px rgba(155,89,182,.3))}.obstacle-jelly{animation:squashJelly .6s infinite alternate ease-in-out}@keyframes squashJelly{0%{transform:scaleY(1) scaleX(1)}to{transform:scaleY(.8) scaleX(1.15)}}.coin-item{position:absolute;display:flex;align-items:center;justify-content:center;font-size:24px;z-index:5;animation:spinCoin 1s linear infinite}@keyframes spinCoin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.particle{position:absolute;pointer-events:none;z-index:4}.floating-text{position:absolute;font-size:18px;font-weight:900;text-shadow:2px 2px 0px #2C3E50;pointer-events:none;z-index:15;animation:popUp .6s ease-out forwards}@keyframes popUp{0%{transform:scale(.5) translateY(0)}50%{transform:scale(1.2) translateY(-10px)}to{transform:scale(1) translateY(-20px)}}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff8e7;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.loading-spinner{font-size:72px;animation:bouncePudding .6s infinite alternate ease-in-out}@keyframes bouncePudding{0%{transform:translateY(0) scaleY(1)}to{transform:translateY(-20px) scaleY(.9)}}.loading-bar-container{width:200px;height:12px;background:#e0d4b8;border:3px solid #2C3E50;border-radius:999px;overflow:hidden;margin-top:20px}.loading-bar{height:100%;background:#ffd93d;border-radius:999px;transition:width .1s linear}.loading-progress-num{font-size:14px;font-weight:800;color:#ff8a65;margin-top:6px}.loading-text{font-size:16px;font-weight:800;color:#2c3e50;margin-top:12px}.help-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:4px solid #2C3E50;border-radius:20px;padding:20px;width:320px;z-index:90;box-shadow:0 10px #2c3e50;display:flex;flex-direction:column;align-items:center}.help-modal h3{margin:0 0 15px;color:#2c3e50;font-size:18px;font-weight:900}.help-grid{display:flex;flex-direction:column;gap:10px;width:100%;margin-bottom:15px}.help-grid div{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;color:#7f8c8d}.btn-small{padding:6px 16px!important;font-size:14px!important;box-shadow:0 4px #2c3e50!important}.playing-ui{position:absolute;top:15px;left:15px;right:15px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:20}.hp-container{display:flex;gap:6px;background:#ffffffe6;padding:6px 10px;border:3px solid #2C3E50;border-radius:999px;box-shadow:0 4px #0000001a}.heart-icon{width:20px;height:20px;transition:transform .2s}.heart-icon.filled{color:#ff6b9d;filter:drop-shadow(0 2px 0 rgba(0,0,0,.1))}.heart-icon.empty{color:#bdc3c7}.adventure-progress{display:flex;align-items:center;gap:8px;background:#ffffffe6;border:3px solid #2C3E50;border-radius:999px;padding:4px 12px;box-shadow:0 4px #0000001a}.compass-icon{color:#ff8a65;animation:spin 4s linear infinite}.progress-track{position:relative;width:120px;height:10px;background:#e0d4b8;border-radius:999px;border:2px solid #2C3E50;overflow:visible}.progress-fill{height:100%;background:#ffd93d;border-radius:999px;transition:width .1s linear}.progress-emoji{position:absolute;top:-8px;font-size:14px;transition:left .1s linear}.progress-castle{position:absolute;right:-5px;top:-8px;font-size:14px}.progress-level-text{font-size:12px;font-weight:900;color:#2c3e50}.score-container{display:flex;flex-direction:column;align-items:center;background:#fff;border:3px solid #2C3E50;border-radius:16px;padding:4px 16px;box-shadow:0 4px #2c3e50}.score-row{display:flex;align-items:center;gap:6px}.score-label{font-size:11px;font-weight:800;color:#7f8c8d;letter-spacing:1px}.score-num{font-size:24px;font-weight:900;color:#2c3e50}.speed-level{position:absolute;top:65px;right:5px;background:#ff8a65;color:#fff;border:2px solid #2C3E50;font-size:12px;font-weight:800;padding:2px 8px;border-radius:8px}.overlay-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff8e7f2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:30;padding:20px;box-sizing:border-box}.gameover-bg{background:#ffebebf5}.pause-bg{background:#ebf5fff5}.pause-icon-container{margin-bottom:10px}.pause-emoji{font-size:64px;filter:drop-shadow(0 6px 0 rgba(0,0,0,.1))}.pause-title{font-size:36px;font-weight:900;color:#2c3e50;text-shadow:3px 3px 0px #5B9BD5;margin:0 0 8px}.pause-subtitle{font-size:16px;color:#7f8c8d;font-weight:600;margin-bottom:24px}.pause-actions{display:flex;gap:15px}.empty-badge-text{color:#ff8a65;font-weight:800;animation:pulseText 1.5s infinite alternate}@keyframes pulseText{0%{opacity:.8;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}.logo-container{display:flex;align-items:center;gap:15px;margin-bottom:10px}.big-pudding{font-size:64px;filter:drop-shadow(0 6px 0 rgba(0,0,0,.1))}.game-title{font-size:48px;font-weight:900;color:#2c3e50;text-shadow:4px 4px 0px #FFD93D;margin:0;transform:rotate(-2deg)}.game-subtitle{font-size:16px;color:#7f8c8d;font-weight:600;margin-bottom:20px}.high-score-badge{display:flex;align-items:center;gap:8px;background:#fff;border:3px solid #2C3E50;border-radius:999px;padding:6px 16px;font-weight:800;color:#2c3e50;margin-bottom:25px;box-shadow:0 4px #0000000d}.trophy-icon{color:#ffd93d}.btn-primary{display:flex;align-items:center;gap:10px;background:#ff6b9d;color:#fff;font-size:20px;font-weight:800;border:4px solid #2C3E50;border-radius:999px;padding:12px 32px;cursor:pointer;box-shadow:0 6px #2c3e50;transition:transform .1s,box-shadow .1s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px #2c3e50}.btn-primary:active{transform:translateY(4px);box-shadow:0 2px #2c3e50}.btn-orange{background:#ff8a65}kbd{background-color:#f7f7f7;border:2px solid #ccc;border-radius:6px;box-shadow:0 3px #bbb,0 4px 1px #0000001a;color:#333;display:inline-block;font-family:monospace;font-size:12px;font-weight:700;line-height:1;padding:3px 6px;margin:0 2px;text-shadow:0 1px 0 #fff}.control-guide{display:flex;gap:15px;margin-top:25px}.guide-item{font-size:13px;font-weight:700;color:#7f8c8d;display:flex;align-items:center;gap:4px}.gameover-title{font-size:52px;font-weight:900;color:#e74c3c;text-shadow:4px 4px 0px #2C3E50;margin:0 0 10px;letter-spacing:2px}.gameover-quote{font-size:16px;color:#7f8c8d;font-weight:600;margin-bottom:20px}.results-card{background:#fff;border:4px solid #2C3E50;border-radius:20px;padding:15px 30px;width:260px;margin-bottom:15px;box-shadow:0 6px #0000000d}.result-row{display:flex;justify-content:space-between;align-items:center;margin:8px 0;font-size:18px;font-weight:700;color:#2c3e50}.result-val{font-size:20px;font-weight:800}.highlight-score{color:#ff6b9d;font-size:26px}.new-record-tag{background:#ffd93d;border:2px solid #2C3E50;border-radius:8px;padding:4px;font-size:12px;font-weight:800;text-align:center;margin-top:8px}.shortcut-tip{display:flex;align-items:center;gap:6px;font-size:12px;color:#95a5a6;font-weight:700;margin-top:15px}.mobile-controls{display:flex;gap:20px;width:100%;justify-content:center;margin-top:15px}.control-btn{flex:1;max-width:200px;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px solid #2C3E50;border-radius:20px;font-weight:800;color:#fff;cursor:pointer;box-shadow:0 6px #2c3e50;transition:transform .05s,box-shadow .05s}.btn-jump{background:#5b9bd5}.btn-slide{background:#4ecdc4}.control-btn:active{transform:translateY(4px);box-shadow:0 2px #2c3e50}.control-btn span{font-size:11px;margin-top:2px;opacity:.9}