@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800&display=swap";:root{--pink: #ff6b9d;--purple: #c471ed;--blue: #48c6ef;--yellow: #feca57;--orange: #ff9f43;--green: #2ed573;--red: #ff4757;--bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 30%, #f093fb 60%, #f5576c 100%);--card-bg: rgba(255, 255, 255, .12);--card-border: rgba(255, 255, 255, .2);--shadow-color: rgba(0, 0, 0, .2)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;overflow-x:hidden}body{font-family:Nunito,sans-serif;background:var(--bg-gradient);color:#fff;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;touch-action:manipulation}.game-container{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:12px;overflow:hidden}.game-bg-decor,.level-select-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bg-candy{position:absolute;font-size:2rem;opacity:.15;animation:floatCandy 8s ease-in-out infinite}.bg-candy-1{top:10%;left:5%;animation-delay:0s;font-size:3rem}.bg-candy-2{top:30%;right:8%;animation-delay:1.5s;font-size:2.5rem}.bg-candy-3{bottom:20%;left:10%;animation-delay:3s}.bg-candy-4{top:60%;right:15%;animation-delay:4.5s;font-size:2.8rem}.bg-candy-5{bottom:10%;right:5%;animation-delay:2s;font-size:2.2rem}@keyframes floatCandy{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(10deg)}50%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-25px) rotate(8deg)}}.game-header{position:relative;z-index:10;width:100%;max-width:500px;display:flex;align-items:center;justify-content:space-between;padding:8px 0;gap:12px}.btn-back{background:var(--card-bg);border:1px solid var(--card-border);color:#fff;font-family:Nunito,sans-serif;font-weight:700;font-size:.85rem;padding:8px 14px;border-radius:12px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s}.btn-back:hover{background:#fff3;transform:scale(1.05)}.level-badge{font-family:Fredoka One,cursive;font-size:1.1rem;background:linear-gradient(135deg,var(--pink),var(--purple));padding:6px 18px;border-radius:20px;box-shadow:0 4px 15px #c471ed66;text-shadow:0 1px 2px rgba(0,0,0,.2)}.score-display{display:flex;flex-direction:column;align-items:flex-end;background:var(--card-bg);border:1px solid var(--card-border);padding:6px 14px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.score-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.score-value{font-family:Fredoka One,cursive;font-size:1.1rem;color:var(--yellow);text-shadow:0 0 10px rgba(254,202,87,.5)}.goals-bar{position:relative;z-index:10;width:100%;max-width:500px;display:flex;align-items:center;gap:8px;padding:10px;margin:6px 0;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.goal-item{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.goal-done{opacity:.6}.goal-done .goal-progress-text{text-decoration:line-through;color:var(--green)}.goal-icon{font-size:1.3rem;flex-shrink:0}.goal-info{flex:1;min-width:0}.goal-progress-text{font-size:.7rem;font-weight:700;margin-bottom:2px}.goal-bar{height:6px;background:#ffffff26;border-radius:3px;overflow:hidden}.goal-bar-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--yellow));border-radius:3px;transition:width .4s ease}.moves-display{display:flex;flex-direction:column;align-items:center;padding:4px 12px;background:linear-gradient(135deg,var(--orange),var(--red));border-radius:12px;box-shadow:0 4px 15px #ff4b574d;flex-shrink:0}.moves-count{font-family:Fredoka One,cursive;font-size:1.3rem;line-height:1}.moves-label{font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;opacity:.8}.mascot-area{position:relative;z-index:10;display:flex;align-items:center;gap:10px;margin:6px 0}.mascot{font-size:2.5rem;transition:transform .3s}.mascot-happy{animation:mascotBounce .5s ease}.mascot-excited{animation:mascotSpin .6s ease}.mascot-sad{animation:mascotDroop .5s ease}.mascot-cheering{animation:mascotJump .8s ease infinite}@keyframes mascotBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes mascotSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(15deg) scale(1.3)}to{transform:rotate(0) scale(1)}}@keyframes mascotDroop{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes mascotJump{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}.mascot-speech{background:var(--card-bg);border:1px solid var(--card-border);padding:6px 14px;border-radius:16px;font-size:.85rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInScale .3s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.board-wrapper{position:relative;z-index:10;padding:12px;background:#00000040;border-radius:20px;border:2px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.board-wrapper.shake{animation:boardShake .4s ease}@keyframes boardShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.board{position:relative}.cell{position:absolute;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.cell:active{transform:scale(.9)}.candy-cell{box-shadow:0 3px 8px #0000004d,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003;border:2px solid rgba(255,255,255,.3)}.candy-cell:hover{transform:scale(1.08);box-shadow:0 4px 12px #0006,0 0 20px #fff3;z-index:5}.candy-cell.selected{transform:scale(1.12);box-shadow:0 0 0 3px #fff,0 0 25px #ffffff80;z-index:10;animation:selectPulse .8s ease infinite}@keyframes selectPulse{0%,to{box-shadow:0 0 0 3px #fff,0 0 25px #ffffff80}50%{box-shadow:0 0 0 5px var(--yellow),0 0 30px #feca5799}}.candy-cell.booster-target{cursor:crosshair}.candy-cell.booster-target:hover{box-shadow:0 0 0 3px var(--red),0 0 20px #ff475780}.candy-emoji{font-size:1.6rem;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));pointer-events:none}.special-overlay{position:absolute;bottom:2px;right:2px;font-size:.7rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));pointer-events:none}.select-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:3px solid #fff;border-radius:14px;pointer-events:none}.candy-new{animation:candyDrop .35s ease-out}@keyframes candyDrop{0%{transform:translateY(-80px);opacity:0}to{transform:translateY(0);opacity:1}}.boosters-bar{position:relative;z-index:10;display:flex;gap:8px;margin-top:12px;padding:10px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.booster-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:14px;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;transition:all .2s;position:relative}.booster-btn:hover:not(:disabled){background:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.booster-btn.active{background:#ffca574d;border-color:var(--yellow);box-shadow:0 0 15px #feca5766;animation:boosterPulse 1s ease infinite}@keyframes boosterPulse{0%,to{box-shadow:0 0 15px #feca5766}50%{box-shadow:0 0 25px #feca57b3}}.booster-btn.empty{opacity:.4;cursor:not-allowed}.booster-emoji{font-size:1.4rem}.booster-name{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.booster-count{position:absolute;top:-4px;right:-4px;background:var(--red);color:#fff;font-size:.65rem;font-weight:800;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #ff475780}.combo-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;text-align:center;pointer-events:none;animation:comboAppear 1s ease forwards}@keyframes comboAppear{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}30%{transform:translate(-50%,-50%) scale(1.3);opacity:1}70%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-60%) scale(.8);opacity:0}}.combo-text{display:block;font-family:Fredoka One,cursive;font-size:2.5rem;text-shadow:0 0 20px rgba(254,202,87,.8),0 3px 6px rgba(0,0,0,.3);color:var(--yellow)}.combo-stars{display:block;font-size:1.5rem;margin-top:4px}.particles-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}.particle{position:absolute;font-size:1.2rem;animation:particleFly .8s ease-out forwards}@keyframes particleFly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--vx, 60px),var(--vy, -60px)) scale(.3)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.overlay-card{background:linear-gradient(135deg,#2d1b69,#11998e);border:2px solid rgba(255,255,255,.2);border-radius:24px;padding:32px;text-align:center;max-width:340px;width:90%;box-shadow:0 20px 60px #00000080,0 0 40px #c471ed4d;animation:cardPopIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes cardPopIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.win-card{background:linear-gradient(135deg,#2d1b69,#11998e)}.lose-card{background:linear-gradient(135deg,#434343,#1a1a2e)}.overlay-confetti{font-size:3rem;margin-bottom:8px;animation:confettiBounce .6s ease}@keyframes confettiBounce{0%{transform:scale(0) rotate(-30deg)}60%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0)}}.overlay-title{font-family:Fredoka One,cursive;font-size:1.8rem;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.overlay-stars{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.big-star{font-size:3rem;color:#fff3;filter:grayscale(1);transition:all .4s}.big-star.star-earned{color:var(--yellow);filter:none;text-shadow:0 0 20px rgba(254,202,87,.6);animation:starPop .5s ease backwards}.big-star.star-earned:nth-child(1){animation-delay:.2s}.big-star.star-earned:nth-child(2){animation-delay:.4s}.big-star.star-earned:nth-child(3){animation-delay:.6s}@keyframes starPop{0%{transform:scale(0) rotate(-30deg)}60%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0)}}.overlay-score{font-family:Fredoka One,cursive;font-size:1.2rem;color:var(--yellow);margin-bottom:12px}.overlay-mascot{font-size:3rem;margin-bottom:16px}.overlay-hint{font-size:.85rem;opacity:.7;margin-bottom:16px}.overlay-buttons{display:flex;flex-direction:column;gap:10px}.btn-primary{background:linear-gradient(135deg,var(--pink),var(--purple));border:none;color:#fff;font-family:Fredoka One,cursive;font-size:1.1rem;padding:14px 28px;border-radius:16px;cursor:pointer;box-shadow:0 4px 15px #c471ed66;transition:all .2s;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c471ed99}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;font-family:Nunito,sans-serif;font-weight:700;font-size:.95rem;padding:12px 24px;border-radius:14px;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff40;transform:translateY(-1px)}.level-select{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px;overflow-y:auto}.ls-header{position:relative;z-index:10;text-align:center;margin-bottom:20px}.ls-mascot{font-size:4rem;animation:mascotJump 2s ease infinite}.ls-title{font-family:Fredoka One,cursive;font-size:2.5rem;background:linear-gradient(135deg,var(--yellow),var(--pink),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.2));margin:8px 0 4px}.ls-subtitle{font-size:1rem;opacity:.8;font-weight:600}.ls-page-nav{position:relative;z-index:10;display:flex;align-items:center;gap:16px;margin-bottom:16px}.ls-nav-btn{background:var(--card-bg);border:1px solid var(--card-border);color:#fff;font-size:1.2rem;width:40px;height:40px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ls-nav-btn:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.ls-nav-btn:disabled{opacity:.3;cursor:not-allowed}.ls-page-label{font-weight:700;font-size:.9rem}.ls-grid{position:relative;z-index:10;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:400px;width:100%}.ls-level{aspect-ratio:1;background:var(--card-bg);border:2px solid var(--card-border);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;font-family:Fredoka One,cursive;color:#fff;transition:all .2s;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ls-level:hover:not(:disabled){transform:scale(1.08);border-color:var(--yellow);box-shadow:0 4px 20px #feca574d}.ls-level.ls-completed{background:linear-gradient(135deg,#2ed57333,#feca5733);border-color:#2ed57380}.ls-level.ls-locked{opacity:.4;cursor:not-allowed}.ls-level-num{font-size:1.2rem}.ls-stars{display:flex;gap:1px;font-size:.7rem}.ls-star{color:#fff3}.ls-star.ls-star-earned{color:var(--yellow);text-shadow:0 0 6px rgba(254,202,87,.5)}.ls-lock{position:absolute;font-size:1rem;opacity:.6}@media(max-width:480px){.game-container{padding:8px}.board-wrapper{padding:8px;border-radius:16px}.ls-grid{grid-template-columns:repeat(4,1fr)}.goals-bar{flex-wrap:wrap;gap:6px}.boosters-bar{gap:6px;padding:8px}.booster-btn{padding:6px 10px}}@media(max-width:360px){.ls-grid{grid-template-columns:repeat(4,1fr);gap:8px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}