/* Keep advertising separate from all catalog/game actions. Each paid creative
   stays at its supplied dimensions; never scale or clip it to fit padding. */
.catalog-banner:not([data-banner-enabled="true"]){display:none}
.catalog-banner{margin:8px 0 24px;padding:12px 0;border-block:1px solid var(--line);text-align:center;overflow:visible}
.catalog-banner h2{margin:0 0 10px;font-size:12px;font-weight:500;letter-spacing:.08em;color:var(--muted)}
.catalog-banner-space{width:100%;container-type:inline-size;container-name:banner-space}
.catalog-banner-slot{width:300px;height:250px;margin:0 auto;position:relative;background:#1a2024}
@container banner-space (min-width:320px){.catalog-banner-slot{width:320px;height:50px}}
@container banner-space (min-width:728px){.catalog-banner-slot{width:728px;height:90px}}
@container banner-space (max-width:299px){.catalog-banner-slot{width:0;height:0}}
.catalog-banner-status{margin:14px 0;min-height:3.2em;line-height:1.6;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.catalog-banner-status[data-i18n="banner.active"]{visibility:hidden}
.catalog-banner-notice{max-width:680px;margin:6px auto;font-size:12px;line-height:1.5;color:var(--muted)}
.catalog-banner-info{max-width:680px;margin:8px auto 0;font-size:12px;color:var(--muted)}
.catalog-banner-info summary{cursor:pointer;min-height:24px;line-height:24px}
.catalog-banner a{text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:10px 0}
@media(max-width:400px){.catalog-banner-space{width:100vw;margin-left:calc((100% - 100vw)/2);margin-right:calc((100% - 100vw)/2)}}
