html body #eyeroom-chess{
 width:min(880px,calc(100vw - 8px))!important;
 max-width:calc(100vw - 8px)!important;
 max-height:calc(100dvh - 12px)!important;
 margin:auto!important;
}
html body #eyeroom-chess .ec-body{padding:12px 8px!important;min-width:0!important;box-sizing:border-box!important}
html body #eyeroom-chess .ec-board{
 width:100%!important;max-width:760px!important;
 aspect-ratio:1!important;box-sizing:border-box!important;margin:0 auto!important;
}
html body #eyeroom-chess .ec-toolbar{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
html body #eyeroom-chess .ec-toolbar>button{flex:1 1 100px!important;min-height:44px!important}
@media(max-width:650px){
 html body #eyeroom-chess{border-radius:20px!important}
 html body #eyeroom-chess .ec-body{padding:10px 6px!important}
 html body #eyeroom-chess>header{padding:8px 10px!important}
 html body #eyeroom-chess .ec-players{margin-bottom:4px!important}
 html body #eyeroom-chess [role=status]{margin:8px 0!important;min-height:20px!important}
}
@media(orientation:landscape) and (max-height:500px){
 html body #eyeroom-chess .ec-board{max-width:min(480px,calc(100dvh - 100px))!important}
}