.sphere{display:block;position:absolute;left:50%;top:50%;border-radius:100%;transform:translate(-50%,-50%);width:200px;height:200px;background:rgba(0,0,0,.15);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 50px 5px rgba(0,0,0,.5),inset 0 0 40px rgba(255,255,255,.5),inset 0 -20px 50px rgba(0,0,0,.2);z-index:50;overflow:hidden;transition:transform .3s ease-in-out;animation:float 6s ease-in-out infinite}.sphere:hover{transform:translate(-50%,-50%) scale(1.05)}.sphere:hover .lava{filter:blur(20px)}.sphere:hover .lava:after,.sphere:hover .lava:before{animation-duration:3s}.sphere:before{content:"";position:absolute;top:45%;left:47%;transform:translate(-50%,-50%);width:10px;height:30px;background:rgba(255,255,255,1);border-radius:3px;box-shadow:30px 0 0 rgba(255,255,255,1);z-index:60;animation:blink 4s infinite,lookAround 10s ease-in-out infinite}.sphere:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;box-shadow:0 0 60px rgba(255,255,255,.1);animation:glowPulse 2s ease-in-out infinite}.lava{filter:blur(25px);display:block;left:50%;top:50%;border-radius:100%;transform:translate(-50%,-50%);width:190px;height:190px;z-index:10;animation:colorShift 20s linear infinite}.lava,.lava:before{position:absolute;opacity:1;mix-blend-mode:screen}.lava:before{background:radial-gradient(circle at 30% 30%,#3C74DA 0,transparent 45%),radial-gradient(circle at 70% 30%,#D53A50 0,transparent 45%),radial-gradient(circle at 50% 60%,#742BC2 0,transparent 45%),radial-gradient(circle at 80% 40%,#4A144E 0,transparent 45%);filter:blur(8px)}.lava:after,.lava:before{content:"";width:120%;height:120%}.lava:after{position:absolute;background:radial-gradient(circle at 40% 40%,#3C74DA 0,transparent 35%),radial-gradient(circle at 60% 40%,#D53A50 0,transparent 35%),radial-gradient(circle at 50% 70%,#742BC2 0,transparent 35%),radial-gradient(circle at 70% 50%,#4A144E 0,transparent 35%);filter:blur(12px);opacity:1;mix-blend-mode:screen;animation:pulse 4s ease-in-out infinite alternate}.sphere.startup{animation:startupSphere 2s ease-out;opacity:0;animation-fill-mode:forwards}.lava.startup{animation:startupLava 2s ease-out;opacity:0;animation-fill-mode:forwards}.wave-container{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);width:300px;height:60px;display:flex;justify-content:center;align-items:center;gap:3px}.wave{width:2px;height:20px;background:rgba(255,255,255,.5);animation:wave .55s ease-in-out infinite;border-radius:2px}.text-container{position:absolute;bottom:25%;left:50%;transform:translateX(-50%);width:100%;text-align:center;z-index:40}.floating-text{color:rgba(255,255,255,.8);font-family:Arial,sans-serif;font-size:1.8em;opacity:0;transition:opacity .52s ease-in-out;text-shadow:0 0 10px rgba(255,255,255,.5)}@keyframes textFade{0%,to{opacity:0}10%,90%{opacity:1}}@keyframes wave{0%,to{height:calc(5px + (var(--i) * 2px));background:rgba(255,255,255,.2)}50%{height:calc(15px + (var(--i) * 3px));background:rgba(255,255,255,.8)}}.wave:first-child{--i:1;animation-delay:-.45s}.wave:nth-child(2){--i:2;animation-delay:-.4s}.wave:nth-child(3){--i:3;animation-delay:-.35s}.wave:nth-child(4){--i:4;animation-delay:-.3s}.wave:nth-child(5){--i:5;animation-delay:-.25s}.wave:nth-child(6){--i:4;animation-delay:-.2s}.wave:nth-child(7){--i:3;animation-delay:-.15s}.wave:nth-child(8){--i:2;animation-delay:-.1s}.wave:nth-child(9){--i:1;animation-delay:-.05s}.wave:nth-child(10){--i:2;animation-delay:0s}.wave:nth-child(11){--i:3;animation-delay:-.45s}.wave:nth-child(12){--i:4;animation-delay:-.4s}.wave:nth-child(13){--i:5;animation-delay:-.35s}.wave:nth-child(14){--i:4;animation-delay:-.3s}.wave:nth-child(15){--i:3;animation-delay:-.25s}.wave:nth-child(16){--i:2;animation-delay:-.2s}.wave:nth-child(17){--i:1;animation-delay:-.15s}.wave:nth-child(18){--i:2;animation-delay:-.1s}.wave:nth-child(19){--i:3;animation-delay:-.05s}.wave:nth-child(20){--i:4;animation-delay:0s}.wave-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 90%,transparent);pointer-events:none}@keyframes startupSphere{0%{opacity:0;transform:translate(-50%,-50%) scale(.8);filter:brightness(0)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.1);filter:brightness(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:brightness(1);animation:float 6s ease-in-out infinite}}@keyframes startupLava{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes blink{0%,96%{height:30px}98%{height:3px}to{height:30px}}@keyframes lookAround{0%,40%{left:47%;box-shadow:30px 0 0 rgba(255,255,255,1)}45%{left:40%;box-shadow:30px 0 0 rgba(255,255,255,1)}55%{left:40%;box-shadow:30px 0 0 rgba(255,255,255,1)}60%{left:54%;box-shadow:30px 0 0 rgba(255,255,255,1)}70%{left:54%;box-shadow:30px 0 0 rgba(255,255,255,1)}75%{left:47%;box-shadow:30px 0 0 rgba(255,255,255,1)}}@keyframes float{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 10px))}}@keyframes colorShift{0%{filter:blur(25px) hue-rotate(0deg)}to{filter:blur(25px) hue-rotate(1turn)}}@keyframes glowPulse{0%,to{box-shadow:0 0 60px rgba(255,255,255,.1)}45%{box-shadow:0 0 80px rgba(255,255,255,.2)}50%{box-shadow:0 0 70px rgba(255,255,255,.15)}55%{box-shadow:0 0 85px rgba(255,255,255,.2)}60%{box-shadow:0 0 60px rgba(255,255,255,.1)}}@keyframes pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(1.15);opacity:1}}