*{box-sizing:border-box}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--timing-fast: .25s;--timing-normal: .35s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--blur-light: 10px;--blur-medium: 20px;--app-bg: radial-gradient(circle at 20% 15%, #e7edf4 0%, #f0f4f8 38%, #dfe8f2 100%);--app-bg-secondary: #e7eff7;--app-text: #1f2f3d;--app-text-secondary: #4f6070;--app-accent: var(--tg-theme-button-color, #2d9cdb);--surface-glass: rgba(255, 255, 255, .75);--surface-glass-hover: rgba(255, 255, 255, .88);--border-subtle: rgba(102, 123, 143, .2);--border-bright: rgba(161, 179, 197, .78);--shadow-sm: 0 8px 22px rgba(15, 38, 64, .12);--shadow-md: 0 16px 44px rgba(15, 38, 64, .2);--glow-purple: rgba(145, 131, 233, .26);--glow-blue: rgba(91, 170, 233, .3);--glow-teal: rgba(68, 201, 193, .24);--title-accent: #ffffff;--overlay-backdrop: rgba(9, 13, 24, .72)}[data-theme=dark]{--app-bg: radial-gradient(circle at 18% 14%, #1e2a3c 0%, #0d1117 40%, #080b10 100%);--app-bg-secondary: #111827;--app-text: var(--tg-theme-text-color, #e8f0ff);--app-text-secondary: #99a7be;--app-accent: var(--tg-theme-button-color, #64b5ff);--surface-glass: rgba(255, 255, 255, .06);--surface-glass-hover: rgba(255, 255, 255, .1);--border-subtle: rgba(206, 225, 245, .14);--border-bright: rgba(196, 214, 236, .45);--shadow-sm: 0 10px 28px rgba(0, 0, 0, .35);--shadow-md: 0 18px 48px rgba(0, 0, 0, .45);--glow-purple: rgba(140, 118, 255, .3);--glow-blue: rgba(85, 170, 255, .32);--glow-teal: rgba(59, 210, 202, .25);--title-accent: rgba(255, 255, 255, .92);--overlay-backdrop: rgba(3, 6, 11, .78)}[data-theme=light]{--app-bg: radial-gradient(circle at 20% 15%, #e7edf4 0%, #f0f4f8 38%, #dfe8f2 100%);--app-bg-secondary: #e7eff7;--app-text: var(--tg-theme-text-color, #1f2f3d);--app-text-secondary: #4f6070;--app-accent: var(--tg-theme-button-color, #2d9cdb);--surface-glass: rgba(255, 255, 255, .75);--surface-glass-hover: rgba(255, 255, 255, .88);--border-subtle: rgba(102, 123, 143, .2);--border-bright: rgba(161, 179, 197, .78);--shadow-sm: 0 8px 22px rgba(15, 38, 64, .12);--shadow-md: 0 16px 44px rgba(15, 38, 64, .2);--glow-purple: rgba(145, 131, 233, .26);--glow-blue: rgba(91, 170, 233, .3);--glow-teal: rgba(68, 201, 193, .24);--title-accent: #ffffff;--overlay-backdrop: rgba(9, 13, 24, .72)}html,body{width:100%;height:100%;max-width:100%;overflow-x:clip}body{margin:0;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;background:var(--app-bg);background-color:var(--app-bg-secondary);color:var(--app-text);overflow-y:hidden;overflow-x:clip;touch-action:manipulation;position:relative}body:before{content:"";position:fixed;inset:-35vh -35vw;pointer-events:none;z-index:-1;background:radial-gradient(circle at 22% 18%,var(--glow-blue) 0%,transparent 42%),radial-gradient(circle at 75% 22%,var(--glow-purple) 0%,transparent 44%),radial-gradient(circle at 48% 82%,var(--glow-teal) 0%,transparent 46%);animation:ambientShift 20s ease-in-out infinite alternate}@media(pointer:coarse){body:before{animation:none}.title-logo-icon,.btn-ad-cover{animation:none}.levels-header,.game-hud,.overlay,.toolbar-btn,.level-btn,.btn-play,.btn-next,.btn-levels,.btn-mechanic-continue{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.overlay:before,.bottle.complete .liquid-container,.bottle.locked .liquid-container,.star-filled{filter:none!important}.bottle,.toolbar-btn,.level-btn,.btn-play,.btn-next,.btn-levels,.btn-mechanic-continue,.bottle.selected,.bottle.pour-target,.bottle.locked,.complete-title{box-shadow:none!important;text-shadow:none!important}.segment,.segment-flow-unit{box-shadow:none!important}.level-btn.current,.bottle.locked,.bottle.pour-target{animation:none}}.screen{position:absolute;inset:0;width:100%;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;opacity:0;pointer-events:none;transform:translate(30%);transition:opacity var(--timing-normal) var(--ease-standard),transform var(--timing-normal) var(--ease-standard)}.screen-enter-forward{transform:translate(30%)}.screen-enter-back{transform:translate(-30%)}.screen-exit-forward{transform:translate(-30%);opacity:0}.screen-exit-back{transform:translate(30%);opacity:0}.screen-active{opacity:1;pointer-events:auto;transform:translate(0)}.title-logo{margin-top:calc(18vh + var(--safe-top));font-size:clamp(2.4rem,6.8vw,3.2rem);font-weight:800;text-align:center;color:var(--app-text);text-shadow:0 8px 28px rgba(14,25,41,.16);letter-spacing:.08em}.title-logo-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;font-size:.58em;color:var(--title-accent);text-shadow:0 0 14px rgba(92,171,231,.56);animation:logoSparkle 2.8s ease-in-out infinite}.title-sub{font-size:1.04rem;color:var(--app-text-secondary);margin-top:10px}.title-level{margin-top:16px;font-size:1rem;color:var(--app-text-secondary)}.btn-play{margin-top:38px;padding:16px 54px;font-size:1.24rem;border:1px solid transparent;border-radius:999px;background:linear-gradient(var(--surface-glass),var(--surface-glass)) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--app-accent) 72%,white 28%),#62d7c8) border-box;color:var(--app-text);font-weight:800;cursor:pointer;box-shadow:0 12px 30px #18375438,inset 0 0 20px color-mix(in srgb,var(--app-accent) 24%,transparent 76%);transition:transform var(--timing-fast) ease,box-shadow var(--timing-fast) ease;letter-spacing:.05em}.btn-play:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 18px 38px #18375447,inset 0 0 28px color-mix(in srgb,var(--app-accent) 34%,transparent 66%)}.btn-play:active{transform:translateY(-1px) scale(.97)}.btn-remove-ads{margin-top:14px;padding:10px 28px;font-size:.9rem;border:1px solid var(--border-subtle);border-radius:999px;background:transparent;color:var(--app-text-secondary);font-weight:600;cursor:pointer;letter-spacing:.03em;transition:color var(--timing-fast) ease,border-color var(--timing-fast) ease,opacity var(--timing-fast) ease;opacity:.75}.btn-remove-ads:hover{color:var(--app-text);border-color:var(--border-bright);opacity:1}.btn-remove-ads:active{opacity:.6}.btn-remove-ads:disabled{opacity:.4;cursor:default}.btn-remove-ads-price{opacity:.7;font-size:.85em}.premium-thanks{margin-top:14px;padding:10px 28px;font-size:.9rem;border:1px solid var(--border-subtle);border-radius:999px;background:transparent;color:var(--app-text-secondary);font-weight:600;letter-spacing:.03em;opacity:.45;cursor:default;pointer-events:none}.btn-remove-ads.hidden,.premium-thanks.hidden{display:none}.levels-header,.game-hud,.overlay{background:var(--surface-glass);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);backdrop-filter:blur(var(--blur-medium));-webkit-backdrop-filter:blur(var(--blur-medium))}@supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){.levels-header,.game-hud,.overlay,.toolbar-btn,.level-btn,.btn-play,.btn-next,.btn-levels{backdrop-filter:none;-webkit-backdrop-filter:none;background:color-mix(in srgb,var(--surface-glass) 85%,var(--app-bg-secondary) 15%)}}.levels-header{padding:calc(18px + var(--safe-top)) 0 10px;text-align:center;width:100%}.levels-header h2{margin:0;font-size:1.6rem;color:var(--app-text)}.level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:22px;width:100%;max-width:440px;overflow-y:auto;flex:1;align-content:start;-webkit-overflow-scrolling:touch}.level-btn{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border-subtle);border-radius:18px;background:var(--surface-glass);color:var(--app-text);font-size:1.2rem;font-weight:800;cursor:pointer;transition:transform var(--timing-fast) ease,box-shadow var(--timing-fast) ease,border-color var(--timing-fast) ease;padding:4px;margin:0;box-shadow:var(--shadow-sm)}.level-btn:hover:not(.locked){transform:translateY(-3px);box-shadow:var(--shadow-sm),0 0 20px color-mix(in srgb,var(--app-accent) 38%,transparent 62%);border-color:color-mix(in srgb,var(--app-accent) 45%,white 55%)}.level-btn:active:not(.locked){transform:scale(.95)}.level-btn.locked{background:color-mix(in srgb,var(--surface-glass) 55%,#8f9aa6 45%);color:color-mix(in srgb,var(--app-text-secondary) 75%,#95a3b0 25%);cursor:default;border-color:#919daa47}.level-btn.current{border-color:color-mix(in srgb,var(--app-accent) 68%,white 32%);box-shadow:var(--shadow-sm),0 0 0 1px color-mix(in srgb,var(--app-accent) 42%,transparent 58%),0 0 28px color-mix(in srgb,var(--app-accent) 36%,transparent 64%);animation:currentLevelPulse 1.55s ease-in-out infinite}.level-btn.completed:not(.locked):after{content:"✓";position:absolute;right:6px;top:6px;width:16px;height:16px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800;color:#0e3e36;background:#70e2c2;box-shadow:0 2px 7px #2c8a7370}.level-stars{font-size:.55rem;letter-spacing:1px;margin-top:2px;color:#ffd93d}.level-lock-icon{width:20px;height:20px}.game-hud{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 14px;width:100%;padding:calc(10px + var(--safe-top)) 16px 10px;z-index:10}.hud-level{font-size:1.1rem;font-weight:700;color:var(--app-text)}.hud-moves{font-size:1rem;color:var(--app-text-secondary)}#game{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 26px;padding:20px;max-width:100vw;flex-grow:1;align-content:center}.game-toolbar{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 16px calc(20px + var(--safe-bottom));width:100%}.toolbar-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:.95rem;border:1px solid var(--border-subtle);border-radius:999px;background:var(--surface-glass);color:var(--app-text);font-weight:700;cursor:pointer;transition:transform var(--timing-fast) ease,box-shadow var(--timing-fast) ease,border-color var(--timing-fast) ease;box-shadow:var(--shadow-sm);margin:0}.toolbar-btn:hover{background:var(--surface-glass-hover);border-color:color-mix(in srgb,var(--app-accent) 38%,white 62%);transform:translateY(-2px);box-shadow:var(--shadow-sm),0 0 18px color-mix(in srgb,var(--app-accent) 28%,transparent 72%)}.toolbar-btn:active{transform:scale(.95)}.toolbar-btn:disabled{opacity:.35;cursor:default}.toolbar-btn:disabled:hover{transform:none;background:var(--surface-glass);border-color:var(--border-subtle);box-shadow:var(--shadow-sm)}.toolbar-btn .btn-icon{margin-right:2px;display:inline-flex;width:18px;height:18px}.toolbar-btn .btn-icon svg{width:18px;height:18px;display:block}.btn-counter{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;color:#1f2e2c;background:#4ecdc466;border:1px solid rgba(44,130,123,.28);line-height:1}.btn-counter.hidden{display:none}.btn-ad-cover{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(120deg,#213554e6,#355881e6 54%,#279092e0);animation:adPulse 1.4s ease-in-out infinite}.toolbar-btn.is-ad-offer .btn-ad-cover{display:inline-flex}.toolbar-btn.is-ad-offer .btn-label,.toolbar-btn.is-ad-offer .btn-icon{opacity:.18}.bottle{width:62px;height:270px;position:relative;background:transparent;border:2.5px solid var(--border-bright);border-radius:10px 10px 32px 32px;overflow:hidden;cursor:grab;box-shadow:0 4px 15px #00000014;transition:transform .35s ease-in-out,box-shadow .35s ease-in-out,border-color .35s ease-in-out;-webkit-user-select:none;user-select:none}.bottle:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,rgba(255,255,255,.25) 45%,rgba(255,255,255,.08) 55%,transparent 70%);pointer-events:none;z-index:3}.bottle:after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:4px;background:var(--border-bright);border-radius:10px 10px 0 0;z-index:2}.bottle:active{cursor:grabbing}.bottle.selected,.bottle.dragging{transform:translateY(-20px);box-shadow:0 12px 30px #00000026,0 0 0 1px var(--app-accent),0 0 22px color-mix(in srgb,var(--app-accent) 35%,transparent 65%);border-color:var(--app-accent)}.bottle.pour-target{transform:translateY(-8px) scale(1.02);border-color:#50c878cc;box-shadow:0 0 20px #50c8784d;animation:targetPulse .55s ease-in-out infinite alternate}.bottle.complete{border-color:#50c878d1;box-shadow:0 6px 18px #50c8783d,inset 0 0 0 1px #50c87833}.bottle.complete .liquid-container{filter:saturate(1.08) brightness(1.03)}.bottle.complete-just{animation:completePop .38s cubic-bezier(.18,.89,.32,1.28)}.bottle.complete-just .bottle-cap{animation:capCelebrate .48s cubic-bezier(.2,.95,.25,1.2)}.bottle.locked{--lock-color: #dbb05d;border-width:3px;border-color:var(--lock-color);box-shadow:0 8px 24px #00000024,0 0 0 2px var(--lock-color),inset 0 0 0 1px #ffffff38;animation:lockPulse .95s ease-in-out infinite alternate}.bottle.locked .liquid-container{filter:saturate(.88) brightness(.96)}.bottle.complete-nudge{animation:completeNudge .4s cubic-bezier(.36,.07,.19,.97)}.bottle.invalid-drop{animation:invalidShake .45s cubic-bezier(.36,.07,.19,.97);border-color:#e74c3cd9;box-shadow:0 0 22px #e74c3c59}.bottle.pouring{position:fixed;z-index:50;pointer-events:none}.liquid-container{position:absolute;inset:0;overflow:hidden}.source-liquid-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.source-run-polygon{stroke:none;shape-rendering:geometricPrecision}.segment{position:absolute;left:0;right:0;transition:height .4s cubic-bezier(.34,1.56,.64,1);will-change:height;box-shadow:inset 0 2px 4px #00000026;border-radius:0}.segment-top{border-radius:8px 8px 0 0}.segment-arrive{animation:liquidSettle .2s ease-out}.segment-hidden{display:flex;align-items:center;justify-content:center;color:#f5f8fce6;font-size:18px;font-weight:700;letter-spacing:.04em;text-shadow:0 1px 1px rgba(0,0,0,.4);background:radial-gradient(circle at 36% 28%,rgba(255,255,255,.24),transparent 52%),linear-gradient(180deg,#1d2532,#101722)}.bottle-lock-overlay{position:absolute;inset:0;z-index:12;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:repeating-linear-gradient(-45deg,#ffecc433 0px 8px,#dcb97829 8px 16px)}.bottle-lock-top-badge{position:absolute;top:8px;left:50%;transform:translate(-50%);padding:2px 8px;border-radius:999px;font-size:.6rem;font-weight:800;letter-spacing:.08em;color:#5f4412;background:#fff0d0f2;border:1px solid rgba(218,175,95,.62);box-shadow:0 2px 7px #ad854147}.bottle-lock-icon{width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#273140eb;box-shadow:0 6px 14px #00000057;font-size:18px}.bottle-lock-target{width:20px;height:20px;border-radius:999px;border:2px solid rgba(255,255,255,.95);box-shadow:0 3px 10px #00000042,0 0 0 3px #fff6e299}.segment-flow-unit{box-shadow:inset 0 1px 3px #0000001f;will-change:height,transform}.pour-temp-segment{will-change:transform,height}.segment-pour-head.flow-tilt-right{clip-path:polygon(0 24%,100% 0%,100% 90%,0 100%)}.segment-pour-head.flow-tilt-left{clip-path:polygon(0 0%,100% 24%,100% 100%,0 90%)}.segment-under-flow{z-index:1}.segment-mid-flow.flow-tilt-right{clip-path:polygon(0 16%,100% 2%,100% 86%,0 100%)}.segment-mid-flow.flow-tilt-left{clip-path:polygon(0 2%,100% 16%,100% 100%,0 86%)}.segment-bottom-flow.flow-tilt-right{clip-path:polygon(0 12%,100% 0%,100% 100%,0 100%)}.segment-bottom-flow.flow-tilt-left{clip-path:polygon(0 0%,100% 12%,100% 100%,0 100%)}.source-under-stack{position:absolute;left:0;right:0;bottom:0;z-index:1;will-change:top}.source-under-stack.flow-tilt-right{clip-path:polygon(0 8%,100% 0%,100% 100%,0 100%)}.source-under-stack.flow-tilt-left{clip-path:polygon(0 0%,100% 8%,100% 100%,0 100%)}.segment-pour-head{z-index:2}.segment-wobble{animation:liquidWobble .24s ease-out}.bottle-cap{position:absolute;top:2px;left:50%;transform:translate(-50%);width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(145deg,#67d48f,#38b66f);color:#fff;font-size:12px;font-weight:700;text-shadow:0 1px 0 rgba(0,0,0,.16);box-shadow:0 4px 10px #35a86875;z-index:10;pointer-events:none}.complete-burst{--burst-color: #63d48b;position:fixed;width:1px;height:1px;pointer-events:none;z-index:140}.complete-burst-ring{position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:999px;border:2px solid var(--burst-color);opacity:.82;transform:translate(-50%,-50%) scale(.25);animation:completeRing .56s ease-out forwards}.complete-spark{position:absolute;left:50%;top:50%;width:10px;height:3px;border-radius:999px;background:var(--burst-color);box-shadow:0 0 10px #78e6a099;transform-origin:0 50%;opacity:0;animation:completeSpark .54s cubic-bezier(.24,.84,.34,1) forwards;animation-delay:var(--spark-delay, 0s)}.pour-stream{position:fixed;width:8px;border-radius:4px;pointer-events:none;z-index:48;opacity:.95;transform-origin:top center;will-change:transform}.pour-neck{position:absolute;top:-2px;width:10px;height:22px;border-radius:6px;z-index:6;opacity:.95;transform-origin:top center;pointer-events:none}.pour-neck.flow-tilt-right{right:-1px}.pour-neck.flow-tilt-left{left:-1px}.pour-drip{position:fixed;width:6px;height:10px;border-radius:4px 4px 6px 6px;pointer-events:none;z-index:47;opacity:.95;transform-origin:center top;animation:dripFall .38s ease-in forwards}@keyframes ambientShift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,1%,0) scale(1.06)}}@keyframes logoSparkle{0%,to{transform:translateY(0) rotate(0);filter:brightness(1)}50%{transform:translateY(-3px) rotate(8deg);filter:brightness(1.2)}}@keyframes adPulse{0%,to{opacity:.88}50%{opacity:1}}@keyframes currentLevelPulse{0%,to{box-shadow:var(--shadow-sm),0 0 0 1px color-mix(in srgb,var(--app-accent) 38%,transparent 62%),0 0 18px color-mix(in srgb,var(--app-accent) 22%,transparent 78%)}50%{box-shadow:var(--shadow-sm),0 0 0 1px color-mix(in srgb,var(--app-accent) 52%,transparent 48%),0 0 26px color-mix(in srgb,var(--app-accent) 34%,transparent 66%)}}@keyframes titleBounceIn{0%{transform:translateY(16px) scale(.9);opacity:0}60%{transform:translateY(-4px) scale(1.04);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes completeNudge{0%,to{transform:rotate(0)}20%{transform:rotate(-3deg)}40%{transform:rotate(3deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(1deg)}}@keyframes invalidShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}@keyframes targetPulse{0%{box-shadow:0 0 14px #50c87838}to{box-shadow:0 0 28px #50c8786b}}@keyframes lockPulse{0%{box-shadow:0 8px 18px #0000001f,0 0 0 1px var(--lock-color),inset 0 0 0 1px #fff3}to{box-shadow:0 10px 28px #0003,0 0 0 3px var(--lock-color),inset 0 0 0 1px #ffffff52}}@keyframes completePop{0%{transform:scale(.96)}70%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes capCelebrate{0%{transform:translate(-50%) translateY(-3px) scale(.5);opacity:0}62%{transform:translate(-50%) translateY(0) scale(1.14);opacity:1}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes completeRing{0%{transform:translate(-50%,-50%) scale(.25);opacity:.82}to{transform:translate(-50%,-50%) scale(2.1);opacity:0}}@keyframes completeSpark{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--spark-angle)) translate(0) scale(.7)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--spark-angle)) translate(var(--spark-distance)) scale(.18)}}@keyframes liquidSettle{0%{filter:brightness(1.12)}to{filter:brightness(1)}}@keyframes liquidWobble{0%{transform:scaleX(.96);filter:brightness(1.1)}60%{transform:scaleX(1.04)}to{transform:scaleX(1);filter:brightness(1)}}@keyframes dripFall{0%{transform:translateY(0) scale(1);opacity:.95}to{transform:translateY(16px) scale(.72);opacity:0}}.overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--overlay-backdrop);border:none;box-shadow:none;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);z-index:220;opacity:0;pointer-events:none;transition:opacity .4s var(--ease-standard)}.overlay:before{content:"";position:absolute;width:min(78vw,450px);height:min(38vh,320px);border-radius:60px;background:radial-gradient(circle at center,color-mix(in srgb,var(--app-accent) 36%,transparent 64%) 0%,transparent 70%);filter:blur(10px);z-index:-1}.overlay-active{opacity:1;pointer-events:auto}.complete-title{font-size:2.2rem;font-weight:800;color:#f7fbff;margin-bottom:20px;text-shadow:0 4px 20px rgba(0,0,0,.45),0 0 20px color-mix(in srgb,var(--app-accent) 36%,transparent 64%);animation:titleBounceIn .45s var(--ease-standard)}.complete-stars{font-size:3rem;min-height:3.5rem;display:flex;gap:8px}.star-filled{color:#ffd93d;text-shadow:0 0 20px rgba(255,217,61,.8),0 0 28px rgba(255,217,61,.46);filter:drop-shadow(0 0 12px rgba(255,224,92,.65));animation:starPop .4s cubic-bezier(.175,.885,.32,1.275)}.star-empty{color:#c3c9d2}@keyframes starPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.complete-moves{margin-top:14px;font-size:1.1rem;color:#e9f1fae6;text-align:center}.overlay-mechanic{z-index:240;padding:20px}.overlay-mechanic:before{width:min(92vw,560px);height:min(66vh,500px)}.mechanic-panel{width:min(92vw,560px);border-radius:28px;border:1px solid rgba(230,239,248,.22);background:linear-gradient(155deg,#141a27eb,#0c121deb);box-shadow:0 28px 60px #0006,0 0 0 1px #ffffff0d;color:#eff6ff;padding:22px 20px 20px;display:flex;flex-direction:column;gap:12px}.mechanic-level{align-self:flex-start;font-size:.76rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#c4d3ea;border:1px solid rgba(190,206,231,.36);border-radius:999px;padding:5px 11px}.mechanic-title{font-size:clamp(1.56rem,4.8vw,2rem);font-weight:800;line-height:1.15}.mechanic-subtitle{font-size:1rem;color:#dfeaf8f0;line-height:1.45}.mechanic-scene{margin-top:4px;display:flex;justify-content:center}.tutorial-board{width:100%;max-width:420px;border-radius:18px;border:1px solid rgba(189,210,235,.2);background:linear-gradient(180deg,#ffffff14,#ffffff08);display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:14px 10px}.tutorial-bottle{width:44px;height:150px;position:relative;border:2px solid rgba(220,235,252,.72);border-radius:10px 10px 20px 20px;overflow:hidden;background:#eff7ff12;box-shadow:inset 0 0 0 1px #ffffff14}.tutorial-bottle:before{content:"";position:absolute;inset:0;background:linear-gradient(95deg,transparent 30%,rgba(255,255,255,.28) 48%,transparent 70%);pointer-events:none;z-index:2}.tutorial-bottle:after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:4px;border-radius:10px 10px 0 0;background:#dcebfcb8;z-index:2}.tutorial-bottle.empty{opacity:.85}.tutorial-bottle.locked{--tutorial-lock-color: #dbb05d;border-color:var(--tutorial-lock-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--tutorial-lock-color) 78%,transparent 22%),inset 0 0 0 1px #ffffff1a}.tutorial-liquid{position:absolute;inset:0}.tutorial-segment{position:absolute;left:0;right:0;box-shadow:inset 0 2px 3px #00000029}.tutorial-segment.top{border-radius:7px 7px 0 0}.tutorial-segment.hidden{display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.88rem;letter-spacing:.04em;color:#f3f7fcf5;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.2),transparent 52%),linear-gradient(180deg,#1d2736,#111a27)}.tutorial-arrow{font-size:1.24rem;color:#d0dff4db;align-self:center;font-weight:700;min-width:26px;text-align:center}.tutorial-bottle-cap{position:absolute;top:-11px;left:50%;transform:translate(-50%);width:24px;height:24px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#4fc67ef5;color:#0f2b1b;font-weight:800;box-shadow:0 6px 14px #00000052;z-index:4}.tutorial-lock-overlay{position:absolute;inset:0;z-index:3;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:repeating-linear-gradient(-45deg,#ffeecd2e 0px 7px,#d6b8802e 7px 14px)}.tutorial-lock-icon{width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:15px;background:#232e3eeb;box-shadow:0 6px 12px #00000047}.tutorial-lock-target{width:17px;height:17px;border-radius:999px;border:2px solid rgba(255,255,255,.95);box-shadow:0 0 0 2px #fff3dbb3,0 4px 8px #0000004d}.mechanic-points{margin:4px 0 0;padding-left:20px;display:grid;gap:6px;color:#e8f2fff2;font-size:.95rem;line-height:1.4}.complete-buttons{display:flex;gap:14px;margin-top:32px}.btn-next,.btn-levels,.btn-mechanic-continue{border-radius:999px;border:1px solid var(--border-subtle);background:var(--surface-glass);color:var(--app-text);font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--timing-fast) ease,box-shadow var(--timing-fast) ease,border-color var(--timing-fast) ease;margin:0}.btn-next{padding:14px 38px;font-size:1.2rem}.btn-levels{padding:14px 28px;font-size:1.1rem}.btn-mechanic-continue{align-self:center;padding:13px 32px;font-size:1rem;margin-top:2px}.btn-next:hover,.btn-levels:hover,.btn-mechanic-continue:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--app-accent) 38%,white 62%);box-shadow:var(--shadow-sm),0 0 22px color-mix(in srgb,var(--app-accent) 30%,transparent 70%)}.btn-next:active,.btn-levels:active,.btn-mechanic-continue:active{transform:scale(.96)}#confetti-canvas{position:fixed;inset:0;z-index:300;pointer-events:none;display:none}@media(max-width:520px){.overlay-mechanic{padding:14px}.mechanic-panel{padding:18px 14px 16px;border-radius:22px;gap:10px}.tutorial-board{gap:7px;padding:12px 8px}.tutorial-bottle{width:38px;height:132px}.tutorial-arrow{min-width:20px;font-size:1rem}.mechanic-points{font-size:.9rem}.bottle{width:54px;height:240px}.title-logo{font-size:2.4rem;margin-top:calc(15vh + var(--safe-top))}.level-grid{padding:18px 16px 24px;gap:12px}.toolbar-btn{padding:10px 14px;font-size:.88rem}}@media(max-width:520px){.bottles-6 .bottle{width:50px;height:230px}.bottles-7 .bottle{width:46px;height:210px}.bottles-8 .bottle{width:42px;height:195px}.bottles-9 .bottle{width:40px;height:185px}.bottles-10 .bottle{width:38px;height:175px}}@media(max-height:500px){.title-logo{margin-top:calc(8vh + var(--safe-top));font-size:2.1rem}.game-hud{gap:6px 10px}#game{gap:12px 16px;padding-top:10px}.game-toolbar{padding-top:6px}}#game{gap:14px 20px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body:before{animation:none}.level-btn.current,.btn-ad-cover{animation:none}}