#game-host { position: absolute; inset: 0; }
#ad-rail { position: fixed; top: 26px; right: 24px; width: 160px; color: #b8c7b9; text-align: center; font: 11px/1.5 system-ui,sans-serif; }
#ad-rail[hidden] { display: none; }
#ad-rail p { letter-spacing: .12em; margin: 0 0 12px; }
#ad-privacy { margin-top: 12px; padding: 6px; border: 0; background: transparent; color: #b8c7b9; text-decoration: underline; cursor: pointer; }
.with-ad-rail #game-host { right: 334px; } /* 160px ad + 24px edge + 150px gap */
.demo-banner { width: 160px; height: 600px; display: grid; place-content: center; white-space: pre-line; border: 1px dashed #627658; border-radius: 8px; color: #d6ff50; background: #0d3025; }
.demo-interstitial { max-width: min(560px, calc(100vw - 48px)); box-sizing: border-box; padding: 40px; border: 1px solid #627658; border-radius: 16px; background: #091b15; color: #f4f0df; font: 16px/1.6 system-ui,sans-serif; text-align: center; }
.demo-interstitial::backdrop { background: #000d; }
.demo-interstitial h2 { color: #d6ff50; }
.demo-interstitial button { background: #d6ff50; color: #091b15; border: 0; border-radius: 7px; padding: 16px 24px; font: bold 15px system-ui,sans-serif; cursor: pointer; }
@media (max-width: 1279px), (max-height: 719px) { .with-ad-rail #game-host { right: 0; } #ad-rail { display: none; } }