/* Ad previews cannot appear on production or the homepage. */
.game-ad{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;overflow:hidden;border:1px solid #7186a744;border-radius:14px;background:#0c1730;color:#a9bbd4;font:600 10px/1.4 sans-serif;letter-spacing:1.6px;text-align:center}
.game-ad-top{width:calc(100% - 48px);max-width:970px;height:90px;margin:16px auto 6px}
.game-ad-side{display:none}
.ad-preview-tiles{display:flex;gap:7px;opacity:.65}
.ad-preview-tiles i{width:18px;height:18px;border-radius:5px;background:#c7fc6c;box-shadow:inset 0 -4px #0002}
.ad-preview-tiles i:nth-child(2){background:#51c7eb}.ad-preview-tiles i:nth-child(3){background:#ff8277}
@media(min-width:1100px){
 .game-ad-side{display:flex;width:100%;height:110px;min-height:110px;margin:26px 0}
 .desktop-controls:has(.game-ad){height:auto;min-height:100%}
 .desktop-extras:has(.game-ad){height:auto;min-height:100%}
 .desktop-controls .game-ad+.rotation-controls{margin-top:26px}
 .desktop-extras .game-ad{margin-bottom:0}
}
@media(max-width:600px){.game-ad-top{height:60px;width:calc(100% - 24px);margin:10px auto 0;gap:6px;font-size:8px}.game-ad-top .ad-preview-tiles i{width:12px;height:12px;border-radius:3px}}

/* Explicit sizes prevent creatives from spilling over game controls. */
.ad-layout-live .game-ad{height:auto;overflow:visible;padding:8px;gap:4px}
.ad-layout-live .game-ad[hidden]{display:none}
.game-ad-top .adsbygoogle{width:100%;height:90px}
.game-ad-side .adsbygoogle{width:100%;height:100px}
@media(max-width:600px){.game-ad-top .adsbygoogle{height:50px}}