.game-container{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background-color:#1a1a2e;overflow:hidden}.slime-game{position:relative;width:480px;height:728px;overflow:hidden;background-size:cover;background-position:bottom;background-repeat:no-repeat;box-shadow:0 0 20px rgba(0,0,0,.5);border-radius:8px}.slime-game *{transition:z-index .5s step-start,filter .5s ease-in-out}.day-mode{filter:brightness(1.1) contrast(1.1)}.night-overlay{background:linear-gradient(45deg,rgba(0,0,85,.6) 25%,transparent 0,transparent 75%,rgba(0,0,85,.6) 0),linear-gradient(45deg,rgba(0,0,85,.6) 25%,transparent 0,transparent 75%,rgba(0,0,85,.6) 0),radial-gradient(circle at center,rgba(255,255,255,.1) 0,rgba(0,0,85,.6) 100%);background-size:4px 4px,4px 4px,cover;mix-blend-mode:multiply;background-position:0 0,2px 2px;pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 1.5s ease-in-out,background-color 1.5s ease-in-out,z-index .5s step-end}.night-overlay.night-transition{z-index:95}.night-sparkle{position:absolute;background:rgba(255,255,180,.9);border-radius:50%;pointer-events:none;mix-blend-mode:screen;box-shadow:0 0 15px 2px rgba(255,255,200,.5),0 0 30px 4px rgba(255,220,150,.3);transform:scale(0);z-index:100;animation-iteration-count:infinite,infinite;opacity:0}@keyframes twinkle{0%{opacity:.2;transform:scale(.8)}15%{opacity:.8;transform:scale(1.1)}30%{opacity:.4;transform:scale(.9)}45%{opacity:1;transform:scale(1.2)}60%{opacity:.6;transform:scale(1)}to{opacity:.2;transform:scale(.8)}}.debug-menu input{margin-bottom:4px;width:100px}@keyframes float{0%{transform:translate(0)}to{transform:translate(calc(var(--dx) * 10px),calc(var(--dy) * 10px))}}.bubble{position:relative;background-color:white;border:2px solid black;border-radius:10px;padding:8px 12px;min-width:100px;max-width:150px;min-height:40px;text-align:center;font-size:14px;color:black;cursor:pointer;word-break:break-word;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s ease-in-out,transform .3s ease-in-out;opacity:1;transform:translateY(0)}.bubble:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border:10px solid transparent;border-top-color:white;border-bottom:none;transition:all .3s ease-in-out}@keyframes bubbleAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bubble{animation:bubbleAppear .3s ease-in-out}.slime-menu{justify-content:space-around;gap:5px}.slime-menu,.slime-menu-btn{display:flex;align-items:center}.slime-menu-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:5px;border-radius:50%;transition:transform .2s,background-color .2s;width:30px;height:30px;justify-content:center}.slime-menu-btn:hover{transform:scale(1.2);background-color:rgba(0,0,0,.1)}.slime-menu-btn.talk{color:#3498db}.slime-menu-btn.color,.slime-menu-btn.remove{color:#e74c3c}.back-button{background:none;border:none;font-size:16px;cursor:pointer;padding:5px;margin-top:5px;border-radius:4px;transition:transform .2s,background-color .2s;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.1)}.back-button:hover{transform:scale(1.1);background-color:rgba(0,0,0,.2)}.active-slime{z-index:1010!important}.active-indicator{animation:pulse 1.5s ease-in-out infinite;background-color:rgba(255,255,255,.5)}@keyframes pulse{0%{transform:scale(.8);opacity:.7}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.7}}@keyframes fadeInOut{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.menu-button{padding:8px 16px;background-color:rgba(0,0,0,.7);color:white;border:none;border-radius:4px;cursor:pointer;margin-right:8px;font-weight:700;transition:background-color .2s}.menu-button:hover{background-color:rgba(0,0,0,.9)}.menu-button-simplified{width:36px;height:36px;border-radius:50%;background-color:rgba(0,0,0,.7);color:white;font-size:18px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.3);transition:transform .2s,background-color .2s;padding:0;outline:none}.menu-button-simplified:hover{transform:scale(1.1);background-color:rgba(0,0,0,.9)}.dropdown-menu{position:absolute;top:50px;left:10px;background-color:rgba(0,0,0,.8);border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.3);padding:8px 0;z-index:1000}.dropdown-item{padding:8px 16px;cursor:pointer;color:white;transition:background-color .2s}.dropdown-item:hover{background-color:rgba(255,165,0,.7)}.color-menu{display:flex;flex-direction:column;gap:5px}.color-menu.horizontal{flex-direction:row;gap:5px;flex-wrap:wrap;justify-content:center}.color-menu.horizontal .back-button{margin-top:0;margin-left:5px}.color-option{padding:4px 8px;border-radius:4px;cursor:pointer;transition:transform .2s}.color-option:hover{transform:scale(1.1)}.color-option.blue{background-color:#3498db;color:white}.color-option.red{background-color:#e74c3c;color:white}.color-option.green{background-color:#2ecc71;color:white}.add-slime-button{position:absolute;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background-color:rgba(0,0,0,.7);color:white;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:0 2px 10px rgba(0,0,0,.3);z-index:1000;transition:transform .2s,background-color .2s;outline:none}.add-slime-button:hover{transform:scale(1.1);background-color:rgba(0,0,0,.9)}@keyframes pulse-aura{0%{opacity:.4;transform:scale(.95)}50%{opacity:.7;transform:scale(1.05)}to{opacity:.4;transform:scale(.95)}}.mushroom-sprite,.slime-sprite{backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000;perspective:1000;transition:background-position .05s steps(1),background-image 0s}.mushroom-sprite.background-character{pointer-events:auto}.mushroom-sprite-night{animation:mushroom-night-glow 4s ease-in-out infinite}@keyframes mushroom-night-glow{0%{filter:drop-shadow(0 0 2px rgba(255,255,255,.2))}50%{filter:drop-shadow(0 0 3px rgba(255,255,255,.3))}to{filter:drop-shadow(0 0 2px rgba(255,255,255,.2))}}.mushroom-sprite-dusk{animation:mushroom-dusk-glow 4s ease-in-out infinite}@keyframes mushroom-dusk-glow{0%{filter:drop-shadow(0 0 2px rgba(255,200,150,.25))}50%{filter:drop-shadow(0 0 4px rgba(255,180,120,.35))}to{filter:drop-shadow(0 0 2px rgba(255,200,150,.25))}}.mushroom-sprite-glowing{animation:mushroom-intense-glow 1s cubic-bezier(.4,0,.2,1);z-index:96!important;mix-blend-mode:screen}@keyframes mushroom-intense-glow{0%{filter:drop-shadow(0 0 5px rgba(255,255,255,.5)) brightness(1.1)}20%{filter:drop-shadow(0 0 10px rgba(255,255,255,.7)) brightness(1.3)}40%{filter:drop-shadow(0 0 15px rgba(255,255,255,.9)) drop-shadow(0 0 25px rgba(255,255,255,.6)) brightness(1.5)}60%{filter:drop-shadow(0 0 20px rgba(255,255,255,1)) drop-shadow(0 0 30px rgba(255,255,255,.8)) brightness(1.6)}80%{filter:drop-shadow(0 0 15px rgba(255,255,255,.9)) drop-shadow(0 0 25px rgba(255,255,255,.6)) brightness(1.4)}90%{filter:drop-shadow(0 0 10px rgba(255,255,255,.7)) brightness(1.2)}to{filter:drop-shadow(0 0 5px rgba(255,255,255,.5)) brightness(1.1)}}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.sunny-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50;pointer-events:none;overflow:hidden;mix-blend-mode:soft-light}.sun-glow{position:absolute;width:150px;height:150px;background:radial-gradient(circle,rgba(255,255,200,.8) 0,rgba(255,223,186,.4) 40%,rgba(255,255,255,0) 70%);border-radius:50%;transform:translate(-50%,-50%);filter:blur(5px);animation:pulse-glow 8s ease-in-out infinite}.sun-ray{position:absolute;transform-origin:0 0;background:linear-gradient(90deg,rgba(255,223,186,.8),rgba(255,255,255,0));opacity:.6;animation:pulse-ray 6s ease-in-out infinite}.cloud-shadow{width:200px;height:60px;background:radial-gradient(ellipse,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 70%);transform-origin:center center;filter:blur(10px)}.cloud-shadow,.light-particle{position:absolute;border-radius:50%}.light-particle{background-color:rgba(255,255,255,.6);filter:blur(1px);animation:float-particle linear infinite}.light-reflection{top:0;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,0) 50%);animation:shift-reflection 20s ease-in-out infinite alternate}.floor-glow,.light-reflection{position:absolute;left:0;width:100%}.floor-glow{bottom:0;height:80px;background:linear-gradient(0deg,rgba(255,223,186,.3),rgba(255,255,255,0));opacity:.7;pointer-events:none;animation:pulse-floor 8s ease-in-out infinite}@keyframes pulse-ray{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}@keyframes pulse-glow{0%{opacity:.8;filter:blur(5px) brightness(1)}50%{opacity:1;filter:blur(8px) brightness(1.1)}to{opacity:.8;filter:blur(5px) brightness(1)}}@keyframes pulse-floor{0%{opacity:.6;height:70px}50%{opacity:.8;height:80px}to{opacity:.6;height:70px}}@keyframes float-particle{0%{transform:translate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translate(20px,-30px) rotate(1turn);opacity:0}}@keyframes shift-reflection{0%{opacity:.1;background-position:0 0}50%{opacity:.2}to{opacity:.1;background-position:100% 100%}}