/* Fade the header background, never the controls. */
html body.cine-social-active:not(#eyeroom-header-override)>header{
 box-sizing:border-box!important;max-width:100%!important;
 border-radius:0 0 28px 28px!important;border-bottom:0!important;
 background:linear-gradient(180deg,rgba(8,17,12,.98) 0%,rgba(16,35,25,.93) 58%,rgba(20,43,31,.6) 86%,rgba(20,43,31,.28) 100%)!important;
 box-shadow:0 10px 22px -16px #0008!important;
}
html body #eyeroom-chess .ec-time-slot fieldset.eg-time-choice{
 display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
 border:0!important;padding:0!important;gap:6px!important;min-width:0!important;width:100%!important;
}
html body #eyeroom-chess .ec-time-slot fieldset.eg-time-choice>legend{grid-column:1/-1}
html body #eyeroom-chess .ec-time-slot fieldset.eg-time-choice>button{
 min-width:0!important;min-height:44px!important;padding:8px 3px!important;
 white-space:nowrap!important;font-size:clamp(11px,2.9vw,14px)!important;line-height:1.2!important;
}
html body #eyeroom-chess .ec-time-slot fieldset.eg-time-choice>button:first-of-type{font-size:25px!important}
@media(max-width:420px){html body.cine-social-active:not(#eyeroom-header-override)>header{border-radius:0 0 23px 23px!important}}