/* Fullscreen toggle in the arena header. */
.arena-top #game-label{margin-right:auto}
.arena-fullscreen{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:4px 12px;border:1px solid #f0d5b8;border-radius:20px;background:#fff;color:#a04a12;font:inherit;font-size:12px;font-weight:800;letter-spacing:.3px;white-space:nowrap;cursor:pointer}
.arena-fullscreen:hover{background:#fff0dd}
.arena-fullscreen:focus-visible{outline:3px solid #a5400b;outline-offset:3px}
.arena-fullscreen[hidden]{display:none}
.arena-fullscreen svg{flex-shrink:0}
.arena-fullscreen path{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.arena-fullscreen .fs-exit,html.gibo-fullscreen .arena-fullscreen .fs-enter{display:none}
html.gibo-fullscreen .arena-fullscreen .fs-exit{display:inline}
@media(max-width:620px){.arena-fullscreen{justify-content:center;min-width:40px;min-height:40px;padding:4px 9px}.arena-fullscreen span{display:none}}

/* Fullscreen mode: only the arena stays in the page, so the rest can neither be scrolled to nor focused,
   and hidden ad placements are not counted as visible. Dialogs, the toast and the consent message stay on top. */
html.gibo-fullscreen .header,html.gibo-fullscreen footer,html.gibo-fullscreen main>:not(.play-layout),html.gibo-fullscreen .play-layout>:not(.game-main),html.gibo-fullscreen .game-main>:not(.arena){display:none!important}
html.gibo-fullscreen .arena{position:fixed;inset:0;z-index:5;min-height:0;margin:0;padding-top:0;border:0;border-radius:0;box-shadow:none;overflow:auto;overscroll-behavior:contain;transform-origin:0 0}
/* The header with the close button stays in view when a tall game scrolls on a small screen. */
html.gibo-fullscreen .arena-top{position:sticky;top:0;z-index:2;padding-top:14px;background:inherit}
html.gibo-fullscreen #play-area{flex:1 0 auto;min-height:0;isolation:isolate}
/* The mobile bottom anchor keeps its place below the game. */
html.gibo-fullscreen body.has-anchor-ad .arena{bottom:110px}