:root{--color-white: #ffffff;--color-black: #000000;--color-blue-light: #00aaff;--color-blue-dark: #0055ff;--color-blue-glow: rgba(0, 100, 255, .5);--color-blue-glow-hover: rgba(0, 120, 255, .7);--color-pink-light: #ff5588;--color-pink-dark: #ff3366;--color-pink-glow: rgba(255, 51, 102, .5);--color-pink-glow-hover: rgba(255, 51, 102, .7);--color-cyan-glow: rgba(0, 255, 255, .3);--color-cyan-glow-hover: rgba(0, 255, 255, .5);--color-yellow: #ffdd00;--color-blue-very-light: #88ccff;--color-cyan: #00ffff;--color-orange-light: #ffe0b2;--color-orange-dark: #b36b00;--color-orange: #ff9900;--color-gray-light: #f0f0f0;--color-pink-glow-text: rgba(255,85,136,.3);--color-text-default: rgba(255, 255, 255, .87);--color-bg-default: #242424;--color-text-light-mode: #213547;--color-bg-light-mode: #ffffff;--opacity-overlay: rgba(0, 0, 0, .7);--opacity-glass: rgba(255, 255, 255, .1);--border-glass: rgba(255, 255, 255, .15);--gradient-ui-container: linear-gradient(135deg, rgba(37,37,37,.85) 0%, rgba(15,15,15,.95) 100%);--gradient-button-blue: linear-gradient(135deg, var(--color-blue-light) 0%, var(--color-blue-dark) 100%);--gradient-button-pink: linear-gradient(135deg, var(--color-pink-light) 0%, var(--color-pink-dark) 100%);--gradient-modal: linear-gradient(135deg, rgba(40,40,60,.95) 0%, rgba(20,20,30,.97) 100%);--gradient-text-score: linear-gradient(90deg, var(--color-white), #ffefaa);--gradient-text-value: linear-gradient(90deg, var(--color-white), #d0f0ff);--gradient-text-speed: linear-gradient(90deg, var(--color-white), #ffccee);--gradient-button-reset: linear-gradient(90deg, #fffbe6, var(--color-orange-light));--gradient-button-reset-hover: linear-gradient(90deg, var(--color-orange-light), #fffbe6);--gradient-progress-bar: linear-gradient(90deg, var(--color-pink-light), #ff8866);--shadow-ui-container: 0 5px 20px rgba(0,0,0,.4), 0 0 30px var(--color-cyan-glow), inset 0 0 15px rgba(255,255,255,.1);--shadow-ui-container-hover: 0 8px 25px rgba(0,0,0,.5), 0 0 40px var(--color-cyan-glow-hover), inset 0 0 20px rgba(255,255,255,.2);--shadow-button-blue: 0 10px 25px rgba(0,0,0,.5), 0 0 40px var(--color-blue-glow), inset 0 0 15px rgba(255,255,255,.2);--shadow-button-blue-hover: 0 15px 30px rgba(0,0,0,.6), 0 0 60px var(--color-blue-glow-hover), inset 0 0 20px rgba(255,255,255,.3);--shadow-button-pink: 0 5px 20px var(--color-pink-glow);--shadow-button-pink-hover: 0 7px 25px var(--color-pink-glow-hover);--shadow-skin-card: 0 3px 8px rgba(0,0,0,.2);--shadow-skin-card-hover: 0 6px 15px rgba(0,0,0,.25), 0 0 10px rgba(255,51,102,.2);--shadow-modal: 0 4px 20px rgba(0,0,0,.4), 0 0 30px rgba(255,51,102,.2);--shadow-text: 0 1px 2px rgba(0,0,0,.5);--shadow-reset-button: 0 2px 8px rgba(255, 223, 0, .08);--shadow-reset-button-hover: 0 4px 16px rgba(255, 223, 0, .18);--border-radius-default: 20px;--border-radius-button: 30px;--border-radius-modal: 16px;--border-radius-card: 12px;--border-radius-small: 6px;--font-family-primary: "Poppins", "Montserrat", sans-serif;--font-family-system: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--font-weight-normal: 400;--font-weight-bold: 700;--font-weight-extra-bold: 800;--font-size-normal: 22px;--font-size-large: 34px;--font-size-small: 14px;--font-size-tiny: 12px;--font-size-mini: 11px;--font-size-micro: 10px;--line-height-normal: 1.5;--animation-timing: cubic-bezier(.22, .61, .36, 1);--transition-default: all .3s var(--animation-timing);--animation-duration-short: .3s;--animation-duration-medium: .5s;--animation-duration-long: 1.5s;--breakpoint-tablet: 900px;--breakpoint-mobile: 600px;--breakpoint-small: 400px;font-family:var(--font-family-system);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);color-scheme:light dark;color:var(--color-text-default);background-color:var(--color-bg-default);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Poppins,sans-serif;margin:0;overflow:hidden;background-color:#1a1a1a;color:#fff;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}canvas#bg{position:fixed;top:0;left:0;width:100%;height:100%;display:block;z-index:-1;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;outline:none}#ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;color:var(--color-white)}#ui-overlay>*{pointer-events:auto}#loading-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:2em;border-radius:10px;text-align:center}#pause-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a1ed1;z-index:9999;display:flex;align-items:center;justify-content:center;font-size:3.2rem;color:var(--color-white);font-weight:700;letter-spacing:.08em;text-shadow:0 2px 16px var(--color-black),0 0 32px #00f;opacity:0;pointer-events:none;transition:opacity .25s}#pause-overlay.active{opacity:1;pointer-events:all;display:flex}#ui-container{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;z-index:10;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility 0s linear .3s}#ui-container.loaded{opacity:1;visibility:visible;transition-delay:0s}#game-stats-panel{background:var(--gradient-ui-container, linear-gradient(135deg, rgba(40,40,55,.85) 0%, rgba(20,20,35,.95) 100%));padding:15px 20px;border-radius:var(--border-radius-card, 12px);box-shadow:var(--shadow-ui-container, 0 4px 15px rgba(0,0,0,.3), 0 0 20px rgba(0,150,255,.2));display:flex;flex-direction:column;gap:8px;transition:var(--transition-default);border:1px solid var(--border-glass, rgba(255,255,255,.1))}#game-stats-panel:hover{box-shadow:var(--shadow-ui-container-hover, 0 6px 20px rgba(0,0,0,.4), 0 0 30px rgba(0,180,255,.3));transform:translateY(-2px)}.stat-icon{margin-right:8px;font-size:1.1em;display:inline-block;vertical-align:middle}#score-display,#speed-display,#health-display{background:none;padding:3px 0;display:flex;align-items:center;color:var(--color-text-default);font-size:var(--font-size-small);text-shadow:var(--shadow-text, 0 1px 2px rgba(0,0,0,.4))}#score-display .value,#speed-display .value,#health-display #health-value{font-weight:var(--font-weight-bold);margin-left:5px}#health-bar-container{width:100px;height:12px;background-color:#0000004d;border-radius:6px;margin-left:8px;margin-right:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}#health-bar{height:100%;width:100%;background:var(--gradient-progress-bar);border-radius:5px;transition:width .3s ease-out}#reset-score-button.hypercasual-button{background:var(--gradient-button-reset);color:var(--color-orange-dark);padding:6px 15px;font-size:var(--font-size-tiny);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-reset-button)}#reset-score-button.hypercasual-button:hover{background:var(--gradient-button-reset-hover);color:var(--color-orange);box-shadow:var(--shadow-reset-button-hover);transform:translateY(-1px)}#score-value{background:var(--gradient-text-score);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.value{font-weight:var(--font-weight-extra-bold);font-size:24px;background:var(--gradient-text-value);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;margin-left:5px;display:inline-block;min-width:70px;text-align:right;position:relative;transition:all .2s ease-out}.value.changing{animation:valueChange .3s forwards;transform-origin:center}@keyframes valueChange{0%{transform:scale(1)}50%{transform:scale(1.2);filter:brightness(1.5)}to{transform:scale(1)}}#speed-value{background:var(--gradient-text-speed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}#play-button{display:block;margin:0 auto;font-family:var(--font-family-primary);font-size:var(--font-size-large);font-weight:var(--font-weight-extra-bold);color:var(--color-white);background:var(--gradient-button-blue);border:none;border-radius:var(--border-radius-button);padding:25px 75px;cursor:pointer;letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.4);box-shadow:var(--shadow-button-blue);transition:var(--transition-default);position:relative;overflow:hidden;animation:buttonPulseBlue 2s infinite;transform:translateZ(0);outline:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:11}#play-button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);animation:shimmer 3s infinite}#play-button:hover{transform:scale(1.1) translateY(-5px);box-shadow:var(--shadow-button-blue-hover);text-shadow:0 0 12px rgba(255,255,255,.9)}#play-button:active{transform:scale(.98) translateY(2px);box-shadow:0 5px 15px #00000080,0 0 30px var(--color-blue-glow),inset 0 0 10px #fff3}@keyframes buttonPulseBlue{0%{box-shadow:var(--shadow-button-blue)}50%{box-shadow:var(--shadow-button-blue-hover)}to{box-shadow:var(--shadow-button-blue)}}#main-menu{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;padding:0;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.game-logo{font-family:var(--font-family-primary);font-size:clamp(30px,10vw,56px);line-height:1.2;font-weight:900;color:var(--color-white);text-transform:uppercase;text-align:center;text-shadow:0 0 10px #ff00ff,0 0 20px #ff00ff,0 0 30px #ff00ff,0 0 40px #ff40ff;margin-bottom:clamp(15px,4vh,25px);animation:logoGlow 1.5s ease-in-out infinite alternate;position:relative;z-index:10;-webkit-user-select:none;-ms-user-select:none;user-select:none;max-width:90vw;word-break:break-word}@keyframes logoGlow{0%{text-shadow:0 0 20px rgba(255,0,100,.7),0 0 40px rgba(255,0,100,.4)}50%{text-shadow:0 0 30px rgba(255,0,100,.9),0 0 60px rgba(255,0,100,.6)}to{text-shadow:0 0 20px rgba(255,0,100,.7),0 0 40px rgba(255,0,100,.4)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.hypercasual-button{background:var(--gradient-button-pink);color:var(--color-white);font-family:var(--font-family-primary);font-size:var(--font-size-normal);font-weight:var(--font-weight-bold);padding:10px 30px;border-radius:var(--border-radius-button);cursor:pointer;text-align:center;box-shadow:var(--shadow-button-pink);overflow:hidden;transform:perspective(1px) translateZ(0);transition:var(--transition-default);z-index:100;animation:buttonPulsePink 2s infinite;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}#skins-button.hypercasual-button{position:absolute;top:20px;right:20px;display:block;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility 0s linear .3s}#skins-button.hypercasual-button.loaded{opacity:1;visibility:visible;transition-delay:0s}#reset-score-button.hypercasual-button{position:relative;margin:0}.button-text{position:relative;z-index:2;text-shadow:0 2px 5px rgba(0,0,0,.3)}.button-glow{position:absolute;top:0;left:-100%;width:60px;height:100%;background:linear-gradient(90deg,#fff0,#ffffff80,#fff0);animation:buttonSweep 3s infinite;z-index:1;transform:skew(-25deg)}.hypercasual-button:hover{transform:scale(1.1) translateY(-2px);box-shadow:var(--shadow-button-pink-hover)}.hypercasual-button:active{transform:scale(.95);box-shadow:0 3px 15px #f366}@keyframes buttonPulsePink{0%{box-shadow:var(--shadow-button-pink)}50%{box-shadow:var(--shadow-button-pink-hover)}to{box-shadow:var(--shadow-button-pink)}}@keyframes buttonSweep{0%{left:-100%}50%{left:100%}to{left:100%}}.modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;align-items:center;justify-content:center;padding:2vh 0;box-sizing:border-box;background-color:#000000b3;z-index:999;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:modalFadeIn .3s ease-out}.modal-content{position:relative;margin:5vh auto;width:70vw;max-width:420px;min-width:0;max-height:100vh;background:var(--gradient-modal);border-radius:var(--border-radius-modal);padding:16px 12px 18px;box-shadow:0 4px 20px #0006,0 0 30px #f363;border:2px solid rgba(255,255,255,.1);color:var(--color-white);transform:scale(.97);animation:modalPop .5s forwards;overflow-y:auto;overflow-x:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.15)}.modal-header h2{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-normal);margin:0;background:linear-gradient(90deg,var(--color-pink-light),#ffaa88);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 1px 6px rgba(255,85,136,.3)}.close-modal{font-size:28px;font-weight:700;color:var(--color-pink-light);cursor:pointer;transition:all .2s;height:36px;width:36px;line-height:36px;text-align:center;border-radius:50%}.close-modal:hover{color:#fa8;transform:scale(1.1);background-color:#ffffff1a}.skins-container{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 4px;overflow-y:auto;overflow-x:hidden;max-height:70vh;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.skins-progress-bar-wrap{width:100%;margin-bottom:12px;padding:0 6px}.skins-progress-label{font-size:var(--font-size-small);font-weight:600;margin-bottom:6px;color:var(--color-gray-light);text-align:center}.skins-progress-bar-bg{width:100%;height:12px;background:var(--opacity-glass);border-radius:var(--border-radius-small);overflow:hidden}.skins-progress-bar-fill{height:100%;background:var(--gradient-progress-bar);border-radius:var(--border-radius-small);transition:width .5s ease-out}.skins-progress-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);color:var(--color-white);text-shadow:0 1px 2px rgba(0,0,0,.7)}.skin-option{position:relative;display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:var(--border-radius-card);cursor:pointer;transition:var(--transition-default);background:var(--opacity-glass);border:1px solid transparent;min-height:150px;box-shadow:var(--shadow-skin-card)}.skin-option:hover,.skin-option:active{transform:translateY(-3px);background:#ffffff1f;box-shadow:var(--shadow-skin-card-hover)}.skin-preview{width:65px;height:65px;border-radius:50%;object-fit:contain;margin:0 auto 8px;box-shadow:0 3px 10px #00000040;border:1px solid rgba(255,255,255,.2)}.skin-name{margin-top:4px;font-size:var(--font-size-small);color:var(--color-white);text-align:center;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5);width:100%}.unlock-cost{font-size:var(--font-size-tiny);color:var(--color-yellow);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.4);margin-top:3px;width:100%;text-align:center}.ability-description{font-size:var(--font-size-mini);color:var(--color-blue-very-light);font-style:italic;margin-top:4px;width:100%;text-align:center}.skin-option.locked{opacity:.8;background:#ffffff0d}.skin-option.locked:before{top:15px;left:50%;transform:translate(-50%);content:"🔒";position:absolute;font-size:24px;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.5)}.skin-option.locked .skin-preview{filter:grayscale(.8) brightness(.7)}.mini-progress{width:85%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-top:6px}.mini-progress-fill{height:100%;background:linear-gradient(90deg,#fc0,#fe6);border-radius:3px;transition:width .5s ease-out}.mini-progress-label{font-size:9px;color:#fc0;text-align:center;margin-top:3px;width:100%}.skin-option.selected{border-color:#f58;background:#ff558826;box-shadow:0 0 12px #ff558840}.skin-option.selected:after{content:"✓";position:absolute;top:8px;right:8px;width:20px;height:20px;background:#f58;color:#fff;font-size:14px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000040}.ability-hint-btn{position:absolute;top:6px;right:6px;z-index:2;width:22px;height:22px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;color:#fff;cursor:pointer;font-weight:700;font-size:12px;box-shadow:0 1px 3px #00000040}.ability-hint-btn:hover{background:#ffffff40}.ability-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:8px;border-radius:6px;width:140px;font-size:11px;box-shadow:0 3px 10px #0006;pointer-events:none;opacity:0;transition:opacity .3s;z-index:100;text-align:center}.ability-hint-btn.active+.ability-tooltip{opacity:1}.skin-unlocked-anim{animation:skin-unlock 1.2s ease-out}@keyframes skin-unlock{0%{transform:scale(1);box-shadow:0 0 #fff0}10%{transform:scale(1.05);box-shadow:0 0 20px #ffd700b3}20%{transform:scale(.97)}30%{transform:scale(1.03);box-shadow:0 0 15px #ffd70080}50%{transform:scale(1);box-shadow:0 0 8px #ffd7004d}to{transform:scale(1);box-shadow:0 0 #ffd70000}}@media (prefers-color-scheme: light){:root{color:var(--color-text-light-mode);background-color:var(--color-bg-light-mode)}}.game-tip-container{position:fixed;bottom:auto;top:100px;right:30px;z-index:100;max-width:300px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.game-tip{display:flex;align-items:center;background:var(--gradient-modal);border-radius:var(--border-radius-default);padding:15px;margin-bottom:10px;box-shadow:var(--shadow-modal);border:2px solid var(--border-glass);color:var(--color-white);font-family:var(--font-family-primary);transform:translate(120%);opacity:0;transition:all .3s var(--animation-timing);cursor:pointer}.game-tip-skin-unlocked{display:flex;flex-direction:column;align-items:stretch;padding:0;max-width:320px;background:linear-gradient(135deg,#2a2a42f7,#1a1a2af7);border:2px solid rgba(255,120,180,.3);box-shadow:0 5px 20px #00000080,0 0 30px #ff78b44d;cursor:pointer;transition:all .3s ease}.game-tip-skin-unlocked:hover{transform:translateY(-2px) scale(1.02);border-color:#ff78b480;box-shadow:0 8px 25px #0009,0 0 35px #ff78b466}.game-tip-skin-unlocked:active{transform:translateY(1px) scale(.98)}.game-tip-skin-unlocked .tip-close{opacity:.7;transition:opacity .2s ease}.game-tip-skin-unlocked .tip-close:hover{opacity:1}.game-tip-skin-unlocked .tip-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px 8px;border-bottom:1px solid rgba(255,255,255,.1)}.game-tip-skin-unlocked .tip-header h3{margin:0;font-size:18px;font-weight:700;background:linear-gradient(90deg,#ff9dce,#ffbfee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 8px rgba(255,120,180,.5)}.game-tip-skin-unlocked .tip-skin-content{display:flex;padding:15px;gap:12px}.game-tip-skin-unlocked .tip-skin-image{width:70px;height:70px;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#0003;border-radius:12px;border:1px solid rgba(255,255,255,.15);position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #0003;flex-shrink:0}.game-tip-skin-unlocked .tip-skin-overlay{position:absolute;top:-10px;right:-10px;font-size:22px;filter:drop-shadow(0 0 5px rgba(255,255,200,.8));z-index:1;animation:celebrateUnlock 2s infinite}@keyframes celebrateUnlock{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(20deg)}50%{transform:scale(1) rotate(0)}75%{transform:scale(1.2) rotate(-20deg)}to{transform:scale(1) rotate(0)}}.game-tip-skin-unlocked .tip-skin-info{flex:1;display:flex;flex-direction:column;gap:5px}.game-tip-skin-unlocked .tip-skin-name{font-weight:700;font-size:16px;color:#fc8;text-shadow:0 0 8px rgba(255,200,100,.6)}.game-tip-skin-unlocked .tip-skin-ability{font-size:13px;line-height:1.3;color:#8df}.game-tip-skin-unlocked .tip-skin-key{margin-top:2px;font-size:13px;color:#fff}.game-tip-skin-unlocked .tip-skin-key kbd{display:inline-block;padding:2px 5px;background:#ffffff26;border-radius:4px;border:1px solid rgba(255,255,255,.3);margin-right:3px;font-family:monospace;font-weight:700;box-shadow:0 2px 4px #0003}.game-tip-skin-unlocked .tip-footer{padding:8px 15px;border-top:1px solid rgba(255,255,255,.1);background:#0003;font-size:12px;text-align:center;color:#ffffffb3;border-radius:0 0 var(--border-radius-default) var(--border-radius-default)}@media (max-width: var(--breakpoint-mobile)){.game-tip-skin-unlocked{max-width:85vw;padding:0}.game-tip-skin-unlocked .tip-header{padding:8px 10px 6px}.game-tip-skin-unlocked .tip-header h3{font-size:14px}.game-tip-skin-unlocked .tip-skin-content{padding:10px;gap:8px}.game-tip-skin-unlocked .tip-skin-image{width:50px;height:50px;border-radius:8px}.game-tip-skin-unlocked .tip-skin-overlay{font-size:18px;top:-7px;right:-7px}.game-tip-skin-unlocked .tip-skin-name{font-size:14px}.game-tip-skin-unlocked .tip-skin-ability{font-size:12px}.game-tip-skin-unlocked .tip-skin-key{font-size:11px}.game-tip-skin-unlocked .tip-footer{padding:6px 10px;font-size:10px}}@media (max-width: var(--breakpoint-small)){.game-tip-skin-unlocked{max-width:90vw}.game-tip-skin-unlocked .tip-skin-image{width:40px;height:40px}.game-tip-skin-unlocked .tip-skin-name{font-size:12px}.game-tip-skin-unlocked .tip-skin-ability{font-size:10px}}.game-tip.active{transform:translate(0);opacity:1}.game-tip.remove{transform:translate(120%);opacity:0}#reset-score-button.hypercasual-button{display:inline-block;margin-left:12px;padding:2px 12px;font-size:var(--font-size-small);height:28px;line-height:24px;background:var(--gradient-button-reset);color:var(--color-orange-dark);border-radius:12px;border:1px solid var(--color-orange-light);box-shadow:var(--shadow-reset-button);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;vertical-align:middle}#reset-score-button.hypercasual-button:hover{background:var(--gradient-button-reset-hover);color:var(--color-orange);box-shadow:var(--shadow-reset-button-hover)}@media (max-width: var(--breakpoint-tablet)){.game-tip-container{right:5px;left:auto;bottom:auto;top:80px;max-width:60vw;width:auto;box-sizing:border-box;display:flex;flex-direction:column-reverse;align-items:flex-end;pointer-events:none}.game-tip{max-width:60vw;width:auto;min-width:0;padding:8px 10px;margin-bottom:6px;border-radius:10px;font-size:14px;pointer-events:auto;box-shadow:0 2px 8px #0000002e,0 0 10px #00ffff14}.tip-icon{font-size:26px;margin-right:8px}.tip-content h3{font-size:15px;margin-bottom:2px;word-break:break-word}.tip-content p{font-size:13px;line-height:1.2;word-break:break-word}.tip-content strong{font-size:13px}.modal-content{max-width:90vw;max-height:90vh;padding:14px}.skins-container{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.skin-option{padding:10px}.skin-preview{width:70px;height:70px}.skin-name,.unlock-cost,.ability-description{font-size:.9rem}#ui-container{top:10px;left:10px;font-size:18px;padding:15px;min-width:auto}#play-button{font-size:28px;padding:20px 60px}.hypercasual-button{top:10px;right:10px;font-size:18px;padding:8px 20px}}@media (max-width: var(--breakpoint-mobile)){.game-tip-container{right:2px;bottom:auto;top:60px;max-width:45vw;align-items:flex-end}.game-tip{max-width:45vw;padding:4px 5px;border-radius:6px;font-size:10px;margin-bottom:4px;box-shadow:0 2px 4px #00000026,0 0 6px #00ffff0f;border-width:1px}.tip-icon{font-size:12px;margin-right:4px}.tip-content h3{font-size:10px;margin-bottom:0}.tip-content p{font-size:9px;line-height:1;margin-top:1px}.tip-content strong{font-size:9px}.tip-close{font-size:14px;padding:0 4px;margin-left:2px}#ui-container{padding:10px;font-size:16px;border-radius:15px}.value{font-size:18px;min-width:50px}#play-button{font-size:24px;padding:15px 50px;max-width:90vw}.game-logo{max-width:96vw;word-break:break-word}#main-menu{padding:1em;box-sizing:border-box;overflow:auto}.modal-content{margin:0 auto!important;padding-top:10px;padding-bottom:10px;max-width:95vw;box-sizing:border-box;max-height:88vh;overflow-y:auto}.skins-container{gap:8px}.skin-option{padding:6px;min-height:125px}.skin-preview{width:40px;height:40px}.skin-name{font-size:var(--font-size-small)}.unlock-cost,.ability-description{font-size:var(--font-size-tiny)}}@media (max-width: var(--breakpoint-small)){.skins-container{grid-template-columns:repeat(2,1fr);gap:8px}.skin-option{min-height:120px}.skin-preview{width:50px;height:50px}.game-tip-container{right:1px;bottom:auto;top:50px;max-width:42vw}.game-tip{max-width:42vw;padding:3px 4px;border-radius:5px;margin-bottom:3px}.tip-icon{font-size:10px;margin-right:3px}.tip-content h3{font-size:9px;margin-bottom:0}.tip-content p,.tip-content strong{font-size:8px;line-height:1;margin-top:1px}.tip-close{font-size:12px;padding:0 3px;margin-left:1px}#ui-container{font-size:14px}.value{font-size:16px}#score-display:before,#speed-display:before{font-size:18px}#play-button{font-size:18px;padding:12px 30px}.modal-content{margin:0 auto!important;padding-top:6px;padding-bottom:6px;max-width:98vw;box-sizing:border-box;max-height:88vh;overflow-y:auto}.skins-container{grid-template-columns:repeat(2,1fr);gap:6px}.skin-option{padding:5px;min-height:120px}.skin-preview{width:40px;height:40px}.skin-name{font-size:var(--font-size-small)}.unlock-cost,.ability-description{font-size:var(--font-size-tiny)}}.modal,.modal-content,.skins-container,.skin-option,.skin-name,.unlock-cost,.ability-description{user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{transform:scale(.9);opacity:0}40%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.tip-icon{font-size:40px;margin-right:15px;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}.tip-content{flex:1}.tip-content h3{margin:0 0 5px;font-size:20px;font-weight:var(--font-weight-bold);background:var(--gradient-text-value);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tip-content p{margin:0;font-size:var(--font-size-small);line-height:1.3}.tip-content strong{color:var(--color-cyan);text-shadow:0 0 5px var(--color-cyan-glow)}.tip-close{font-size:20px;line-height:1;padding:2px 8px;border-radius:50%;color:#ffffffb3;cursor:pointer;margin-left:8px;transition:all .2s ease}.tip-close:hover{color:#fff;background-color:#ffffff1a}@media (max-width: var(--breakpoint-mobile)){.tip-close{font-size:18px;padding:2px 6px}}@media (max-width: var(--breakpoint-small)){.tip-close{font-size:16px;padding:1px 5px}}#notif-center{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1002;display:flex;flex-direction:column;align-items:center;pointer-events:none;min-width:320px;max-width:90vw}#notif-top-center{position:fixed;top:32px;left:50%;transform:translate(-50%);z-index:1002;display:flex;flex-direction:column;align-items:center;pointer-events:none;min-width:240px;max-width:80vw}#notif-top-right{position:fixed;top:32px;right:32px;z-index:1002;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none;min-width:220px;max-width:60vw}.notif-zone>.game-tip,.notif-zone>.tip,.notif-zone>.notif{margin-bottom:12px;pointer-events:auto}@media (max-width: 900px){#notif-top-right,#notif-top-center,#notif-center{min-width:160px;font-size:15px}#notif-top-right{right:8px;top:8px}#notif-top-center{top:8px}}@media (max-width: 600px){#notif-center,#notif-top-center,#notif-top-right{min-width:120px;font-size:13px}}.mobile-only{display:none!important}@media (hover: none) and (pointer: coarse){.mobile-only{display:flex!important}}.gm-hide-ability-button{display:none!important}.energy-popup{position:absolute;color:#fc0;font-size:24px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);pointer-events:none;transition:top 1.5s ease-out,opacity 1.5s ease-out;z-index:1001;padding:5px 10px;background-color:#0000004d;border-radius:8px;text-align:center}@media (max-width: 768px){.energy-popup{font-size:18px}}#confetti-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:999;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s}#confetti-overlay.active{opacity:1;visibility:visible;transition-delay:0s}.confetti-particle{position:absolute;width:8px;height:15px;border-radius:2px;opacity:0;animation:fall 3s linear forwards}@keyframes fall{0%{transform:translateY(-10vh) translate(var(--initial-x)) rotate(0);opacity:1}to{transform:translateY(110vh) translate(var(--final-x)) rotate(var(--rotation-end));opacity:0}}#game-over-screen .modal-buttons{display:flex;justify-content:center;gap:15px;margin-top:20px}#game-over-screen .ui-button{font-family:var(--font-family-primary, "Poppins", sans-serif);font-size:var(--font-size-small, 14px);font-weight:var(--font-weight-bold, 700);color:var(--color-white, #ffffff);padding:12px 20px;border:none;border-radius:var(--border-radius-card, 12px);cursor:pointer;text-align:center;text-transform:uppercase;letter-spacing:1px;transition:var(--transition-default, all .3s ease);min-width:150px;box-shadow:0 2px 5px #0003}#game-over-screen .ui-button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000004d}#game-over-screen .ui-button:active{transform:translateY(0);box-shadow:0 2px 5px #0003}#play-again-button{background:var(--gradient-button-pink, linear-gradient(135deg, #ff5588 0%, #ff3366 100%));box-shadow:var(--shadow-button-pink, 0 5px 20px rgba(255, 51, 102, .5))}#play-again-button:hover{background:var(--gradient-button-pink, linear-gradient(135deg, #ff5588 0%, #ff3366 100%));filter:brightness(1.1);box-shadow:var(--shadow-button-pink-hover, 0 7px 25px rgba(255, 51, 102, .7))}#continue-ad-button{background-color:var(--opacity-glass, rgba(255, 255, 255, .1));border:1px solid var(--border-glass, rgba(255, 255, 255, .15));color:var(--color-text-default, rgba(255, 255, 255, .87))}#continue-ad-button:hover{background-color:#fff3;border-color:#ffffff4d}.ability-button{position:fixed;right:4vw;bottom:4vw;width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#ffb300 60%,#ff6f00);color:#fff;font-size:2.2rem;font-family:inherit;border:none;box-shadow:0 4px 18px #0000002e,0 1.5px #fff2 inset;z-index:1002;display:flex;align-items:center;justify-content:center;transition:background .18s,box-shadow .18s,transform .08s;outline:none;opacity:.97;-webkit-user-select:none;user-select:none;touch-action:manipulation}.ability-button:active{background:linear-gradient(135deg,#ff6f00 60%,#ffb300);box-shadow:0 2px 8px #00000038;transform:scale(.96)}.ability-button.inactive{filter:grayscale(.7) brightness(.7);opacity:.6}@media (min-width: 601px) and (max-height: 450px){#ui-container{padding:8px;font-size:14px;top:5px;left:5px}#game-stats-panel{padding:8px 12px;gap:4px}#game-stats-panel .stat-icon{font-size:1em;margin-right:5px}#score-display,#speed-display,#health-display,#session-score-display{font-size:var(--font-size-tiny);padding:2px 0}#score-display .value,#speed-display .value,#health-display #health-value,#session-score-display .value{font-weight:var(--font-weight-bold);margin-left:3px;font-size:1em}#health-bar-container{width:80px;height:10px;margin-left:5px;margin-right:5px}.game-tip-container,#notif-top-right{top:10px;right:10px;max-width:280px}#notif-top-center{top:10px;max-width:40vw}#notif-center{max-width:50vw}.notif-zone>.game-tip,.notif-zone>.tip,.notif-zone>.notif,.game-tip-container>.game-tip{padding:6px 8px;font-size:11px;border-radius:8px;margin-bottom:5px;max-width:100%}.game-tip .tip-icon{font-size:18px;margin-right:6px}.game-tip .tip-content h3{font-size:12px;margin-bottom:1px}.game-tip .tip-content p,.game-tip .tip-content strong{font-size:10px;line-height:1.1}.game-tip .tip-close{font-size:14px;padding:1px 4px}.game-tip-skin-unlocked .tip-header{padding:6px 8px 4px}.game-tip-skin-unlocked .tip-header h3{font-size:12px}.game-tip-skin-unlocked .tip-skin-content{padding:8px;gap:6px;flex-direction:row;align-items:center}.game-tip-skin-unlocked .tip-skin-image{width:36px;height:36px;border-radius:6px;margin-right:6px}.game-tip-skin-unlocked .tip-skin-overlay{font-size:14px;top:-4px;right:-4px}.game-tip-skin-unlocked .tip-skin-info{gap:2px}.game-tip-skin-unlocked .tip-skin-name{font-size:11px}.game-tip-skin-unlocked .tip-skin-ability{font-size:9px;line-height:1.2}.game-tip-skin-unlocked .tip-skin-key{font-size:9px;margin-top:1px}.game-tip-skin-unlocked .tip-skin-key kbd{padding:1px 3px;font-size:9px}.game-tip-skin-unlocked .tip-footer{padding:4px 8px;font-size:8px}}.score-popup{position:absolute;color:#fff;font-size:24px;font-weight:700;background:#000000b3;padding:5px 10px;border-radius:5px;pointer-events:none;transition:opacity .5s;opacity:1}