*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(#0288d1 0%,#29b6f6 25%,#4fc3f7 50%,#81d4fa 70%,#b3e5fc 90%);width:100vw;height:100dvh;font-family:Nunito,Arial Rounded MT Bold,Arial,sans-serif;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(130px 65px at 12% 18%,#ffffffa6 38%,#0000 68%),radial-gradient(80px 45px at 22% 12%,#ffffff80 38%,#0000 68%),radial-gradient(110px 55px at 75% 14%,#fff9 38%,#0000 68%),radial-gradient(70px 40px at 88% 22%,#ffffff73 38%,#0000 68%),radial-gradient(90px 50px at 50% 10%,#fff6 38%,#0000 68%);position:fixed;inset:0}body:after{content:"";z-index:0;background:radial-gradient(110% 90% at 50% 120%,#66bb6a 45%,#388e3c 70%,#1b5e20 100%);border-radius:60% 60% 0 0/45% 45% 0 0;height:38%;position:fixed;bottom:-6%;left:-8%;right:-8%}#root{z-index:1;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:relative}.overlay{z-index:10;background:0 0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.home-screen{flex-direction:column;align-items:center}.home-inner{z-index:1;flex-direction:column;align-items:center;gap:.85rem;width:100%;max-width:400px;padding:1.4rem 1.2rem;display:flex;position:relative}.home-logo-wrap{text-align:center}.home-logo-jewel{background:linear-gradient(160deg,#fff176 0%,#ffd740 40%,#ff6f00 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px #641e0073)drop-shadow(0 0 20px #ff980055);letter-spacing:.03em;-webkit-background-clip:text;font-size:clamp(3.2rem,13vw,5.2rem);font-weight:900;line-height:1;display:block}.home-logo-blast{background:linear-gradient(160deg,#f8bbd0 0%,#ec407a 50%,#ad1457 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px #50003266);letter-spacing:.05em;-webkit-background-clip:text;font-size:clamp(2.4rem,10vw,4rem);font-weight:900;line-height:1;display:block}.home-gems{gap:clamp(.55rem,3vw,1rem);padding:.4rem 0;display:flex}.home-gem{filter:drop-shadow(0 5px 14px #00000059);flex-shrink:0;width:clamp(42px,12vw,58px);height:clamp(42px,12vw,58px);animation:2.2s ease-in-out infinite gemFloat;position:relative}@keyframes gemFloat{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-9px)rotate(4deg)}}.home-sub{color:#ffffffe6;text-align:center;text-shadow:0 1px 4px #00000059;font-size:clamp(.8rem,3vw,.95rem);line-height:1.75}.home-btns{flex-direction:column;gap:.7rem;width:100%;display:flex}.btn-cc{letter-spacing:.07em;color:#fff;cursor:pointer;text-transform:uppercase;text-shadow:0 2px #00000040;border:none;border-radius:50px;width:100%;min-height:56px;padding:.95rem 0;font-family:inherit;font-size:clamp(1.05rem,4.5vw,1.25rem);font-weight:900;transition:transform .1s,box-shadow .1s;display:block}.btn-cc:active{transform:translateY(4px)}.btn-play{background:linear-gradient(#8bc34a 0%,#558b2f 80%);box-shadow:0 7px #33691e,0 9px 20px #558b2f73}.btn-play:active{box-shadow:0 3px #33691e,0 5px 12px #558b2f59}.btn-orange{background:linear-gradient(#ffa726 0%,#e65100 80%);box-shadow:0 7px #bf360c,0 9px 20px #e6510073}.btn-orange:active{box-shadow:0 3px #bf360c}.btn-outline{text-shadow:0 1px 3px #0000004d;background:#ffffff38;border:2px solid #ffffff8c;box-shadow:0 5px #0000002e,inset 0 1px #fff6}.btn-outline:active{box-shadow:0 2px #00000026}.home-badge{color:#fff176;text-shadow:0 1px 4px #0000004d;background:#fff3;border:2px solid #ffffff73;border-radius:50px;padding:.3rem 1.1rem;font-size:clamp(.72rem,2.8vw,.88rem);font-weight:900}.play-screen{background:0 0;flex-direction:column;align-items:center;gap:clamp(.25rem,.8vw,.4rem);width:100vw;height:100dvh;padding:clamp(.3rem,1vw,.5rem);display:flex}.play-hud{background:linear-gradient(135deg,#fff5faeb 0%,#ffdcebe0 100%);border:2.5px solid #ec407a59;border-radius:20px;flex-shrink:0;align-items:center;gap:.5rem;width:100%;max-width:540px;padding:clamp(.38rem,1.3vw,.6rem) clamp(.65rem,2vw,.95rem);display:flex;box-shadow:0 5px 20px #00000038,inset 0 1px #fffc}.hud-moves{flex-direction:column;align-items:center;min-width:50px;display:flex}.hud-moves-num{color:#2e7d32;text-shadow:0 2px #00640040;font-size:clamp(1.8rem,6vw,2.4rem);font-weight:900;line-height:1}.hud-moves-label{color:#ad1457;letter-spacing:.1em;text-transform:uppercase;font-size:clamp(.5rem,1.8vw,.62rem);font-weight:800}.hud-center{flex-direction:column;flex:1;align-items:center;gap:.22rem;display:flex}.hud-lv{color:#c2185b;letter-spacing:.06em;text-transform:uppercase;font-size:clamp(.6rem,2vw,.72rem);font-weight:900}.hud-prog-track{background:#0000001f;border:1.5px solid #00000014;border-radius:99px;width:100%;height:clamp(9px,2vw,12px);overflow:hidden;box-shadow:inset 0 2px 4px #0000002e}.hud-prog-fill{border-radius:99px;height:100%;transition:width .45s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px}.hud-target{color:#880e4f;font-size:clamp(.5rem,1.8vw,.62rem);font-weight:800}.hud-score-box{flex-direction:column;align-items:center;min-width:66px;display:flex}.hud-score-num{color:#1565c0;text-shadow:0 1px #00000026;font-size:clamp(1.1rem,3.8vw,1.45rem);font-weight:900;line-height:1}.hud-score-label{color:#1565c0;letter-spacing:.1em;text-transform:uppercase;font-size:clamp(.5rem,1.8vw,.62rem);font-weight:800}.board-wrap{aspect-ratio:1;flex-shrink:1;width:min(100vw - .8rem,100dvh - 170px,520px);min-width:0;min-height:0;position:relative}.board{background:#5b8fc0;border:4px solid #4a7bae;border-radius:20px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);gap:clamp(3px,.65vw,5px);width:100%;height:100%;padding:clamp(6px,1.4vw,10px);display:grid;box-shadow:0 0 0 5px #ffffff2e,0 10px 36px #00005066,inset 0 2px #ffffff38}.cell{cursor:pointer;aspect-ratio:1;touch-action:none;border-radius:9px;padding:5%;transition:transform .1s;position:relative}.cell[data-c="0"]{background:#c5ddf0;box-shadow:inset 0 -3px #00007826,inset 0 1px #fff9}.cell[data-c="1"]{background:#b5cee5;box-shadow:inset 0 -3px #0000782e,inset 0 1px #ffffff80}.cell:active{transform:scale(.87)}.gem{filter:drop-shadow(0 3px 6px #0000004d);width:100%;height:100%;transition:transform .15s cubic-bezier(.34,1.56,.64,1),filter .15s;position:relative}.cell-selected{background:#ffffff73!important;box-shadow:inset 0 0 0 2px #ffffffe6!important}.cell-selected .gem{transform:scale(1.18)translateY(-3px);filter:drop-shadow(0 0 7px #fff)drop-shadow(0 0 16px #fffc)!important}.gem-sparkle{pointer-events:none;background:radial-gradient(circle,#ffffffa6 0%,#0000 55%);animation:.5s ease-in-out infinite alternate sparkle;position:absolute;inset:-12%}@keyframes sparkle{0%{opacity:.25}to{opacity:.75}}.cell-matched{pointer-events:none;animation:.38s ease-out forwards gemExplode}@keyframes gemExplode{0%{opacity:1;transform:scale(1)}35%{opacity:.9;filter:brightness(2.5)saturate(2);transform:scale(1.55)}to{opacity:0;transform:scale(0)}}.cell-fall{animation:.26s cubic-bezier(.22,.68,.38,1.18) forwards gemFall}@keyframes gemFall{0%{opacity:.35;transform:translateY(-50%)scale(.78)}to{opacity:1;transform:translateY(0)scale(1)}}.popup-layer{pointer-events:none;position:absolute;inset:0}.score-pop{white-space:nowrap;text-shadow:0 1px 5px #0009,0 0 14px;font-size:clamp(.9rem,3.5vw,1.15rem);font-weight:900;animation:1s ease-out forwards popFloat;position:absolute}@keyframes popFloat{0%{opacity:0;transform:translateY(0)scale(.6)}18%{opacity:1;transform:translateY(-12px)scale(1.2)}75%{opacity:1;transform:translateY(-35px)scale(1)}to{opacity:0;transform:translateY(-50px)scale(.9)}}.play-bottom{flex-shrink:0;align-items:center;gap:.5rem;width:100%;max-width:540px;display:flex}.star-hints{flex:1;gap:.4rem;display:flex}.star-hint{background:#ffffff38;border:2px solid #fff6;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:.3rem .2rem;display:flex;box-shadow:0 3px #0000001a}.star-hint span:first-child{color:#ffffff59;font-size:clamp(.7rem,2.5vw,.85rem)}.star-hint.earned span:first-child{color:#ffd600;filter:drop-shadow(0 0 5px #ffd600)}.star-hint-val{color:#ffffff8c;font-size:clamp(.48rem,1.7vw,.62rem);font-weight:900}.star-hint.earned .star-hint-val{color:#fff}.quit-btn{color:#fff;cursor:pointer;text-shadow:0 1px 3px #0000004d;background:#ffffff40;border:2px solid #ffffff80;border-radius:14px;min-width:44px;min-height:44px;padding:.4rem .75rem;font-family:inherit;font-size:.85rem;font-weight:900;box-shadow:0 4px #0000001f}.quit-btn:active{transform:translateY(3px);box-shadow:0 1px #0000001f}.result-card{z-index:1;background:linear-gradient(160deg,#fff8fcf2,#ffdcf0eb);border:3px solid #ec407a59;border-radius:28px;flex-direction:column;align-items:center;gap:.75rem;width:90%;max-width:380px;padding:2rem 1.8rem;display:flex;position:relative;box-shadow:0 16px 50px #0000004d,inset 0 1px #ffffffe6}.result-tier{letter-spacing:.12em;text-transform:uppercase;color:#fff;border-radius:50px;padding:.3rem 1.3rem;font-size:clamp(.65rem,2.5vw,.78rem);font-weight:900;box-shadow:0 3px 12px #0003}.result-title{text-align:center;letter-spacing:.03em;font-size:clamp(2.2rem,9vw,3.2rem);font-weight:900;line-height:1.05}.result-title.win{background:linear-gradient(135deg,#ffd740 0%,#ff6f00 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px #78280059);-webkit-background-clip:text}.result-title.lose{background:linear-gradient(135deg,#ef9a9a,#e53935);-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px #64000059);-webkit-background-clip:text}.result-score{color:#1565c0;text-shadow:0 2px #00006426;font-size:clamp(1.8rem,7vw,2.6rem);font-weight:900}.result-target{color:#ad1457;font-size:clamp(.75rem,3vw,.9rem);font-weight:800}.result-btns{flex-direction:column;gap:.6rem;width:100%;margin-top:.2rem;display:flex}.ls-screen{z-index:10;background:0 0;flex-direction:column;display:flex;position:fixed;inset:0}.ls-header{background:linear-gradient(135deg,#fff8fcf2,#ffdcebe6);border-bottom:2.5px solid #ec407a4d;flex-shrink:0;justify-content:space-between;align-items:center;padding:clamp(.6rem,2vw,1rem) clamp(.8rem,3vw,1.2rem);display:flex;box-shadow:0 4px 16px #00000026}.ls-back{color:#fff;cursor:pointer;text-shadow:0 1px 3px #00000040;background:linear-gradient(#ec407a,#c2185b);border:none;border-radius:50px;min-height:40px;padding:.35rem 1.1rem;font-family:inherit;font-size:clamp(.78rem,3vw,.9rem);font-weight:900;box-shadow:0 4px #880e4f}.ls-back:active{transform:translateY(3px);box-shadow:0 1px #880e4f}.ls-title{letter-spacing:.06em;background:linear-gradient(135deg,#c2185b,#880e4f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(1rem,4.5vw,1.35rem);font-weight:900}.ls-badge{color:#e65100;background:#ffd70033;border:2px solid #ffd70080;border-radius:50px;padding:.25rem .85rem;font-size:clamp(.65rem,2.5vw,.8rem);font-weight:900}.ls-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(clamp(62px,15vw,78px),1fr));align-content:start;gap:clamp(8px,2vw,12px);padding:clamp(.65rem,2vw,1rem);display:grid;overflow-y:auto}.ls-card{aspect-ratio:1;cursor:pointer;border:3px solid #fff6;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:1px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 5px #00000038,0 7px 18px #0000002e}.ls-card:not(.ls-locked):active{transform:translateY(4px);box-shadow:0 1px #00000038}.ls-locked{cursor:default;opacity:.45;border-color:#fff3;box-shadow:0 3px #00000026;background:#b4b4c840!important}.ls-current{animation:1.4s ease-in-out infinite cardPulse;box-shadow:0 5px #00000038,0 0 0 4px #fff,0 0 22px #ffffff80}@keyframes cardPulse{0%,to{box-shadow:0 5px #00000038,0 0 0 4px #fff,0 0 12px #fff6}50%{box-shadow:0 5px #00000038,0 0 0 4px #fff,0 0 28px #fffc}}.ls-lock{font-size:clamp(.9rem,3.2vw,1.15rem)}.ls-num{color:#fff;text-shadow:0 2px 4px #0006;font-size:clamp(.82rem,2.8vw,1rem);font-weight:900;line-height:1}.ls-type-icon{font-size:clamp(.6rem,2vw,.75rem);line-height:1}.ls-pages{background:linear-gradient(135deg,#fff8fceb,#ffdcebe0);border-top:2.5px solid #ec407a4d;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding:clamp(.5rem,2vw,.8rem);display:flex;box-shadow:0 -4px 16px #0000001a}.pg-btn{color:#fff;cursor:pointer;background:linear-gradient(#ec407a,#c2185b);border:none;border-radius:12px;min-width:38px;min-height:38px;padding:.3rem .72rem;font-family:inherit;font-size:clamp(.82rem,3vw,1rem);font-weight:900;box-shadow:0 4px #880e4f}.pg-btn:active{transform:translateY(3px);box-shadow:0 1px #880e4f}.pg-btn:disabled{opacity:.25;cursor:default;box-shadow:none;transform:none}.pg-info{color:#ad1457;text-align:center;min-width:110px;font-size:clamp(.7rem,2.5vw,.82rem);font-weight:900}.ice-overlay{pointer-events:none;z-index:3;background:linear-gradient(135deg,#aae6ffa6 0%,#dcf5ff66 50%,#78c3ff40 100%);border:2.5px solid #96dcffcc;border-radius:9px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ice-icon{color:#c8f5fff2;text-shadow:0 0 8px #00e5ff;font-size:clamp(.65rem,2.2vw,.85rem);line-height:1}.collect-goals{gap:.4rem;width:100%;display:flex}.collect-goal{background:#ffffff40;border:1.5px solid #ec407a40;border-radius:10px;flex:1;align-items:center;gap:.3rem;padding:.22rem .38rem;transition:border-color .25s,background .25s;display:flex}.collect-goal.collect-done{background:#4caf5026;border-color:#4caf50}.collect-gem-icon{flex-shrink:0;width:clamp(18px,5vw,26px);height:clamp(18px,5vw,26px)}.collect-info{flex-direction:column;flex:1;gap:2px;display:flex}.collect-bar-track{background:#0000001f;border:1px solid #00000014;border-radius:99px;width:100%;height:5px;overflow:hidden}.collect-bar-fill{border-radius:99px;height:100%;transition:width .35s}.collect-count{color:#880e4f;font-size:clamp(.46rem,1.6vw,.58rem);font-weight:900}.collect-goal.collect-done .collect-count{color:#2e7d32}.hud-ice-box{flex-direction:column;align-items:center;min-width:52px;display:flex}.hud-ice-num{color:#0288d1;font-size:clamp(1.1rem,3.8vw,1.4rem);font-weight:900;line-height:1}.hud-ice-label{color:#c2185b;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(.5rem,1.8vw,.62rem);font-weight:800}.hud-timer{flex-direction:column;align-items:center;min-width:56px;display:flex}.hud-timer-num{color:#2e7d32;font-size:clamp(1.5rem,5.5vw,2rem);font-weight:900;line-height:1;transition:color .3s}.hud-timer-warn .hud-timer-num{color:#e53935;animation:.45s ease-in-out infinite alternate timerPulse}@keyframes timerPulse{0%{filter:drop-shadow(0 0 #e53935);transform:scale(1)}to{filter:drop-shadow(0 0 10px #e53935aa);transform:scale(1.14)}}.phase-overlay{z-index:5;position:fixed;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.gem-special-striped_h,.gem-special-striped_v{animation:1.4s ease-in-out infinite specialPulse}@keyframes specialPulse{0%,to{filter:drop-shadow(0 3px 6px #0000004d)}50%{filter:drop-shadow(0 0 14px #ffffffe6)drop-shadow(0 0 6px #fff)}}.gem-special-wrapped{animation:2s linear infinite wrappedSpin}@keyframes wrappedSpin{0%{filter:drop-shadow(0 3px 6px #ff640080)}50%{filter:drop-shadow(0 0 16px #ffc800e6)}to{filter:drop-shadow(0 3px 6px #ff640080)}}.gem-special-colorbomb{animation:1.5s linear infinite wheelGlow}.gem-special-colorbomb .color-wheel-svg{transform-origin:50%;animation:3s linear infinite wheelSpin}@keyframes wheelSpin{to{transform:rotate(360deg)}}@keyframes wheelGlow{0%{filter:drop-shadow(0 0 10px #e53030cc)}17%{filter:drop-shadow(0 0 10px #fc0c)}33%{filter:drop-shadow(0 0 10px #43c020cc)}50%{filter:drop-shadow(0 0 10px #1a8fe8cc)}67%{filter:drop-shadow(0 0 10px #9c27b0cc)}83%{filter:drop-shadow(0 0 10px #ff7c00cc)}to{filter:drop-shadow(0 0 10px #e53030cc)}}.cell-matched.gem-special-striped_h .gem,.cell-matched.gem-special-striped_v .gem{animation:.4s ease-out forwards stripedBlast}@keyframes stripedBlast{0%{filter:brightness();transform:scaleX(1)scaleY(1)}30%{filter:brightness(3)saturate(2);transform:scaleX(2.5)scaleY(.4)}to{opacity:0;transform:scaleX(0)scaleY(0)}}.cell-matched .gem-special-colorbomb{animation:.45s ease-out forwards bombPop}@keyframes bombPop{0%{opacity:1;transform:scale(1)}40%{filter:brightness(3);transform:scale(2.2)}to{opacity:0;transform:scale(0)}}