/* Ad slots live outside the canvas. Keep at least 150 CSS px from game controls. */
.acr-game-arena { position: relative; min-width: 0; }
.acr-game-arena > .acr-game-shell { position: relative; }
.acr-game-ad { display: none; box-sizing: border-box; min-width: 0; background: #f5f7f8; color: #52616c; }
.acr-game-ad__label { display: block; margin-bottom: 12px; text-align: center; font-size: 12px; }
.acr-game-toolbar { display: none; }
.acr-game-pause[hidden] { display: none !important; }
.acr-game-pause { position: absolute; inset: 0; z-index: 60; display: grid; place-content: center; gap: 16px; padding: 20px; background: rgba(5, 26, 44, .97); color: white; text-align: center; }
.acr-game-pause h2 { color: white; }
.acr-game-pause button, .acr-game-toolbar button { min-height: 44px; padding: 8px 18px; border: 2px solid #f1cf83; border-radius: 10px; background: #123f50; color: white; font: inherit; cursor: pointer; }
.acr-game-pause button:focus-visible, .acr-game-toolbar button:focus-visible { outline: 3px solid #ffda80; outline-offset: 2px; }
@media (min-width: 1600px) and (pointer: fine) {
    .acr-game-page:has([data-game-ad]) .acr-game-page__container { width: min(100%, 1632px); max-width: 1632px; }
    .acr-game-arena:has([data-game-ad]) { display: grid; grid-template-columns: 160px minmax(0, 960px) 160px; column-gap: 150px; align-items: start; justify-content: center; }
    .acr-game-arena:has([data-game-ad]) .acr-game-shell { grid-column: 2; grid-row: 1; }
    .acr-game-ad--left, .acr-game-ad--right { display: block; width: 160px; min-height: 600px; grid-row: 1; }
    .acr-game-ad--left { grid-column: 1; }
    .acr-game-ad--right { grid-column: 3; }
}
@media (max-width: 991.98px) and (orientation: portrait) {
    .acr-game-ad--bottom { display: block; width: min(100%, 336px); min-height: 280px; margin: 150px auto 24px; }
}
/* A wide phone in landscape exceeds the usual 768px mobile breakpoint. */
@media (orientation: landscape) and (max-height: 600px) and (pointer: coarse) {
    html:has(.acr-game-shell[data-mode="game"]) { overflow: hidden !important; scroll-padding-top: 0; }
    body.has-tourism-mobile-nav:has(.acr-game-shell[data-mode="game"]) { overflow: hidden !important; padding: 0 !important; margin: 0; }
    body:has(.acr-game-shell[data-mode="game"]) > :is(.site-header, .site-topbar, .tourism-mobile-nav, .site-footer, .back-to-top) { display: none !important; }
    .acr-game-page:has(.acr-game-shell[data-mode="game"]) { position: fixed; inset: 0; z-index: 1045; min-height: 0; height: 100dvh; padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px); background: #071d37; }
    .acr-game-page:has(.acr-game-shell[data-mode="game"]) .acr-game-page__container { display: grid; grid-template-rows: 44px minmax(0, 1fr); gap: 4px; width: 100%; max-width: none; height: 100%; padding: 0; }
    .acr-game-page:has(.acr-game-shell[data-mode="game"]) .acr-game-page__header { display: none; }
    .acr-game-page:has(.acr-game-shell[data-mode="game"]) .acr-game-toolbar { display: flex; justify-content: flex-end; align-items: center; padding: 0 6px; }
    .acr-game-page:has(.acr-game-shell[data-mode="game"]) .acr-game-arena { min-height: 0; }
    .acr-game-page .acr-game-shell[data-mode="game"] { width: 100%; height: 100%; min-height: 0; aspect-ratio: auto; border: 0; border-radius: 0; box-shadow: none; }
    .acr-game-page .acr-game-shell[data-mode="game"] .acr-game-root { height: 100%; }
    .acr-game-ad { display: none !important; }
}