.app{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.app:before{background-image:radial-gradient(circle at 20% 80%,#78c8ff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#c878ff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#78ffc80d 0,#0000 30%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.start-screen{align-items:center;animation:fadeIn .8s ease-out;display:flex;flex-direction:column;gap:40px;justify-content:center;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo-container{align-items:center;display:flex;flex-direction:column;gap:20px}.logo-bottles{display:flex;gap:15px}.logo-bottle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:3px solid #ffffff4d;border-radius:0 0 20px 20px;height:100px;overflow:hidden;position:relative;width:50px}.logo-bottle:before{background:#fff3;border-radius:0;content:"";height:8px;top:0}.logo-bottle:before,.logo-water{left:0;position:absolute;right:0}.logo-water{animation:waterWave 2s ease-in-out infinite;border-radius:0 0 17px 17px;bottom:0}@keyframes waterWave{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.logo-bottle:first-child .logo-water{animation-delay:0s;background:linear-gradient(180deg,#ff6b6b,#ee5a5a);height:80%}.logo-bottle:nth-child(2) .logo-water{animation-delay:.3s;background:linear-gradient(180deg,#4ecdc4,#44b3ab);height:60%}.logo-bottle:nth-child(3) .logo-water{animation-delay:.6s;background:linear-gradient(180deg,#ffe66d,#ffd93d);height:100%}.game-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a8edea 50%,#fed6e3);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:800;letter-spacing:2px;text-shadow:0 0 60px #a8edea80}.game-subtitle{color:#fff9;font-size:16px;line-height:1.5;max-width:280px;text-align:center}.level-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #fff3;border-radius:20px;padding:12px 30px}.level-badge span{color:#ffffffb3;font-size:14px}.level-badge strong{color:#fff;font-size:18px;margin-left:8px}.start-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:30px;box-shadow:0 10px 40px #667eea66,0 0 0 0 #667eea66;color:#fff;cursor:pointer;font-size:20px;font-weight:700;letter-spacing:2px;padding:18px 60px;text-transform:uppercase;transition:all .3s ease}.start-button:hover{box-shadow:0 15px 50px #667eea80,0 0 0 0 #667eea66;transform:translateY(-3px)}.start-button:active{transform:translateY(0)}.game-container{display:flex;flex-direction:column;gap:20px;max-width:400px;width:100%;z-index:1}.game-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;display:flex;justify-content:space-between;padding:15px 20px}.back-button{background:#ffffff1a;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:all .2s ease}.back-button:hover{background:#fff3}.level-info{text-align:center}.level-info h2{color:#fff;font-size:18px;font-weight:600}.moves-count{color:#fff9;font-size:13px;margin-top:2px}.tools-container{display:flex;gap:10px}.tool-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:5px;padding:10px 15px;transition:all .2s ease}.tool-button:hover:not(:disabled){background:#fff3;transform:translateY(-2px)}.tool-button:disabled{cursor:not-allowed;opacity:.4}.tool-button .icon{font-size:16px}.bottles-area{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;min-height:350px;padding:30px 10px}.bottle-wrapper{align-items:center;cursor:pointer;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.bottle-wrapper.selected{transform:translateY(-20px)}.bottle-wrapper:active{transform:scale(.95)}.bottle-wrapper.selected:active{transform:translateY(-20px) scale(.95)}.bottle{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#fff3,#ffffff0d 50%,#ffffff1a);border:3px solid #ffffff4d;border-radius:0 0 25px 25px;box-shadow:inset 0 0 30px #ffffff1a,0 10px 40px #0000004d;height:140px;overflow:hidden;position:relative;width:55px}.bottle:before{background:linear-gradient(135deg,#fff3,#ffffff1a);border:3px solid #ffffff4d;border-bottom:none;border-radius:5px 5px 0 0;content:"";height:15px;left:50%;position:absolute;top:-15px;transform:translateX(-50%);width:30px}.bottle:after{background:linear-gradient(180deg,#fff6,#ffffff1a 50%,#0000);border-radius:4px;content:"";height:60%;left:5px;pointer-events:none;position:absolute;top:10px;width:8px}.bottle-content{bottom:0;display:flex;flex-direction:column-reverse;left:0;position:absolute;right:0}.water-layer{height:30px;overflow:hidden;position:relative;width:100%}.water-layer:first-child{border-radius:0 0 22px 22px}.water-layer:before{animation:miniWave 3s ease-in-out infinite;background:inherit;border-radius:50%;content:"";filter:brightness(1.1);height:15px;left:-10%;position:absolute;top:-5px;width:120%}@keyframes miniWave{0%,to{transform:translateX(0) scaleY(1)}50%{transform:translateX(5%) scaleY(.8)}}.water-layer:after{animation:shimmer 2s ease-in-out infinite;background:#fff6;border-radius:2px;content:"";height:3px;left:10%;position:absolute;top:5px;width:30%}@keyframes shimmer{0%,to{opacity:.4;transform:translateX(0)}50%{opacity:.8;transform:translateX(10px)}}.water-red{background:linear-gradient(180deg,#ff6b6b,#ee5a5a)}.water-blue{background:linear-gradient(180deg,#4a9eff,#2d7dd2)}.water-green{background:linear-gradient(180deg,#51cf66,#37b24d)}.water-yellow{background:linear-gradient(180deg,#ffd43b,#fab005)}.water-purple{background:linear-gradient(180deg,#be4bdb,#9c36b5)}.water-orange{background:linear-gradient(180deg,#ff922b,#f76707)}.water-pink{background:linear-gradient(180deg,#f783ac,#e64980)}.water-cyan{background:linear-gradient(180deg,#22b8cf,#15aabf)}.water-lime{background:linear-gradient(180deg,#a9e34b,#82c91e)}.water-teal{background:linear-gradient(180deg,#20c997,#12b886)}.bottle-wrapper.pouring .bottle{animation:pourAnimation .5s ease-in-out}@keyframes pourAnimation{0%{transform:rotate(0deg)}30%{transform:rotate(-45deg) translateX(-10px)}70%{transform:rotate(-45deg) translateX(-10px)}to{transform:rotate(0deg)}}.bottle-wrapper.receiving .water-layer:last-child{animation:fillAnimation .5s ease-out}@keyframes fillAnimation{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.level-complete-modal{animation:modalPop .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #fff3;border-radius:30px;box-shadow:0 20px 60px #00000080;max-width:320px;padding:40px;text-align:center;width:90%}@keyframes modalPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.stars-container{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.star{animation:starPop .5s ease-out backwards;font-size:40px}.star:first-child{animation-delay:.1s}.star:nth-child(2){animation-delay:.2s}.star:nth-child(3){animation-delay:.3s}@keyframes starPop{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.level-complete-modal h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a8edea);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:28px;margin-bottom:10px}.level-complete-modal p{color:#ffffffb3;margin-bottom:30px}.next-level-button{background:linear-gradient(135deg,#51cf66,#37b24d);border:none;border-radius:25px;box-shadow:0 10px 30px #51cf6666;color:#fff;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:1px;padding:15px 50px;text-transform:uppercase;transition:all .3s ease}.next-level-button:hover{box-shadow:0 15px 40px #51cf6680;transform:translateY(-3px)}.particles{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.particle{animation:float 15s infinite;background:#ffffff1a;border-radius:50%;height:10px;position:absolute;width:10px}@keyframes float{0%,to{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) scale(1)}}@media (max-width:380px){.bottle{height:120px;width:45px}.water-layer{height:26px}.bottles-area{gap:10px}.game-title{font-size:32px}}
/*# sourceMappingURL=main.53ec456f.css.map*/