body.page-id-3078.cdg-dancefloor-battle .cdb-game-logo-main {
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-top: -0.15rem;
margin-bottom: 1.35rem;
isolation: isolate;
} body.page-id-3078.cdg-dancefloor-battle .cdb-game-logo-main::before {
content: "";
position: absolute;
z-index: 0;
top: 50%;
left: 50%;
width: min(108%, 720px);
height: clamp(7.5rem, 42vw, 13.5rem);
transform: translate(-50%, -48%);
border-radius: 50%;
pointer-events: none;
background: radial-gradient(
ellipse 68% 62% at 50% 50%,
rgba(6, 10, 28, 0.78) 0%,
rgba(6, 10, 28, 0.48) 42%,
rgba(6, 10, 28, 0.14) 62%,
transparent 78%
);
}
body.page-id-3078.cdg-dancefloor-battle .cdb-game-logo-main .cdb-game-logo__img {
position: relative;
z-index: 1;
display: block;
max-width: min(660px, 100%);
width: 100%;
transform: translateY(-2px) scale(1.08);
transform-origin: center center;
filter:
drop-shadow(0 0 14px rgba(255, 255, 255, 0.28))
drop-shadow(0 0 28px rgba(255, 255, 255, 0.12))
drop-shadow(0 0 36px rgba(168, 85, 247, 0.2))
drop-shadow(0 0 52px rgba(129, 140, 248, 0.12))
drop-shadow(0 2px 10px rgba(15, 23, 42, 0.18));
}
@media (max-width: 768px) {
body.page-id-3078.cdg-dancefloor-battle .cdb-game-logo-main::before {
width: min(112%, 100vw);
height: clamp(6.5rem, 38vw, 10rem);
background: radial-gradient(
ellipse 72% 66% at 50% 50%,
rgba(6, 10, 28, 0.82) 0%,
rgba(6, 10, 28, 0.5) 44%,
rgba(6, 10, 28, 0.16) 64%,
transparent 80%
);
}
body.page-id-3078.cdg-dancefloor-battle .cdb-game-logo-main .cdb-game-logo__img {
transform: translateY(-1px) scale(1.06);
}
}
@media (max-width: 480px) {
body.page-id-3078.cdg-dancefloor-battle .cdb-game-logo-main {
margin-top: 0;
margin-bottom: 1.1rem;
}
body.page-id-3078.cdg-dancefloor-battle .cdb-game-logo-main::before {
height: clamp(5.75rem, 36vw, 8.5rem);
}
body.page-id-3078.cdg-dancefloor-battle .cdb-game-logo-main .cdb-game-logo__img {
transform: translateY(0) scale(1.05);
filter:
drop-shadow(0 0 12px rgba(255, 255, 255, 0.26))
drop-shadow(0 0 24px rgba(255, 255, 255, 0.1))
drop-shadow(0 0 30px rgba(168, 85, 247, 0.18))
drop-shadow(0 0 44px rgba(129, 140, 248, 0.1))
drop-shadow(0 2px 8px rgba(15, 23, 42, 0.16));
}
}
@media (prefers-reduced-motion: reduce) {
body.page-id-3078.cdg-dancefloor-battle .cdb-game-logo-main .cdb-game-logo__img {
transform: translateY(-2px) scale(1.08);
}
}