.cdg-jeux-hero__launch {
position: relative;
z-index: 4;
display: flex;
justify-content: center;
margin: 0.85rem 0 0.35rem;
}
.cdg-dfb-hero-launch,
body.cdg-jeux-page .cdg-dfb-hero-launch {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
width: 100%;
max-width: 22rem;
padding: 0.75rem 1.15rem;
border: 0;
border-radius: 999px;
background: linear-gradient(90deg, #7c3aed 0%, #db2777 55%, #f59e0b 130%);
color: #fff !important;
font-weight: 800;
letter-spacing: 0.02em;
box-shadow: 0 8px 22px rgba(124, 58, 237, 0.38), 0 0 0 1px rgba(253, 224, 71, 0.25);
}
body.cdg-jeux-page .cdg-dfb-hero-launch:hover,
body.cdg-jeux-page .cdg-dfb-hero-launch:focus-visible {
filter: brightness(1.07);
outline: 2px solid #fde68a;
outline-offset: 3px;
}
@media (max-width: 390px) {
body.cdg-dancefloor-battle .cdg-jeux-hero .cdb-game-logo-main {
margin-bottom: 0.35rem;
padding: 0.4rem 0.4rem 0.5rem;
}
body.cdg-dancefloor-battle .cdg-jeux-hero .cdb-game-logo-main .cdb-game-logo__img,
body.cdg-dancefloor-battle .cdg-jeux-hero .cdb-game-logo__img {
max-height: 72px;
width: auto;
}
body.cdg-dancefloor-battle .cdg-jeux-hero__tagline {
font-size: 0.92rem;
line-height: 1.35;
margin: 0 0.4rem;
}
} body.cd-fab-dock.cdg-dancefloor-battle:not(.cdg-playing--active):not(.cdg-dfb-intro-open):not(.cdg-guest-gate-open)
.cdl-global-live--float
.cdl-global-live__fab,
body.cd-fab-dock.cdg-dancefloor-battle:not(.cdg-playing--active):not(.cdg-dfb-intro-open):not(.cdg-guest-gate-open)
#cdl-global-live-toggle.cdl-global-live__fab,
body.cd-fab-dock.cdg-jeux-page:not(.cdg-playing--active):not(.cdg-dfb-intro-open):not(.cdg-guest-gate-open)
.cdl-global-live__fab,
body.cdg-dancefloor-battle:not(.cdg-playing--active):not(.cdg-dfb-intro-open):not(.cdg-guest-gate-open)
.cdl-global-live--float
.cdl-global-live__fab,
body.cdg-dancefloor-battle:not(.cdg-playing--active):not(.cdg-dfb-intro-open):not(.cdg-guest-gate-open)
#cdl-global-live-toggle,
body.cdg-jeux-page:not(.cdg-playing--active):not(.cdg-dfb-intro-open):not(.cdg-guest-gate-open)
.cdl-global-live__fab {
top: max(0.65rem, env(safe-area-inset-top, 0px)) !important;
right: max(0.65rem, env(safe-area-inset-right, 0px)) !important;
bottom: auto !important;
left: auto !important;
transform: none !important;
z-index: 70 !important;
}
body.cdg-dancefloor-battle:not(.cdg-playing--active):not(.cdg-dfb-intro-open) #cdg-dfb-sound.cdg-dfb-sound {
max-width: calc(100vw - 7.25rem);
}
body.cdg-dancefloor-battle .cdg-jeux-hero {
padding-top: 3.35rem;
}
@media (max-width: 360px) {
.cdg-jeux-hero__launch {
z-index: 6;
}
body.cdg-dancefloor-battle .cdg-jeux-hero {
padding-top: 3.1rem;
}
body.cdg-dancefloor-battle .cdg-jeux-hero .cdb-game-logo-main {
margin-bottom: 0.2rem;
padding: 0.25rem 0.3rem 0.35rem;
}
body.cdg-dancefloor-battle .cdg-jeux-hero .cdb-game-logo-main .cdb-game-logo__img,
body.cdg-dancefloor-battle .cdg-jeux-hero .cdb-game-logo__img {
max-height: 48px;
}
.cdg-jeux-hero__launch {
margin: 0.45rem 0 0.2rem;
}
body.cdg-dancefloor-battle:not(.cdg-playing--active) #cdg-dfb-sound.cdg-dfb-sound [data-dfb-sound-label] {
max-width: 7.5rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
} body.cdg-guest-gate-open .cdg-pregame,
body.cdg-guest-gate-open #cdg-pregame-portal {
display: none !important;
}
body.cdg-guest-gate-open #cdg-lobby-login.cdg-guest-gate {
position: fixed;
inset: 0;
z-index: 120;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.85rem;
padding: max(1.5rem, env(safe-area-inset-top, 0px)) 1.25rem max(1.5rem, env(safe-area-inset-bottom, 0px));
margin: 0;
background:
radial-gradient(ellipse 80% 60% at 50% 28%, rgba(124, 58, 237, 0.28), transparent 58%),
linear-gradient(180deg, rgba(8, 10, 24, 0.96), rgba(12, 16, 36, 0.98));
color: #fff;
text-align: center;
}
.cdg-guest-gate__title {
margin: 0;
font-size: clamp(1.35rem, 5vw, 1.85rem);
font-weight: 800;
line-height: 1.25;
letter-spacing: 0.01em;
}
.cdg-guest-gate__lead {
margin: 0;
max-width: 22rem;
font-size: 1.02rem;
line-height: 1.45;
color: #e2e8f0;
}
.cdg-guest-gate__actions {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
justify-content: center;
margin-top: 0.5rem;
width: 100%;
max-width: 22rem;
}
.cdg-guest-gate__actions .cdg-quiz__btn {
min-height: 48px;
min-width: 10.5rem;
flex: 1 1 10rem;
}
body.cdg-guest-gate-open .cdl-global-live,
body.cdg-guest-gate-open .cdl-global-live__fab,
body.cdg-guest-gate-open .gtranslate_wrapper,
body.cdg-guest-gate-open .gt_float_switcher,
body.cdg-guest-gate-open [id^="gt-wrapper-"] {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
} body.cdg-playing--active .gtranslate_wrapper,
body.cdg-playing--active .gt_float_switcher,
body.cdg-playing--active .gt_selector,
body.cdg-playing--active [id^="gt-wrapper-"],
body.cdg-playing--active .gt_container,
body.cdg-dfb-intro-open .gtranslate_wrapper,
body.cdg-dfb-intro-open .gt_float_switcher,
body.cdg-dfb-intro-open .gt_selector,
body.cdg-dfb-intro-open [id^="gt-wrapper-"],
body:has(#cdg-panel-play:not([hidden])) .gtranslate_wrapper,
body:has(#cdg-panel-play:not([hidden])) .gt_float_switcher,
body:has(#cdg-panel-play:not([hidden])) [id^="gt-wrapper-"],
body:has(#cdg-panel-done:not([hidden])) .gtranslate_wrapper,
body:has(#cdg-panel-done:not([hidden])) .gt_float_switcher,
body:has(#cdg-panel-done:not([hidden])) [id^="gt-wrapper-"],
body:has(#cdg-dfb-intro:not([hidden])) .gtranslate_wrapper,
body:has(#cdg-dfb-intro:not([hidden])) .gt_float_switcher,
body:has(#cdg-dfb-intro:not([hidden])) [id^="gt-wrapper-"] {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
z-index: 0 !important;
} .cdg-pregame__grid--primary {
display: grid;
gap: 0.85rem;
margin-bottom: 0.85rem;
}
.cdg-pregame__card--primary .cdg-pregame__card-label {
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.cdg-pregame__advanced {
margin: 0 0 1rem;
border: 1px solid rgba(148, 163, 184, 0.28);
border-radius: 14px;
background: rgba(248, 250, 252, 0.72);
padding: 0.15rem 0.75rem 0.15rem;
}
.cdg-pregame__advanced-summary {
cursor: pointer;
list-style: none;
padding: 0.7rem 0.2rem;
font-size: 0.92rem;
font-weight: 700;
color: #334155;
}
.cdg-pregame__advanced-summary::-webkit-details-marker {
display: none;
}
.cdg-pregame__advanced[open] .cdg-pregame__advanced-summary {
border-bottom: 1px solid rgba(148, 163, 184, 0.22);
margin-bottom: 0.65rem;
}
.cdg-pregame__advanced .cdg-pregame__grid {
padding-bottom: 0.75rem;
}