body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.game-header{color:#fff;justify-content:space-between;padding:20px;position:relative;z-index:10}.game-header,.score-indicator{align-items:center;display:flex}.score-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;padding:8px 16px}.score-icon{font-size:24px;margin-right:8px}.score-text{font-size:18px;font-weight:700}.level-section{flex:1 1;text-align:center}.level-controls{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:10px}.level-nav-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;font-weight:700;height:40px;transition:all .3s ease;width:40px}.level-nav-btn:hover:not(:disabled){background:#ffffff4d;transform:scale(1.1)}.level-nav-btn:disabled{cursor:not-allowed;opacity:.3}.level-info{text-align:center}.level-indicator{background:#fff3;border:1px solid #ffffff4d;border-radius:10px;height:20px;margin:0 auto 10px;overflow:hidden;position:relative;width:120px}.level-indicator:after{background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:10px;box-shadow:0 0 10px #4caf5080;content:"";height:100%;left:0;position:absolute;top:0;transition:width .5s ease;width:0;width:var(--progress,0)}.progress-text{color:#fff;font-size:12px;font-weight:700;left:50%;position:absolute;text-shadow:1px 1px 2px #000000b3;top:50%;transform:translate(-50%,-50%);z-index:1}.level-title{font-size:28px;font-weight:700;margin:5px 0;text-shadow:2px 2px 4px #0000004d}.level-subtitle{color:gold;font-size:14px;font-weight:500;margin:5px 0;opacity:.8}.level-description{font-size:16px;margin:10px auto;max-width:400px;opacity:.9}@media (max-width:768px){.game-header{align-items:stretch;flex-direction:column;gap:10px;padding:12px 15px}.score-indicator{align-self:flex-start;border-radius:16px;min-height:44px;padding:6px 12px}.score-icon{font-size:20px;margin-right:6px}.score-text{font-size:16px}.level-section{margin:8px 0;order:1}.level-controls{gap:15px;margin-bottom:8px}.level-nav-btn{font-size:20px;height:44px;touch-action:manipulation;width:44px}.level-nav-btn:hover:not(:disabled){transform:scale(1.05)}.level-indicator{height:18px;margin:0 auto 8px;width:100px}.progress-text{font-size:11px}.level-title{font-size:22px;margin:3px 0}.level-subtitle{font-size:12px;margin:3px 0}.level-description{font-size:14px;margin:5px 0;max-width:300px}}@media (max-width:480px){.game-header{gap:8px;padding:10px 12px}.score-indicator{border-radius:14px;padding:4px 10px}.score-icon{font-size:18px;margin-right:4px}.score-text{font-size:14px}.level-controls{gap:12px;margin-bottom:6px}.level-nav-btn{font-size:18px;height:40px;width:40px}.level-indicator{height:16px;margin:0 auto 6px;width:80px}.progress-text{font-size:10px}.level-title{font-size:18px;margin:2px 0}.level-subtitle{font-size:11px;margin:2px 0}.level-description{font-size:13px;margin:3px 0;max-width:280px}}@media (max-width:896px) and (orientation:landscape){.game-header{align-items:center;flex-direction:row;gap:15px;padding:8px 15px}.level-section{margin:0;order:0}.level-title{font-size:20px;margin:2px 0}.level-subtitle{font-size:11px;margin:1px 0}.level-description{font-size:12px;margin:2px 0;max-width:250px}}@media (hover:none) and (pointer:coarse){.level-nav-btn:hover:not(:disabled){background:#ffffff40;transform:none}.level-nav-btn:active:not(:disabled){background:#ffffff4d;transform:scale(.95)}}.word-card{background:linear-gradient(145deg,#f5f5dcf2,#ebebd2f2);border:2px solid #c8c8c84d;border-radius:12px;box-shadow:0 4px 12px #00000026,inset 0 1px 0 #fff6,inset 0 -1px 0 #0000001a;cursor:grab;height:120px;overflow:hidden;position:relative;transform-style:preserve-3d;transition:all .3s ease;width:120px}.word-card:hover{box-shadow:0 8px 20px #00000040,inset 0 1px 0 #fff9;transform:translateY(-4px) rotateX(5deg)}.word-card.dragging{background:linear-gradient(145deg,#ffd700f2,#ffcd00f2);box-shadow:0 12px 30px #0000004d,0 0 20px #ffd70080;cursor:grabbing;transform:rotate(5deg) scale(1.1) translateZ(20px);z-index:1000}.word-card.matched{background:linear-gradient(145deg,#90ee90f2,#86e486f2);border-color:#90ee90;box-shadow:0 2px 8px #0000001a,inset 0 1px 0 #ffffff4d;cursor:not-allowed;opacity:.6;transform:scale(.95) rotateY(10deg)}.word-overlay{word-wrap:break-word;color:#333;font-size:14px;font-weight:700;left:50%;line-height:1.2;max-width:100px;pointer-events:none;position:absolute;text-align:center;text-shadow:1px 1px 2px #fffc;top:50%;transform:translate(-50%,-50%);z-index:10}@media (max-width:768px){.word-card{-webkit-touch-callout:none;cursor:grab;height:100px;touch-action:none;user-select:none;-webkit-user-select:none;width:100px}.word-card:hover{transform:translateY(-2px) rotateX(3deg)}.word-card.dragging{box-shadow:0 8px 25px #00000059,0 0 25px #ffd70099;transform:rotate(3deg) scale(1.05) translateZ(15px)}.word-overlay{font-size:12px;line-height:1.1;max-width:85px;padding:2px}}@media (max-width:480px){.word-card{height:85px;min-height:44px;min-width:44px;width:85px}.word-card:hover{transform:translateY(-1px)}.word-card.dragging{box-shadow:0 6px 20px #0000004d,0 0 20px #ffd70080;transform:rotate(2deg) scale(1.03) translateZ(10px)}.word-overlay{font-size:11px;line-height:1;max-width:70px;padding:1px}}@media (hover:none) and (pointer:coarse){.word-card{transition:transform .2s ease,box-shadow .2s ease}.word-card:hover{box-shadow:0 4px 12px #00000026,inset 0 1px 0 #fff6,inset 0 -1px 0 #0000001a;transform:none}.word-card:active{transform:scale(.98)}}.icon-card{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border:3px solid #ccc;border-radius:12px;box-shadow:0 4px 12px #00000026,inset 0 1px 0 #fff6,inset 0 -1px 0 #0000001a;cursor:grab;display:flex;flex-direction:column;height:120px;justify-content:center;overflow:hidden;position:relative;transform-style:preserve-3d;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:120px}.icon-card:hover{box-shadow:0 8px 20px #00000040,inset 0 1px 0 #fff9;transform:translateY(-4px) rotateX(5deg)}.icon-card.dragging{background:linear-gradient(135deg,#5ba3f5,#667eea);box-shadow:0 12px 30px #0000004d,0 0 20px #667eea80;cursor:grabbing;transform:rotate(5deg) scale(1.1) translateZ(20px);z-index:1000}.icon-card.matched{background:linear-gradient(135deg,#56ab2f,#a8e6cf);border-color:#4caf50;box-shadow:0 2px 8px #0000001a,inset 0 1px 0 #ffffff4d;cursor:not-allowed;opacity:.6}.icon-card.matched,.icon-card.matched:hover{transform:scale(.95) rotateY(10deg)}.icon-display{font-size:28px;margin-bottom:4px;text-shadow:0 1px 2px #0000004d}.icon-label{color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;line-height:1.2;text-align:center;text-shadow:0 1px 2px #00000080;text-transform:uppercase}.icon-card:before{background:linear-gradient(45deg,#ffffff4d,#0000 50%,#ffffff4d);border-radius:12px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.icon-card:hover:before{opacity:1}.game-board{align-items:center;justify-content:center;min-height:600px;position:relative;z-index:5}.game-board,.words-grid{display:flex;padding:20px}.words-grid{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0003;flex-direction:column;gap:8px;max-width:600px;width:100%}.row-container{display:flex;flex-direction:column;position:relative}.category-header{animation:categoryAppear .5s ease-out;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0003;color:#333;font-size:12px;font-weight:700;left:50%;padding:4px 12px;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap;z-index:10}@keyframes categoryAppear{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.word-row{display:flex;gap:8px;justify-content:center;transition:all .3s ease}.word-row.matched-row{animation:rowGlow .8s ease-out;border-radius:12px;padding:4px;transition:all .5s ease}.row-container:first-child .word-row.matched-row{background:#00ff884d;border:2px solid #0c6c;box-shadow:0 0 15px #0f89}.row-container:first-child .category-header{background:linear-gradient(45deg,#0f8,#0c6);color:#fff;text-shadow:0 1px 2px #0000004d}.row-container:nth-child(2) .word-row.matched-row{background:#ff6b9d4d;border:2px solid #ff8a80cc;box-shadow:0 0 15px #ff6b9d99}.row-container:nth-child(2) .category-header{background:linear-gradient(45deg,#ff6b9d,#ff8a80);color:#fff;text-shadow:0 1px 2px #0000004d}.row-container:nth-child(3) .word-row.matched-row{background:#64b5f64d;border:2px solid #42a5f5cc;box-shadow:0 0 15px #64b5f699}.row-container:nth-child(3) .category-header{background:linear-gradient(45deg,#64b5f6,#42a5f5);color:#fff;text-shadow:0 1px 2px #0000004d}.row-container:nth-child(4) .word-row.matched-row{background:#ffd54f4d;border:2px solid #ffcc02cc;box-shadow:0 0 15px #ffd54f99}.row-container:nth-child(4) .category-header{background:linear-gradient(45deg,#ffd54f,#ffcc02);color:#333;text-shadow:0 1px 2px #ffffff80}@keyframes rowGlow{0%{box-shadow:0 0 5px #ffffff4d;transform:scale(1)}50%{box-shadow:0 0 25px #fffc;transform:scale(1.02)}to{transform:scale(1)}}.drop-target{transition:all .2s ease}.drop-target.drop-hover{background:#ffd70033;border-radius:8px;transform:scale(1.05)}@media (max-width:768px){.game-board{min-height:500px;padding:15px}.words-grid{margin:0 auto;max-width:100%;padding:12px}.word-row{flex-wrap:wrap;gap:6px;justify-content:center}.category-header{border-radius:10px;font-size:11px;padding:3px 10px;top:-10px}.drop-target{border-radius:6px;transition:all .2s ease}.drop-target.drop-hover{background:#ffd70040;border-radius:10px;transform:scale(1.02)}}@media (max-width:480px){.game-board{min-height:450px;padding:10px}.words-grid{border-radius:16px;padding:8px}.word-row{gap:4px;margin-bottom:4px}.row-container{margin-bottom:6px}.category-header{border-radius:8px;font-size:10px;max-width:90%;min-width:auto;padding:2px 8px;top:-8px}.drop-target.drop-hover{background:#ffd7004d;transform:scale(1.01)}}@media (max-width:896px) and (orientation:landscape){.game-board{min-height:auto;padding:8px}.words-grid{max-width:600px;padding:10px}.word-row{gap:8px}}@media (hover:none) and (pointer:coarse){.drop-target{margin:1px;padding:2px}.drop-target.drop-hover{background:#ffd70059;box-shadow:0 0 10px #ffd70080}.word-row.matched-row{animation:rowGlow 1s ease-out,rowPulse 2s ease-in-out infinite}}@keyframes rowPulse{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}.projector-background{background:#0000;height:100vh;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100vw;z-index:1}.projector-source{animation:projectorPulse 4s ease-in-out infinite;background:radial-gradient(circle,#ffffffe6 0,#fff9 30%,#ffffff4d 60%,#0000 100%);border-radius:50%;box-shadow:0 0 30px #fffc,0 0 60px #fff6,0 0 100px #fff3;height:20px;transform:translate(-50%,-50%);width:20px}.projector-beam,.projector-source{left:50%;position:absolute;top:50%}.projector-beam{animation:beamLurk var(--duration) infinite ease-in-out;animation-delay:var(--delay);background:linear-gradient(90deg,#fff6,#fff3 30%,#ffffff1a 60%,#0000);border-radius:20px 0 0 20px;filter:blur(1px);height:40px;opacity:0;transform:translateY(-50%);transform-origin:0 center;width:800px}.beam-0{animation-name:beamLurk1;transform:translateY(-50%) rotate(0deg)}.beam-1{animation-name:beamLurk2;transform:translateY(-50%) rotate(45deg)}.beam-2{animation-name:beamLurk3;transform:translateY(-50%) rotate(90deg)}.beam-3{animation-name:beamLurk4;transform:translateY(-50%) rotate(135deg)}.beam-4{animation-name:beamLurk5;transform:translateY(-50%) rotate(180deg)}.beam-5{animation-name:beamLurk6;transform:translateY(-50%) rotate(225deg)}.beam-6{animation-name:beamLurk7;transform:translateY(-50%) rotate(270deg)}.beam-7{animation-name:beamLurk8;transform:translateY(-50%) rotate(315deg)}.sweep-beam{animation:sweepBeamRotate var(--duration) infinite linear;animation-delay:var(--delay);background:linear-gradient(90deg,#ffffff26,#ffffff14 40%,#ffffff0a 70%,#0000);border-radius:40px 0 0 40px;filter:blur(2px);height:80px;left:50%;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transform-origin:0 center;width:1200px}.sweep-0{transform:translateY(-50%) rotate(0deg)}.sweep-1{transform:translateY(-50%) rotate(90deg)}.sweep-2{transform:translateY(-50%) rotate(180deg)}.sweep-3{transform:translateY(-50%) rotate(270deg)}@keyframes projectorPulse{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}@keyframes beamLurk1{0%,to{opacity:0;transform:translateY(-50%) rotate(0deg) scaleX(.8)}25%{opacity:.6;transform:translateY(-50%) rotate(15deg) scaleX(1.2)}50%{opacity:.4;transform:translateY(-50%) rotate(-10deg) scaleX(.9)}75%{opacity:.8;transform:translateY(-50%) rotate(20deg) scaleX(1.1)}}@keyframes beamLurk2{0%,to{opacity:0;transform:translateY(-50%) rotate(45deg) scaleX(.7)}30%{opacity:.7;transform:translateY(-50%) rotate(60deg) scaleX(1.3)}70%{opacity:.3;transform:translateY(-50%) rotate(30deg) scaleX(.8)}}@keyframes beamLurk3{0%,to{opacity:0;transform:translateY(-50%) rotate(90deg) scaleX(1)}40%{opacity:.5;transform:translateY(-50%) rotate(105deg) scaleX(1.1)}80%{opacity:.7;transform:translateY(-50%) rotate(75deg) scaleX(.9)}}@keyframes beamLurk4{0%,to{opacity:0;transform:translateY(-50%) rotate(135deg) scaleX(.9)}20%{opacity:.6;transform:translateY(-50%) rotate(150deg) scaleX(1.2)}60%{opacity:.4;transform:translateY(-50%) rotate(120deg) scaleX(.8)}}@keyframes beamLurk5{0%,to{opacity:0;transform:translateY(-50%) rotate(180deg) scaleX(.8)}35%{opacity:.8;transform:translateY(-50%) rotate(195deg) scaleX(1.1)}65%{opacity:.3;transform:translateY(-50%) rotate(165deg) scaleX(1.3)}}@keyframes beamLurk6{0%,to{opacity:0;transform:translateY(-50%) rotate(225deg) scaleX(1.1)}45%{opacity:.5;transform:translateY(-50%) rotate(240deg) scaleX(.7)}75%{opacity:.9;transform:translateY(-50%) rotate(210deg) scaleX(1.2)}}@keyframes beamLurk7{0%,to{opacity:0;transform:translateY(-50%) rotate(270deg) scaleX(.9)}25%{opacity:.7;transform:translateY(-50%) rotate(285deg) scaleX(1.1)}55%{opacity:.4;transform:translateY(-50%) rotate(255deg) scaleX(.8)}}@keyframes beamLurk8{0%,to{opacity:0;transform:translateY(-50%) rotate(315deg) scaleX(1)}50%{opacity:.6;transform:translateY(-50%) rotate(330deg) scaleX(1.3)}85%{opacity:.5;transform:translateY(-50%) rotate(300deg) scaleX(.9)}}@keyframes sweepBeamRotate{0%{opacity:0;transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(var(--start-angle,0deg))}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateY(-50%) rotate(1turn);transform:translateY(-50%) rotate(calc(var(--start-angle, 0deg) + 1turn))}}.sweep-0{--start-angle:0deg}.sweep-1{--start-angle:90deg}.sweep-2{--start-angle:180deg}.sweep-3{--start-angle:270deg}@media (max-width:1024px){.projector-beam{height:30px;width:600px}.sweep-beam{height:60px;width:900px}}@media (max-width:768px){.projector-beam{height:25px;width:400px}.sweep-beam{height:50px;width:600px}.projector-source{height:15px;width:15px}}@media (max-width:480px){.projector-beam{height:20px;width:300px}.sweep-beam{height:40px;width:450px}.projector-source{height:12px;width:12px}}.slime-container{animation:slimeBounce 3s ease-in-out infinite;bottom:10%;left:20%;position:absolute;z-index:2}.slime{animation:slimeWobble 2s ease-in-out infinite;background:linear-gradient(45deg,#0f8,#0c6);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;filter:drop-shadow(0 10px 20px rgba(0,255,136,.3));height:80px;position:relative;width:100px}.slime:before{animation:slimeBubble1 2.5s ease-in-out infinite;border-radius:50% 50% 50% 50%/70% 70% 30% 30%;height:30px;left:20%;top:-15px;width:25px}.slime:after,.slime:before{background:linear-gradient(45deg,#0f8,#0c6);content:"";position:absolute}.slime:after{animation:slimeBubble2 3s ease-in-out .5s infinite;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;height:22px;right:15%;top:-8px;width:18px}.slime-eyes{display:flex;gap:15px;left:50%;position:absolute;top:25px;transform:translateX(-50%)}.eye{animation:eyeBlink 4s infinite;background:#fff;border-radius:50%;height:20px;position:relative;width:20px}.eye:before{animation:eyeLook 3s ease-in-out infinite;background:#333;height:8px;left:3px;top:3px;width:8px}.eye:after,.eye:before{border-radius:50%;content:"";position:absolute}.eye:after{background:#fff;height:3px;left:7px;top:5px;width:3px}.slime-mouth{animation:mouthMove 2s ease-in-out infinite;background:#ff6b6b;border-radius:0 0 50px 50px;bottom:20px;height:8px;left:50%;position:absolute;transform:translateX(-50%);width:15px}.slime-trail{animation:trailMove 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#00ff884d,#0000);border-radius:50%;bottom:-5px;height:10px;left:10%;position:absolute;width:80%}@keyframes slimeBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-30px) scale(1.1,.9)}50%{transform:translateY(-50px) scale(1.15,.85)}75%{transform:translateY(-30px) scale(1.1,.9)}}@keyframes slimeWobble{0%,to{border-radius:50% 50% 50% 50%/60% 60% 40% 40%;transform:scaleX(1)}25%{border-radius:45% 55% 50% 50%/65% 55% 45% 35%;transform:scaleX(1.05)}50%{border-radius:55% 45% 50% 50%/55% 65% 35% 45%;transform:scaleX(.95)}75%{border-radius:50% 50% 45% 55%/60% 60% 50% 30%;transform:scaleX(1.02)}}@keyframes slimeBubble1{0%,to{opacity:.8;transform:scale(1) translateY(0)}50%{opacity:.6;transform:scale(1.3) translateY(-5px)}}@keyframes slimeBubble2{0%,to{opacity:.7;transform:scale(1) translateY(0)}50%{opacity:.5;transform:scale(1.2) translateY(-3px)}}@keyframes eyeBlink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes eyeLook{0%,to{transform:translate(3px,3px)}25%{transform:translate(6px,2px)}50%{transform:translate(2px,5px)}75%{transform:translate(5px,4px)}}@keyframes mouthMove{0%,to{height:8px;width:15px}50%{height:6px;width:18px}}@keyframes trailMove{0%,to{opacity:.3;transform:scaleX(1)}50%{opacity:.6;transform:scaleX(1.2)}}.slime-container:nth-child(2){animation-delay:-1s;animation-duration:3.5s;bottom:12%;left:75%;transform:scale(.9)}.slime-container:nth-child(2) .slime{background:linear-gradient(45deg,#ff6b9d,#ff8a80);filter:drop-shadow(0 10px 20px rgba(255,107,157,.3))}.slime-container:nth-child(3){animation-delay:-2s;animation-duration:4s;bottom:8%;left:5%;transform:scale(.7)}.slime-container:nth-child(3) .slime{background:linear-gradient(45deg,#64b5f6,#42a5f5);filter:drop-shadow(0 10px 20px rgba(100,181,246,.3))}.slime-container:nth-child(4){animation-delay:-3s;animation-duration:3.2s;bottom:70%;left:80%;transform:scale(.8)}.slime-container:nth-child(4) .slime{background:linear-gradient(45deg,#ffd54f,#ffcc02);filter:drop-shadow(0 10px 20px rgba(255,213,79,.3))}.slime-popped{animation:slimePop .8s ease-out forwards}.slime-popped .slime{animation:slimeJump .8s ease-out forwards}.slime-celebration{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.celebration-particle{animation:particleExplode 1s ease-out forwards;background:radial-gradient(circle,#ffffffe6,#ffffff4d);border-radius:50%;height:8px;position:absolute;width:8px}.celebration-particle:first-child{animation-delay:0s;transform:translate(-20px,-20px)}.celebration-particle:nth-child(2){animation-delay:.1s;transform:translate(20px,-20px)}.celebration-particle:nth-child(3){animation-delay:.2s;transform:translate(-20px,20px)}.celebration-particle:nth-child(4){animation-delay:.3s;transform:translate(20px,20px)}@keyframes slimePop{0%{transform:scale(1) translateY(0)}50%{transform:scale(1.3) translateY(-40px)}to{transform:scale(1.1) translateY(-20px)}}@keyframes slimeJump{0%{transform:scale(1) rotate(0deg)}30%{transform:scale(1.4,.8) rotate(-5deg)}60%{transform:scale(.9,1.3) rotate(5deg)}to{transform:scale(1.1) rotate(0deg)}}@keyframes particleExplode{0%{opacity:1;transform:scale(0) translate(0)}50%{opacity:1;transform:scale(1) translate(0);transform:scale(1) translate(var(--dx,0),var(--dy,0))}to{opacity:0;transform:scale(.5) translate(0,0);transform:scale(.5) translate(calc(var(--dx, 0)*2),calc(var(--dy, 0)*2))}}.slime-hovered .slime{animation:slimeExcited .6s ease-in-out infinite}.slime-hovered .slime .eye{animation:eyeExcited .8s ease-in-out infinite}.slime-hovered .slime .slime-mouth{animation:mouthExcited .6s ease-in-out infinite}.hover-bubbles{left:50%;pointer-events:none;position:absolute;top:-30px;transform:translateX(-50%)}.hover-bubble{animation:bubblePop 1.2s ease-out infinite;border-radius:50%;height:12px;position:absolute;width:12px}.hover-bubble,.slime-container:first-child .hover-bubble{background:#00ff88b3;border:1px solid #00ff88e6}.slime-container:nth-child(2) .hover-bubble{background:#ff6b9db3;border:1px solid #ff6b9de6}.slime-container:nth-child(3) .hover-bubble{background:#64b5f6b3;border:1px solid #64b5f6e6}.slime-container:nth-child(4) .hover-bubble{background:#ffd54fb3;border:1px solid #ffd54fe6}.hover-bubble:first-child{animation-delay:0s;left:-15px}.hover-bubble:nth-child(2){animation-delay:.3s;left:0}.hover-bubble:nth-child(3){animation-delay:.6s;left:15px}@keyframes slimeExcited{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.05) rotate(-2deg)}50%{transform:scale(1.1) rotate(0deg)}75%{transform:scale(1.05) rotate(2deg)}}@keyframes eyeExcited{0%,to{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(1.2) scaleX(.8)}}@keyframes mouthExcited{0%,to{border-radius:0 0 50px 50px;height:8px;width:15px}50%{border-radius:50px 50px 50px 50px;height:12px;width:20px}}@keyframes bubblePop{0%{opacity:0;transform:translateY(0) scale(0)}20%{opacity:1;transform:translateY(-10px) scale(.5)}50%{opacity:.8;transform:translateY(-25px) scale(1)}70%{opacity:.6;transform:translateY(-35px) scale(1.2)}to{opacity:0;transform:translateY(-50px) scale(0)}}.slime-hovered .slime:before{animation:slimeBubbleHover1 1s ease-in-out infinite}.slime-hovered .slime:after{animation:slimeBubbleHover2 1.2s ease-in-out .2s infinite}@keyframes slimeBubbleHover1{0%,to{opacity:.8;transform:scale(1) translateY(0)}50%{opacity:.4;transform:scale(1.5) translateY(-8px)}}@keyframes slimeBubbleHover2{0%,to{opacity:.7;transform:scale(1) translateY(0)}50%{opacity:.3;transform:scale(1.4) translateY(-6px)}}.sound-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #0f83;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:12px;position:fixed;right:20px;top:20px;z-index:1000}.sound-controls-title{color:#333;font-size:14px;font-weight:700;margin-bottom:8px;text-align:center;text-shadow:0 1px 2px #0000001a}.sound-buttons{gap:8px}.sound-button,.sound-buttons{align-items:center;display:flex}.sound-button{background:#f0f0f0cc;border:none;border-radius:8px;cursor:pointer;flex-direction:column;font-size:18px;justify-content:center;min-width:50px;overflow:hidden;padding:8px 6px;position:relative;transition:all .2s ease}.sound-button span{font-size:10px;font-weight:500;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.sound-button.enabled{background:linear-gradient(135deg,#0f8,#0c6);box-shadow:0 2px 8px #00ff884d;color:#fff;transform:scale(1)}.sound-button.enabled:hover{box-shadow:0 4px 12px #0f86;transform:scale(1.05)}.sound-button.enabled:active{transform:scale(.95)}.sound-button.disabled{background:linear-gradient(135deg,#ccc,#999);box-shadow:0 2px 4px #0000001a;color:#666}.sound-button.disabled:hover{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;transform:scale(1.02)}.sound-button:disabled{cursor:not-allowed;opacity:.6}.sound-button:disabled:hover{background:linear-gradient(135deg,#ccc,#999);color:#666;transform:none}.sound-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.sound-button.enabled:hover:before{left:100%}@media (max-width:768px){.sound-controls{border-radius:14px;padding:10px;right:15px;top:15px;z-index:1001}.sound-controls-title{font-size:12px;margin-bottom:6px}.sound-buttons{gap:8px}.sound-button{border-radius:10px;font-size:16px;min-height:44px;min-width:48px;padding:8px 6px;touch-action:manipulation}.sound-button:hover{transform:scale(1.02)}.sound-button:active{transform:scale(.95)}.sound-button span{font-size:9px;margin-top:1px}}@media (max-width:480px){.sound-controls{border-radius:12px;padding:8px;right:12px;top:12px}.sound-controls-title{font-size:11px;margin-bottom:5px}.sound-buttons{gap:6px}.sound-button{border-radius:8px;font-size:14px;min-height:40px;min-width:44px;padding:6px 4px}.sound-button span{font-size:8px;margin-top:0}}@media (max-width:896px) and (orientation:landscape){.sound-controls{padding:6px;right:15px;top:8px;transform:scale(.9)}.sound-controls-title{font-size:10px;margin-bottom:4px}.sound-buttons{gap:4px}.sound-button{font-size:13px;min-height:36px;min-width:40px;padding:4px 3px}.sound-button span{font-size:7px}}@media (hover:none) and (pointer:coarse){.sound-button{transition:transform .2s ease,background .2s ease}.sound-button:hover{transform:none}.sound-button.enabled:hover{background:linear-gradient(135deg,#0f8,#0c6);transform:none}.sound-button.disabled:hover{background:linear-gradient(135deg,#ccc,#999);transform:none}.sound-button:active{transform:scale(.92)}.sound-button.enabled:active{background:linear-gradient(135deg,#0d7,#0b5)}.sound-button.disabled:active{background:linear-gradient(135deg,#bbb,#888)}.sound-button:before{display:none}}.level-complete-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.level-complete-modal{animation:modalSlideIn .5s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #0000004d;color:#fff;max-width:400px;padding:30px;text-align:center;width:90%}.completion-header h2{animation:bounce 1s ease-in-out;font-size:24px;margin:0 0 10px;text-shadow:2px 2px 4px #0000004d}.new-record{animation:pulse 2s infinite;background:linear-gradient(45deg,gold,orange);border-radius:20px;box-shadow:0 4px 8px #ffd7004d;color:#333;display:inline-block;font-weight:700;margin-bottom:20px;padding:8px 16px}.stats-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;margin:20px 0;padding:20px}.stat-item{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin:10px 0;padding:8px 0}.stat-item:last-child{border-bottom:none}.stat-label{font-weight:600;opacity:.9}.stat-value{color:gold;font-size:18px;font-weight:700;text-shadow:1px 1px 2px #0000004d}.stat-value.record{animation:glow 2s ease-in-out infinite alternate}.modal-actions{display:flex;gap:15px;margin-top:20px}.next-btn,.replay-btn{border:none;border-radius:25px;box-shadow:0 4px 8px #0003;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:12px 20px;transition:all .3s ease}.replay-btn{background:linear-gradient(45deg,#667eea,#764ba2);border:2px solid #ffffff4d;color:#fff}.replay-btn:hover{box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}.next-btn{background:linear-gradient(45deg,#56ab2f,#a8e6cf);color:#333}.next-btn:hover{box-shadow:0 6px 12px #56ab2f66;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.7) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%{box-shadow:0 4px 8px #ffd7004d;transform:scale(1)}50%{box-shadow:0 6px 12px #ffd70080;transform:scale(1.05)}to{box-shadow:0 4px 8px #ffd7004d;transform:scale(1)}}@keyframes glow{0%{text-shadow:1px 1px 2px #0000004d,0 0 10px #ffd70080}to{text-shadow:1px 1px 2px #0000004d,0 0 20px #ffd700cc}}.unlock-notification{animation:slideInRight .5s ease-out;position:fixed;right:20px;top:20px;z-index:9999}.unlock-content{align-items:center;background:linear-gradient(135deg,#56ab2f,#a8e6cf);border:2px solid #ffffff4d;border-radius:15px;box-shadow:0 10px 20px #0000004d;color:#fff;display:flex;gap:15px;min-width:300px;padding:20px;position:relative}.unlock-icon{animation:bounce 1s ease-in-out infinite;font-size:30px}.unlock-text h3{font-size:18px;margin:0 0 5px;text-shadow:1px 1px 2px #0000004d}.unlock-text p{font-size:14px;margin:0;opacity:.9}.unlock-close{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;opacity:.7;position:absolute;right:10px;top:5px;transition:opacity .3s ease}.unlock-close:hover{opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-2px)}}.level-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin:20px 0;padding:20px}.level-selector h3{color:#fff;margin:0 0 20px;text-align:center;text-shadow:1px 1px 2px #0000004d}.level-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.level-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #fff3;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:15px;position:relative;text-align:center;transition:all .3s ease}.level-card,.level-card.unlocked{cursor:pointer}.level-card.unlocked:hover{border-color:#fff6;box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}.level-card.current{background:linear-gradient(135deg,#ffd70033,#ffd7001a);border-color:gold;box-shadow:0 0 15px #ffd7004d}.level-card.completed{background:linear-gradient(135deg,#4caf5033,#4caf501a);border-color:#4caf50}.level-card.locked{background:linear-gradient(135deg,#64646433,#6464641a);cursor:not-allowed;opacity:.5}.level-number{color:#fff;font-size:24px;font-weight:700;margin-bottom:5px;text-shadow:1px 1px 2px #00000080}.level-title{color:#ffffffe6;font-size:12px;line-height:1.2;margin-bottom:8px;text-shadow:1px 1px 2px #0000004d}.level-stats{color:#fffc;font-size:10px}.completion-badge{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:5px;top:5px;width:20px}.best-time{color:gold;font-weight:700;margin:2px 0}.attempts{color:#ffffffb3}.lock-icon{font-size:20px;opacity:.6}@media (max-width:768px){.level-selector{border-radius:16px;margin:15px 10px;padding:12px}.level-selector h3{font-size:18px;margin-bottom:15px}.level-grid{gap:12px;grid-template-columns:repeat(3,1fr);max-height:300px}.level-card{border-radius:12px;cursor:pointer;min-height:80px;padding:8px;touch-action:manipulation}.level-card:hover:not(.locked){transform:translateY(-2px)}.level-card:active:not(.locked){transform:translateY(0) scale(.98)}.level-number{font-size:18px;margin-bottom:4px}.level-title{font-size:9px;line-height:1.2}.completion-badge{font-size:11px;height:18px;right:3px;top:3px;width:18px}.best-time{font-size:9px;margin:1px 0}.attempts{font-size:8px}.lock-icon{font-size:18px}}@media (max-width:480px){.level-selector{border-radius:14px;margin:12px 8px;padding:10px}.level-selector h3{font-size:16px;margin-bottom:12px}.level-grid{gap:10px;grid-template-columns:repeat(2,1fr);max-height:250px}.level-card{border-radius:10px;min-height:75px;padding:6px}.level-number{font-size:16px;margin-bottom:3px}.level-title{font-size:8px;line-height:1.1}.completion-badge{font-size:10px;height:16px;right:2px;top:2px;width:16px}.best-time{font-size:8px;margin:1px 0}.attempts{font-size:7px}.lock-icon{font-size:16px}}@media (max-width:896px) and (orientation:landscape){.level-selector{margin:10px 15px;padding:8px}.level-selector h3{font-size:16px;margin-bottom:10px}.level-grid{gap:8px;grid-template-columns:repeat(4,1fr);max-height:200px}.level-card{min-height:65px;padding:5px}.level-number{font-size:15px;margin-bottom:2px}.level-title{font-size:8px;line-height:1}}@media (hover:none) and (pointer:coarse){.level-card{transition:transform .2s ease,background-color .2s ease}.level-card:hover:not(.locked){background:#ffffff1a;transform:none}.level-card:active:not(.locked){background:#ffffff26;transform:scale(.95)}.level-card.available{background:#4caf5026;border:2px solid #4caf504d}.level-card.completed{background:#ffc10726;border:2px solid #ffc10766}}.App{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.game-container{flex:1 1;justify-content:center}.game-container,.hint-button{align-items:center;display:flex;position:relative}.hint-button{background:#4caf50;border:none;border-radius:25px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;gap:10px;margin:20px auto;padding:15px 30px;transition:all .3s ease;z-index:10}.hint-button:hover{background:#45a049;box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.game-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:15px;gap:20px;justify-content:center;margin:0 20px 20px;padding:10px 20px}.game-stats,.game-stats>div{background:#ffffff1a;display:flex}.game-stats>div{align-items:center;border-radius:10px;color:#fff;font-size:14px;font-weight:700;gap:5px;padding:5px 10px;text-shadow:1px 1px 2px #0000004d}.timer{background:#ffd70033!important;color:gold!important}.attempts{background:#6c757d33!important;color:#e8e8e8!important}.best-time{background:#4caf5033!important;color:#4caf50!important}@media (max-width:768px){.App{min-height:100vh;min-height:100dvh;padding:0}.game-container{min-height:auto;padding:10px}.game-stats{flex-direction:row;flex-wrap:wrap;gap:8px;margin:0 10px 15px;padding:8px 12px}.game-stats>div{flex:1 1;font-size:11px;justify-content:center;min-width:auto;padding:4px 8px}.hint-button{border-radius:20px;font-size:16px;margin:15px auto;min-height:44px;padding:12px 24px;touch-action:manipulation}.game-message{border-radius:20px;font-size:14px;max-width:95%;padding:12px 20px;top:15px}}@media (max-width:480px){.game-stats{flex-direction:column;gap:6px;margin:0 8px 12px;padding:6px 10px}.game-stats>div{font-size:10px;padding:3px 6px}.hint-button{border-radius:18px;font-size:14px;margin:12px auto;padding:10px 20px}.game-message{font-size:13px;max-width:98%;padding:10px 16px;top:10px}}@media (max-width:1024px) and (orientation:portrait){.App{min-height:100vh;min-height:100dvh}.game-container{padding:15px}}.hint-button:active{transform:translateY(0)}.game-message{animation:slideInFromTop .5s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4caf50,#66bb6a);border:2px solid #ffffff4d;border-radius:25px;box-shadow:0 8px 20px #4caf5066;color:#fff;font-size:16px;font-weight:700;left:50%;max-width:90%;padding:15px 30px;pointer-events:none;position:fixed;text-align:center;top:20px;transform:translateX(-50%);z-index:999}.game-message.fade-out{animation:slideOutToTop .5s ease-in forwards}@keyframes slideInFromTop{0%{opacity:0;transform:translateX(-50%) translateY(-100px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideOutToTop{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-100px)}}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}
/*# sourceMappingURL=main.43275090.css.map*/