/* Web-only advertising. The game/native stylesheet and controls are preserved. */
#fio-web-advertising{width:300px;max-width:100%;margin:160px auto 28px;text-align:left;color:var(--ink)}
#fio-web-advertising[hidden]{display:none}
#fio-web-advertising.fio-ads-allowed{display:flex;flex-direction:column}
#fio-web-advertising.fio-ads-allowed #fio-web-ad-slot{order:-1;margin-top:0}
#fio-web-advertising.fio-ads-allowed>.fio-ad-preferences{margin-top:160px}
#app.fio-web-ad-surface #screens{display:block}
#app.fio-web-ad-surface #menu{margin-inline:auto}
#app.fio-web-ad-surface #ending{margin-inline:auto}
.fio-ad-preferences p{margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.55}
.fio-ad-choices{display:grid;gap:10px}
.fio-ad-choices button{width:100%;font-size:14px;text-align:center;min-height:48px}
.fio-ad-preferences a{display:inline-block;margin-top:14px;color:var(--gold);font-size:13px;text-underline-offset:3px;min-height:44px;padding-block:10px}
#fio-web-ad-slot{margin-top:160px;position:relative;width:300px;max-width:100%;min-height:290px}
.fio-ad-label{display:block;font-size:11px;letter-spacing:.02em;color:var(--muted);margin-bottom:10px}
.fio-ad-host{position:relative;width:300px;height:250px;max-width:100%;overflow:hidden;background:#0b2019;isolation:isolate}
.fio-ad-host iframe{display:block;border:0;max-width:none}
.fio-ad-status{font-size:13px;line-height:1.5;color:var(--muted);margin:12px 0 0}
.fio-ad-settings{padding-block:14px}
.fio-ad-settings summary{font-size:15px;color:var(--gold);min-height:48px}
.fio-ad-settings .fio-ad-preferences{padding-top:14px}
@media(min-width:1366px) and (min-height:720px){
  #fio-web-advertising{position:fixed;inset:100px 28px auto auto;margin:0;width:300px;max-height:calc(100dvh - 120px);overflow:auto;scrollbar-width:thin;scrollbar-color:#52674e #14281f}
  #fio-web-advertising.fio-ads-allowed{top:220px;max-height:calc(100dvh - 240px)}
}
@media(max-width:339px){#fio-web-advertising{width:100%}.fio-ad-host{max-width:100%}}

@media(min-width:1366px) and (min-height:720px){#playfield{left:calc(50% - 160px)}}

/* Own bilateral Display inventory, desktop only. The game stays centered even without fill. */
.bb-bilateral-left{box-sizing:content-box;position:fixed;z-index:22;left:24px;top:140px;width:160px;margin:0;padding:0;font:11px/1.5 system-ui;color:inherit;text-align:center}
.bb-bilateral-left[hidden]{display:none!important}.bb-bilateral-left>p{margin:0 0 12px}.bb-bilateral-host{width:160px;height:600px}.bb-bilateral-host iframe{display:block;border:0;max-width:none}
@media(max-width:1365px){.bb-bilateral-left{display:none!important}}

@media(min-width:1366px){
 #web-advertising>details[open],[data-smartlink-area]>details[open],.pivot-smartlink>details[open],.home-advertising>details[open],body>.bb-display>details[open],body>.bb-webads>details[open],.desktop-advertising .public-ad-preferences[open]{box-sizing:border-box;position:fixed!important;z-index:2000;left:50%;right:auto;bottom:24px;top:auto;transform:translateX(-50%);width:560px;max-height:60dvh;overflow:auto;padding:20px;background:#152522;color:#f1f5f0;border:1px solid #729784;border-radius:12px}
}

@media(min-width:1366px){#playfield{left:50%}}

/* Advertising layout review: fit the whole 600px unit on notebook screens. */
@media(min-width:1366px){
 .bb-bilateral-left{top:clamp(24px,calc((100dvh - 636px)/2),140px)}
}