.coming-soon-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.coming-soon-svg {
    width: 140px;
    height: 140px;
    filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.45));
}

.steam-orb {
    fill: url(#steamGlow);
    animation: steamPulse 2.2s ease-in-out infinite;
    filter: blur(1px);
}

.steam-line {
    fill: none;
    stroke: rgba(193, 255, 114, 0.9);
    stroke-width: 3.5;
    stroke-linecap: round;
    stroke-dasharray: 28 12;
    animation: steamDrift 2.4s ease-in-out infinite;
}

.steam-line:nth-of-type(2) {
    animation-delay: 0.2s;
    opacity: 0.85;
}

.steam-line:nth-of-type(3) {
    animation-delay: 0.4s;
    opacity: 0.7;
}

.cauldron path {
    fill: #0f141c;
    stroke: rgba(193, 255, 114, 0.6);
    stroke-width: 2.5;
    filter: drop-shadow(0 0 12px rgba(193, 255, 114, 0.25));
}

@keyframes steamPulse {
    0% {
        opacity: 0.4;
        transform: translateY(2px) scale(0.9);
    }
    50% {
        opacity: 0.95;
        transform: translateY(-4px) scale(1.05);
    }
    100% {
        opacity: 0.5;
        transform: translateY(1px) scale(0.95);
    }
}

@keyframes steamDrift {
    0% {
        stroke-dashoffset: 0;
        opacity: 0.4;
        transform: translateY(2px);
    }
    50% {
        stroke-dashoffset: -18;
        opacity: 1;
        transform: translateY(-4px);
    }
    100% {
        stroke-dashoffset: -36;
        opacity: 0.5;
        transform: translateY(1px);
    }
}