*{box-sizing:border-box;margin:0;padding:0}:root{--cell-size: 58px;--cell-width: var(--cell-size);--cell-height: var(--cell-size);--piece-size: 90%;--cell-gap: 3px;--board-padding: 12px;--font-size-emoji: 30px;--deep-ocean-blue: #0A3B5C;--medium-ocean-blue: #1B5B8F;--dark-blue-accent: #1B4965;--gold-border: #FFD700;--gold-highlight: #FFE44D;--gold-shadow: #B8960A;--blue-tile: #6BB6E8;--blue-highlight: #87CEEB;--blue-shadow: #4682B4;--ui-blue: #0066CC;--ui-blue-dark: #0052A3;--match-glow: #FFA500}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(180deg,var(--deep-ocean-blue) 0%,var(--medium-ocean-blue) 50%,var(--dark-blue-accent) 100%);min-height:100vh;min-height:100dvh;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#root{width:100%;height:100vh;height:100dvh;display:flex;justify-content:center;align-items:center}.game-container{display:flex;flex-direction:column;align-items:center;padding:10px;max-width:100vw;max-height:100vh;max-height:100dvh;overflow:hidden}.game-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:800px;padding:8px 12px;background:linear-gradient(145deg,var(--ui-blue) 0%,var(--ui-blue-dark) 100%);border:2px solid white;border-radius:20px;margin-bottom:10px;color:#fff;gap:10px;flex-shrink:0;box-shadow:0 4px 12px #0000004d}.stat{display:flex;flex-direction:column;align-items:center;min-width:60px}.stat-label{font-size:10px;text-transform:uppercase;opacity:.8}.stat-value{font-size:18px;font-weight:700;color:var(--gold-border);text-shadow:0 1px 2px rgba(0,0,0,.5)}.stat.low-moves .stat-value{color:#f44;animation:lowMovesWarning .5s ease-in-out infinite}@keyframes lowMovesWarning{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.game-main{display:flex;gap:15px;align-items:flex-start;flex-wrap:wrap;justify-content:center}.board-container{position:relative;background:#001e3ce6;border-radius:12px;padding:var(--board-padding);box-shadow:0 10px 40px #00000080,inset 0 0 60px #0064c81a,0 0 0 3px var(--gold-border);max-width:calc(100vw - 20px);overflow:visible}.board{display:grid;gap:var(--cell-gap);position:relative;touch-action:none}.cell{width:var(--cell-width);height:var(--cell-height);border-radius:4px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .1s ease;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;will-change:transform;transform:translateZ(0);contain:layout style paint}@media(hover:hover){.cell:hover{transform:scale(1.05)}}.cell:active{transform:scale(.95)}.cell.gold{background:linear-gradient(145deg,#f4d03f,#d4ac0d,#b8860b);border-top:2px solid #F7DC6F;border-left:1px solid #D4AC0D;border-right:1px solid #B8860B;border-bottom:2px solid #8B6914;box-shadow:inset 0 1px 2px #fff6,2px 2px 4px #0000004d;position:relative}.cell.gold:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none;border-radius:4px}.cell.gold-dark{background:linear-gradient(145deg,#c4a030,#a08020,#806010);border-top:2px solid #D4B040;border-left:1px solid #A08020;border-right:1px solid #806010;border-bottom:2px solid #604008;box-shadow:inset 0 1px 1px #fff3,2px 2px 4px #0006;position:relative}.cell.gold-dark:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none;border-radius:4px}.cell.blue{background:linear-gradient(145deg,#87ceeb,#4ba3c7,#2e86ab);border-top:2px solid #2E86AB;border-left:1px solid #4BA3C7;border-right:1px solid #87CEEB;border-bottom:2px solid #87CEEB;box-shadow:inset 0 2px 6px #0032644d,1px 1px 2px #0003;position:relative;overflow:hidden}.cell.blue:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 30%,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none;border-radius:4px}.cell.empty{background:transparent;border:none;cursor:default;pointer-events:none}.cell.blocked{background:linear-gradient(145deg,#4a4a4a,#333,#222);border-top:2px solid #555555;border-left:1px solid #444444;border-right:1px solid #333333;border-bottom:2px solid #1a1a1a;box-shadow:inset 0 2px 4px #0006;cursor:not-allowed;pointer-events:none}.blocked-symbol{font-size:calc(var(--cell-height) * .7);color:#f44;text-shadow:0 2px 4px rgba(0,0,0,.5);line-height:1;opacity:.9}.cell.earth{background:linear-gradient(145deg,#8b7355,#6b4423,#4a3218);border-top:2px solid #9C8465;border-left:1px solid #7A5F3D;border-right:1px solid #4A3218;border-bottom:2px solid #2F1F10;box-shadow:inset 0 2px 4px #0006,2px 2px 6px #00000080;cursor:not-allowed;pointer-events:none;position:relative}.cell.earth:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%);pointer-events:none;border-radius:4px}.earth-symbol{font-size:calc(var(--cell-height) * .6);text-shadow:0 2px 4px rgba(0,0,0,.6);line-height:1;opacity:.7}.chain-overlay{position:absolute;inset:0;pointer-events:none;z-index:5;display:flex;justify-content:center;align-items:center;overflow:hidden}.chain-overlay:before,.chain-overlay:after{content:"";position:absolute;width:120%;height:4px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 3px,#5a5a5a 3px,#8a8a8a 4px,#b0b0b0 5px,#c8c8c8 6px,#b0b0b0 7px,#8a8a8a 8px,#5a5a5a 9px,transparent 9px,transparent 12px);border-radius:2px;box-shadow:0 1px 2px #00000080,inset 0 1px 1px #ffffff4d;opacity:.85}.chain-overlay:before{transform:rotate(45deg) translateY(-8px)}.chain-overlay:after{transform:rotate(-45deg) translateY(8px)}.chain-overlay.health-2:before,.chain-overlay.health-2:after{height:6px;opacity:1;background:repeating-linear-gradient(90deg,transparent 0px,transparent 2px,#4a4a4a 2px,#707070 3px,#959595 4px,#b5b5b5 5px,#959595 6px,#707070 7px,#4a4a4a 8px,transparent 8px,transparent 10px);box-shadow:0 1px 3px #0009,inset 0 1px 1px #fff6}.chain-overlay.health-2:before{transform:rotate(45deg) translateY(-6px)}.chain-overlay.health-2:after{transform:rotate(-45deg) translateY(6px)}.chain-overlay.health-1{opacity:.7}.chain-overlay.health-1:before,.chain-overlay.health-1:after{height:3px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 4px,#6a6a6a 4px,#9a9a9a 5px,#bbb 6px,#9a9a9a 7px,#6a6a6a 8px,transparent 8px,transparent 14px)}.chain-overlay.health-1:before{transform:rotate(45deg) translateY(-10px)}.chain-overlay.health-1:after{transform:rotate(-45deg) translateY(10px)}.chain-overlay.health-3{opacity:1}.chain-overlay.health-3:before,.chain-overlay.health-3:after{height:8px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 1px,#3a3a3a 1px,#505050 2px,#707070 3px,#909090 4px,#a5a5a5 5px,#909090 6px,#707070 7px,#505050 8px,#3a3a3a 9px,transparent 9px,transparent 10px);box-shadow:0 2px 4px #000000b3,inset 0 2px 2px #ffffff80,inset 0 -1px 2px #0000004d}.chain-overlay.health-3:before{transform:rotate(45deg) translateY(-4px)}.chain-overlay.health-3:after{transform:rotate(-45deg) translateY(4px)}.cell.locked{background:linear-gradient(145deg,#6a7075,#4a4e52,#3a3e42);border-color:#5a5e62}.locked-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#96a0aa66,#646e784d,#46505a66);border-radius:4px;box-shadow:inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #0000004d}.locked-overlay:before{content:"";position:absolute;inset:4px;border:2px solid rgba(100,110,120,.5);border-radius:2px;background:repeating-linear-gradient(45deg,transparent 0px,transparent 4px,rgba(80,90,100,.3) 4px,rgba(80,90,100,.3) 5px)}.chain-overlay.breaking{animation:chainBreak .3s ease-out forwards}@keyframes chainBreak{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.5}to{transform:scale(0);opacity:0}}.cell.selected{transform:scale(1.08);outline:3px solid yellow;outline-offset:2px;z-index:10}.cell.highlighted{animation:highlightPulse .5s ease-in-out infinite;z-index:8}.cell.highlighted:after{content:"";position:absolute;inset:-4px;border-radius:6px;border:3px solid var(--gold-border);box-shadow:0 0 12px var(--gold-highlight),inset 0 0 8px #ffd7004d;animation:highlightGlow .5s ease-in-out infinite;pointer-events:none}@keyframes highlightPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes highlightGlow{0%,to{opacity:.7}50%{opacity:1}}.cell.exploding{z-index:15}.cell.exploding:after{content:"";position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,rgba(255,200,0,.9) 0%,rgba(255,100,0,.6) 40%,transparent 70%);animation:explosionRing .4s ease-out forwards;pointer-events:none;z-index:20}@keyframes explosionRing{0%{transform:scale(.3);opacity:1}to{transform:scale(1.5);opacity:0}}.piece{width:var(--piece-size);height:var(--piece-size);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:var(--font-size-emoji);-webkit-user-select:none;user-select:none;position:relative;box-shadow:2px 3px 4px #0000004d;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.piece.starfish-pink{background:linear-gradient(145deg,#ff85c1,#e8127d,#b80d60)}.piece.starfish-blue{background:linear-gradient(145deg,#7cb9ff,#2e7dd8,#1a4f8c)}.piece.shell-white{background:linear-gradient(145deg,#fffaf0,#e8d5a8,#c4a76c)}.piece.shell-purple{background:linear-gradient(145deg,#d070f0,#8b5dc8,#5d3d8a)}.piece.starfish-orange{background:linear-gradient(145deg,#ffe066,#ff9500,#c60)}.piece.coral-green{background:linear-gradient(145deg,#7fe87f,#2db82d,#1a7a1a)}.piece.lobster-red{background:linear-gradient(145deg,#ff6b6b,#dc143c,#8b0000)}.piece.dolphin-cyan{background:linear-gradient(145deg,#6ff,#00d4ff,#08a)}.piece.star-yellow{background:linear-gradient(145deg,#ff6,gold,#c90)}.piece.turtle-teal{background:linear-gradient(145deg,#40e0d0,teal,#004d4d)}.piece.matching{animation:matchAnim .5s ease-out forwards}@keyframes matchAnim{0%{transform:scale(1);opacity:1}20%{transform:scale(1.15);opacity:1}40%{transform:scale(1.1);opacity:1}60%{transform:scale(1.1);opacity:.8}80%{transform:scale(.5);opacity:.4}to{transform:scale(0);opacity:0}}.piece.falling{animation:fall var(--fall-duration, .15s) ease-in forwards}@keyframes fall{0%{transform:translateY(calc(var(--cell-height) * var(--fall-distance, -1)))}70%{transform:translateY(0)}82%{transform:translateY(-4px)}92%{transform:translateY(1px)}to{transform:translateY(0)}}.piece.spawning{animation:spawn .2s cubic-bezier(.34,1.56,.64,1)}@keyframes spawn{0%{transform:scale(0) rotate(-10deg);opacity:0}60%{transform:scale(1.2) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.piece.swapping{transition:transform .25s cubic-bezier(.4,0,.2,1)}.piece.invalid-swap{animation:invalidShake .35s ease-out}@keyframes invalidShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.piece.power-up{position:relative}.piece.striped-h:before,.piece.striped-v:before{content:"";position:absolute;background:#fff9;border-radius:2px}.piece.striped-h:before{width:100%;height:3px;top:50%;transform:translateY(-50%);box-shadow:0 -8px #fff6,0 8px #fff6}.piece.striped-v:before{width:3px;height:100%;left:50%;transform:translate(-50%);box-shadow:-8px 0 #fff6,8px 0 #fff6}.piece.striped-h:after,.piece.striped-v:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(255,255,255,.6);animation:powerGlow .5s ease-in-out infinite}.piece.bomb:after{content:"";position:absolute;inset:-4px;border-radius:8px;border:3px solid rgba(255,255,255,.8);animation:bombPulse .8s ease-in-out infinite}@keyframes powerGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes bombPulse{0%,to{opacity:.6;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(3deg)}}.sidebar{display:flex;flex-direction:column;gap:15px;padding:15px;background:linear-gradient(145deg,var(--dark-blue-accent) 0%,rgba(0,30,60,.9) 100%);border-radius:12px;border:2px solid var(--gold-border);min-width:100px}.progress-container{display:flex;flex-direction:column;align-items:center;gap:8px}.progress-label{color:#fff;font-size:12px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.5)}.progress-bar{width:24px;height:150px;background:var(--dark-blue-accent);border-radius:12px;overflow:hidden;position:relative;border:2px solid var(--gold-border)}.progress-fill{position:absolute;bottom:0;left:0;width:100%;height:var(--progress, 0%);background:linear-gradient(0deg,#32cd32,#0f0);transition:height .5s cubic-bezier(.34,1.56,.64,1)}.progress-text{color:var(--gold-border);font-size:14px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.piece.has-power-up{position:relative;background:linear-gradient(145deg,#3a3a5a,#2a2a4a)!important}.piece.power-up-firecracker{border:3px solid #FF6600!important;background:linear-gradient(145deg,#4a3020,#2a1810)!important}.piece.power-up-bomb{border:3px solid #FF0000!important;background:linear-gradient(145deg,#3a2020,#1a1010)!important}.piece.power-up-warhead{border:4px solid #FFFF00!important;background:linear-gradient(145deg,#4a4a20,#2a2a10)!important}.piece.power-up-lightning{border:4px solid #00BFFF!important;background:linear-gradient(145deg,#1a3a5a,#0a2a4a)!important}.lightning-container{display:flex;flex-direction:column;align-items:center;gap:4px}.lightning-charge-display{display:flex;align-items:center;gap:6px}.lightning-icon{font-size:20px;filter:drop-shadow(0 0 4px rgba(0,191,255,.6))}.lightning-charge-bar-small{width:50px;height:8px;background:#001e3ccc;border-radius:4px;border:1px solid #00BFFF;overflow:hidden}.lightning-charge-fill-small{height:100%;background:linear-gradient(90deg,#00bfff,#87ceeb);transition:width .3s ease;border-radius:3px}.lightning-label{font-size:10px;color:#00bfff;font-weight:700}.menu-button{padding:10px 16px;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(145deg,var(--ui-blue) 0%,var(--ui-blue-dark) 100%);border:2px solid white;border-radius:10px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-tap-highlight-color:transparent}@media(hover:hover){.menu-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #4a90d966}}.menu-button:active{transform:scale(.95)}.menu-button.danger{background:linear-gradient(145deg,#c33,#911);border-color:#f66}.menu-button.cancel{background:linear-gradient(145deg,#666,#444);border-color:#888}.reset-button{margin-top:20px;padding:8px 16px;font-size:12px;color:#fff9;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;transition:all .2s ease}.reset-button:hover{color:#ffffffe6;border-color:#fff9;background:#ffffff1a}.reset-confirm h2{color:#ff6b6b}.overlay{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:100;padding:20px}.modal{background:linear-gradient(145deg,var(--medium-ocean-blue) 0%,var(--dark-blue-accent) 100%);border-radius:16px;padding:30px;text-align:center;color:#fff;box-shadow:0 20px 60px #00000080,0 0 0 3px var(--gold-border);max-width:90vw;width:350px}.modal h2{font-size:24px;margin-bottom:15px;color:var(--gold-border);text-shadow:0 2px 4px rgba(0,0,0,.5)}.modal p{font-size:16px;margin-bottom:8px}.modal-buttons{display:flex;gap:10px;justify-content:center;margin-top:20px;flex-wrap:wrap}.level-complete{animation:victoryPop .5s cubic-bezier(.34,1.56,.64,1)}.level-failed{animation:failedPop .5s cubic-bezier(.34,1.56,.64,1)}.level-failed h2{color:#ff6b6b}.star-rating{display:flex;justify-content:center;gap:8px;margin:15px 0;font-size:42px}.star{transition:transform .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.3)}.star.earned{color:var(--gold-border);animation:starPop .5s ease-out backwards;filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.star.earned:nth-child(1){animation-delay:.1s}.star.earned:nth-child(2){animation-delay:.25s}.star.earned:nth-child(3){animation-delay:.4s}.star.empty{color:#ffffff40}@keyframes starPop{0%{transform:scale(0) rotate(-30deg);opacity:0}60%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes victoryPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes failedPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.main-menu{text-align:center;color:#fff;padding:20px}.main-menu h1{font-size:48px;margin-bottom:10px;background:linear-gradient(180deg,var(--gold-border) 0%,#FF8C00 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 8px rgba(255,215,0,.3))}.main-menu p{font-size:16px;margin-bottom:30px;opacity:.8}.main-menu .game-instruction{font-size:18px;opacity:1;color:var(--gold-highlight);text-shadow:0 1px 3px rgba(0,0,0,.5);max-width:320px;margin:0 auto 30px;line-height:1.4}.difficulty-selector{margin:20px auto;padding:15px;background:#0003;border-radius:12px;max-width:380px}.difficulty-label{display:block;font-size:14px;color:#ffffffb3;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.difficulty-options{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.difficulty-button{padding:8px 12px;font-size:14px;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:#0000004d;color:#fffc;cursor:pointer;transition:all .2s ease}.difficulty-button:hover{background:#ffffff1a;border-color:#ffffff80}.difficulty-button.selected{background:linear-gradient(145deg,var(--gold-border),#FF8C00);border-color:var(--gold-highlight);color:#fff;font-weight:700;box-shadow:0 2px 8px #ffd7004d}.ocean-decorations{font-size:28px;letter-spacing:8px;margin:15px 0;animation:oceanFloat 3s ease-in-out infinite}.ocean-decorations:first-child{animation-delay:0s}.ocean-decorations:last-child{animation-delay:1.5s}@keyframes oceanFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.celebration-fish{font-size:24px;letter-spacing:10px;margin:10px 0;animation:celebrationBounce .6s ease-in-out infinite}@keyframes celebrationBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.level-select{color:#fff;text-align:center;padding:15px;max-height:100vh;max-height:100dvh;overflow-y:auto}.level-select h2{font-size:28px;margin-bottom:10px;color:var(--gold-border);text-shadow:0 2px 4px rgba(0,0,0,.5)}.difficulty-badge{display:inline-block;padding:6px 16px;margin-bottom:15px;font-size:14px;font-weight:700;background:#0000004d;border:2px solid rgba(255,255,255,.3);border-radius:20px;color:#ffffffe6}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:350px;margin:0 auto 20px}.level-button{width:50px;height:50px;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(145deg,var(--ui-blue) 0%,var(--ui-blue-dark) 100%);border:2px solid white;border-radius:10px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px}.level-number{line-height:1}.level-stars{display:flex;gap:1px;font-size:10px;margin-top:2px}.level-stars .earned{color:var(--gold-border)}.level-stars .empty{color:#ffffff4d}@media(hover:hover){.level-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #4a90d966}}.level-button:active{transform:scale(.9)}.level-button.completed{background:linear-gradient(145deg,#0a5,#084)}.level-button.locked{background:linear-gradient(145deg,#666,#444);cursor:not-allowed;opacity:.7}.score-popup{position:absolute;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 10px currentColor;animation:scoreFloat .8s ease-out forwards;pointer-events:none;z-index:50;-webkit-text-stroke:1px white}@keyframes scoreFloat{0%{transform:translateY(0) scale(.5);opacity:0}20%{transform:translateY(-10px) scale(1.2);opacity:1}40%{transform:translateY(-20px) scale(1)}to{transform:translateY(-60px) scale(1);opacity:0}}.combo-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;font-weight:700;text-shadow:0 4px 8px rgba(0,0,0,.5),0 0 20px currentColor;animation:comboPopIn .8s ease-out forwards;pointer-events:none;z-index:50;-webkit-text-stroke:2px white}@keyframes comboPopIn{0%{transform:translate(-50%,-50%) scale(0);opacity:0}20%{transform:translate(-50%,-50%) scale(1.5);opacity:1}40%{transform:translate(-50%,-50%) scale(1.2)}60%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.spectacular-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:42px;font-weight:700;background:linear-gradient(90deg,#0f0,gold,#0f0);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:spectacularAnim 1.2s ease-out forwards,shimmer .5s linear infinite;pointer-events:none;z-index:60;filter:drop-shadow(0 4px 8px rgba(0,255,0,.5))}@keyframes spectacularAnim{0%{transform:translate(-50%,-50%) scale(0);opacity:0}10%{transform:translate(-50%,-50%) scale(1.5);opacity:1}30%{transform:translate(-50%,-50%) scale(1.2)}40%{transform:translate(-50%,-50%) scale(1)}75%{opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sparkle{position:absolute;width:12px;height:12px;pointer-events:none;z-index:40}.sparkle:before,.sparkle:after{content:"";position:absolute;background:#fff}.sparkle:before{width:100%;height:3px;top:50%;left:0;transform:translateY(-50%);border-radius:2px}.sparkle:after{width:3px;height:100%;left:50%;top:0;transform:translate(-50%);border-radius:2px}.sparkle.animate{animation:sparkleAnim .3s ease-out forwards}@keyframes sparkleAnim{0%{transform:scale(.5) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(45deg);opacity:1}to{transform:scale(0) rotate(90deg);opacity:0}}.bubbles{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.bubble{position:absolute;bottom:-100px;background:radial-gradient(circle at 30% 30%,#fff6,#64c8ff1a);border-radius:50%;animation:rise linear infinite}@keyframes rise{0%{transform:translateY(0) translate(0) rotate(0);opacity:.6}50%{transform:translateY(-50vh) translate(10px) rotate(180deg)}to{transform:translateY(-100vh) translate(-10px) rotate(360deg);opacity:0}}@media(max-width:1200px){:root{--cell-size: 48px;--cell-width: var(--cell-size);--cell-height: var(--cell-size);--cell-gap: 2px;--board-padding: 10px;--font-size-emoji: 24px}.sidebar{min-width:90px;padding:12px;gap:12px}.sidebar .menu-button{padding:8px 12px;font-size:12px}}@media(max-width:900px){:root{--cell-size: 46px;--cell-width: var(--cell-size);--cell-height: var(--cell-size);--cell-gap: 2px;--board-padding: 10px;--font-size-emoji: 24px}.game-main{flex-direction:column;align-items:center}.sidebar{flex-direction:row;width:100%;justify-content:space-around;align-items:center;padding:10px 15px}.progress-container{flex-direction:row;gap:10px}.progress-bar{width:100px;height:20px}.progress-fill{bottom:0;left:0;top:0;width:var(--progress, 0%);height:100%;transition:width .5s cubic-bezier(.34,1.56,.64,1)}}@media(max-width:600px){:root{--cell-size: 43px;--cell-width: var(--cell-size);--cell-height: var(--cell-size);--cell-gap: 2px;--board-padding: 8px;--font-size-emoji: 22px}.game-container{padding:5px}.game-header{padding:6px 10px;gap:5px;margin-bottom:8px;border-radius:15px}.game-header .menu-button{padding:6px 10px;font-size:11px}.stat-label{font-size:8px}.stat-value{font-size:14px}.stat{min-width:45px}.main-menu h1{font-size:36px}.combo-text{font-size:28px}.spectacular-text{font-size:32px}}@media(max-width:400px){:root{--cell-size: 36px;--cell-width: var(--cell-size);--cell-height: var(--cell-size);--cell-gap: 1px;--board-padding: 6px;--font-size-emoji: 18px}.level-grid{grid-template-columns:repeat(4,1fr)}}@media(max-height:500px)and (orientation:landscape){:root{--cell-size: 32px;--cell-width: var(--cell-size);--cell-height: var(--cell-size);--cell-gap: 1px;--board-padding: 4px;--font-size-emoji: 16px}.game-container{flex-direction:column;padding:2px 5px;gap:2px;max-height:100dvh;overflow:hidden}.game-header{padding:4px 10px;margin-bottom:2px;border-radius:10px;flex-shrink:0}.game-header .menu-button{padding:4px 8px;font-size:10px}.stat-label{font-size:7px}.stat-value{font-size:12px}.stat{min-width:40px}.game-main{flex-direction:row;flex:1;min-height:0;align-items:center}.board-container{max-height:calc(100dvh - 50px);overflow:visible}.sidebar{flex-direction:column;width:auto;padding:6px;gap:8px}.sidebar .menu-button{padding:6px 10px;font-size:10px}.progress-container{flex-direction:column;gap:4px}.progress-label{font-size:9px}.progress-bar{width:16px;height:60px}.progress-text{font-size:10px}.lightning-container{gap:2px}.lightning-icon{font-size:14px}.lightning-charge-bar-small{width:35px;height:6px}.lightning-label{font-size:8px}.progress-fill{bottom:0;left:0;width:100%;height:var(--progress, 0%);transition:height .5s cubic-bezier(.34,1.56,.64,1)}.combo-text{font-size:20px}.spectacular-text{font-size:24px}}@media(max-height:400px)and (orientation:landscape){:root{--cell-size: 26px;--cell-width: var(--cell-size);--cell-height: var(--cell-size);--cell-gap: 1px;--board-padding: 3px;--font-size-emoji: 13px}.game-header{padding:3px 8px}.sidebar{padding:4px;gap:6px}.progress-bar{width:14px;height:50px}}