#arena:fullscreen,#arena.expanded-arena{position:fixed;inset:0;z-index:100;width:100%;height:100dvh;margin:0;padding:8px 12px;background:#050900;display:grid;grid-template-rows:minmax(0,1fr) auto auto;align-items:center;box-sizing:border-box}
#arena:fullscreen .pitch-wrap,#arena.expanded-arena .pitch-wrap{width:min(100%,calc((100dvh - 66px)*16/11));max-height:100%;margin:auto}
#arena:fullscreen .toolbar,#arena.expanded-arena .toolbar{padding:6px 0;margin:0;justify-content:center}
#arena:fullscreen .toolbar>span,#arena.expanded-arena .toolbar>span{display:none}
#fullscreen{white-space:nowrap}#arena .toolbar div{flex-wrap:wrap;justify-content:flex-end}
@media(pointer:coarse){#arena:fullscreen .pitch-wrap,#arena.expanded-arena .pitch-wrap{width:min(100%,calc((100dvh - 128px)*16/11))}}
@media(max-height:500px){#arena:fullscreen,#arena.expanded-arena{padding:3px 8px}#arena:fullscreen .toolbar button,#arena.expanded-arena .toolbar button{padding:3px 8px;font-size:10px}#fullscreen{font-size:10px}}
html:fullscreen,html.expanded-game{background:#050900;overflow:auto;width:100%;height:100dvh}html.expanded-game{position:fixed;inset:0;z-index:99}#globalFullscreen{white-space:nowrap;font-size:13px;padding:7px 12px}header{flex-wrap:wrap}
html:fullscreen #arena:not([hidden]),html.expanded-game #arena:not([hidden]){position:fixed;inset:0;z-index:100;width:100%;height:100dvh;margin:0;padding:8px 12px;background:#050900;display:grid;grid-template-rows:minmax(0,1fr) auto auto;align-items:center;box-sizing:border-box}
html:fullscreen #arena .pitch-wrap,html.expanded-game #arena .pitch-wrap{width:min(100%,calc((100dvh - 66px)*16/11));max-height:100%;margin:auto}
html:fullscreen #arena .toolbar,html.expanded-game #arena .toolbar{padding:6px 0;margin:0;justify-content:center}html:fullscreen #arena .toolbar>span,html.expanded-game #arena .toolbar>span{display:none}
@media(pointer:coarse){html:fullscreen #arena .pitch-wrap,html.expanded-game #arena .pitch-wrap{width:min(100%,calc((100dvh - 128px)*16/11))}}