.cdb-game-logo {
line-height: 0;
}
.cdb-game-logo__img {
display: block;
height: auto;
max-width: 100%;
margin-inline: auto;
}
.cdb-game-logo-main {
display: block;
width: 100%;
max-width: min(680px, 100%);
margin: 0 auto 1.25rem;
text-align: center;
}
.cdb-game-logo-main .cdb-game-logo__img {
width: 100%;
max-width: 600px;
}
.cdb-game-logo-modal {
display: block;
max-width: 220px;
margin: 0 auto 0.65rem;
text-align: center;
}
.cdb-game-logo-modal .cdb-game-logo__img {
width: 100%;
max-width: 220px;
opacity: 0.92;
filter: drop-shadow(0 1px 6px rgba(15, 23, 42, 0.12));
}
.cdg-dancefloor-battle .cdb-game-logo-main .cdb-game-logo__img,
.cdb-game-logo-main .cdb-game-logo__img {
filter: drop-shadow(0 2px 12px rgba(99, 102, 241, 0.12));
}
body.cdg-playing--active .cdg-play-stage .cdb-game-logo-modal .cdb-game-logo__img {
filter: drop-shadow(0 1px 8px rgba(0, 0, 0, 0.2));
}
@media (max-width: 640px) {
.cdb-game-logo-main {
max-width: 100%;
padding-inline: 0.25rem;
margin-bottom: 1rem;
}
.cdb-game-logo-main .cdb-game-logo__img {
max-width: 100%;
}
.cdb-game-logo-modal,
.cdb-game-logo-modal .cdb-game-logo__img {
max-width: 170px;
}
}
@media (max-width: 360px) {
.cdb-game-logo--hide-xs {
display: none;
}
}
.cdg-df-battle-logo-text,
.cdg-jeux-hero__title.cdg-df-battle-logo-text {
font-weight: 700;
letter-spacing: 0.02em;
background: linear-gradient(120deg, #e879f9 0%, #c084fc 35%, #818cf8 70%, #22d3ee 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
text-shadow: none;
}
.cdg-df-battle-badge {
display: inline-flex;
align-items: center;
gap: 0.35rem;
padding: 0.2rem 0.65rem;
border-radius: 999px;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #f5f3ff;
background: linear-gradient(135deg, rgba(168, 85, 247, 0.85), rgba(99, 102, 241, 0.75));
box-shadow: 0 0 18px rgba(168, 85, 247, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.12);
}
.cdg-daily__header {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.65rem 1rem;
margin-bottom: 0.5rem;
}
.cdg-daily__title.cdg-df-battle-title {
margin: 0;
}
.cdg-df-battle-section-head {
position: relative;
}
.cdg-df-battle-section-head::after {
content: "";
display: block;
width: 3.5rem;
height: 3px;
margin-top: 0.45rem;
border-radius: 999px;
background: linear-gradient(90deg, #c084fc, #22d3ee);
opacity: 0.85;
}
.cdg-dancefloor-battle .cdg-end-screen__title,
.cdg-dancefloor-battle .cdg-quiz__done-title {
letter-spacing: 0.01em;
}
.cdg-dancefloor-battle .cdg-quiz__btn--primary,
.cdg-dancefloor-battle .cdg-room__btn--launch {
box-shadow: 0 0 0 1px rgba(168, 85, 247, 0.25), 0 8px 24px rgba(99, 102, 241, 0.18);
}
.cdg-dancefloor-battle .cdg-end-screen,
.cdg-dancefloor-battle .cdg-quiz__panel--done {
transition: opacity 0.35s ease, transform 0.35s ease;
}
.cdg-dancefloor-battle .cdg-jeux-hero {
border-image: linear-gradient(90deg, rgba(168, 85, 247, 0.35), rgba(34, 211, 238, 0.25)) 1;
}
@media (prefers-reduced-motion: reduce) {
.cdg-dancefloor-battle .cdg-end-screen,
.cdg-dancefloor-battle .cdg-quiz__panel--done {
transition: none;
}
}