/* Marvel Nums — premium featured promo banner and notification polish */
#adBanner.mvn-featured-banner{position:relative;isolation:isolate;overflow:hidden;margin:12px auto 18px;width:min(1180px,calc(100% - 28px));border-radius:22px;border:1px solid rgba(92,200,255,.34);background:radial-gradient(ellipse at 8% 0%,rgba(0,180,255,.23),transparent 48%),linear-gradient(115deg,#ffffff 0%,#ffffff 48%,#ffffff 100%);box-shadow:0 16px 42px rgba(0,0,0,.18);color:#f8fafc;animation:mvnPromoIn .45s ease both}
#adBanner.mvn-featured-banner[style*="display: none"]{display:none!important}
.mvn-promo-glow{position:absolute;inset:auto -40px -80px auto;width:220px;height:220px;border-radius:50%;background:rgba(0,180,255,.16);filter:blur(18px);pointer-events:none;z-index:-1}
.mvn-promo-inner{position:relative;z-index:1;display:flex;align-items:center;gap:17px;min-height:118px;padding:18px 110px 18px 20px;color:inherit;text-decoration:none}
.mvn-promo-inner>img{width:104px;height:84px;object-fit:cover;border-radius:14px;border:1px solid #dbe6f6;flex:0 0 auto}
.mvn-promo-crown{width:74px;height:74px;display:grid;place-items:center;flex:0 0 auto;border-radius:20px;background:linear-gradient(145deg,#00b4ff,#0f4fd6);color:white;font-size:43px;box-shadow:0 9px 28px rgba(26,109,255,.3)}
.mvn-promo-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:5px}
.mvn-promo-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:900;color:#9fdcff}
#adBanner.mvn-featured-banner .ad-banner-title{font-size:clamp(16px,2.4vw,22px);font-weight:900;line-height:1.25;color:#060d2b}
.mvn-promo-message{font-size:13px;line-height:1.45;color:rgba(241,245,249,.8);max-width:720px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mvn-promo-cta{margin-top:3px;display:inline-flex;gap:7px;align-items:center;font-size:12px;font-weight:800;color:#9fdcff}
.mvn-promo-controls{position:absolute;right:49px;bottom:15px;display:flex;align-items:center;gap:6px;z-index:2}
.mvn-promo-count{font-size:10px;color:rgba(255,255,255,.65);margin-right:3px}
.mvn-promo-controls button{width:28px;height:28px;border-radius:9px;border:1px solid #dbe6f6;background:rgba(255,255,255,.08);color:white;font-size:22px;line-height:1;cursor:pointer}
#adBanner.mvn-featured-banner .ad-banner-close{position:absolute;top:10px;right:10px;z-index:3;width:30px;height:30px;border-radius:50%;border:1px solid #dbe6f6;background:rgba(255,255,255,0.22);color:white;font-size:21px;line-height:1;cursor:pointer;display:grid;place-items:center}
@keyframes mvnPromoIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:600px){#adBanner.mvn-featured-banner{width:calc(100% - 20px);border-radius:17px;margin:9px auto 14px}.mvn-promo-inner{gap:11px;min-height:104px;padding:15px 42px 35px 13px}.mvn-promo-inner>img{width:65px;height:65px;border-radius:11px}.mvn-promo-crown{width:56px;height:56px;border-radius:15px;font-size:32px}.mvn-promo-eyebrow{font-size:8.5px;letter-spacing:.11em}#adBanner.mvn-featured-banner .ad-banner-title{font-size:16px}.mvn-promo-message{font-size:11.5px;-webkit-line-clamp:2}.mvn-promo-cta{font-size:11px}.mvn-promo-controls{left:13px;right:auto;bottom:8px}.mvn-promo-count{font-size:9px}}
/* Keep toast banners clear of device cut-outs and visually consistent. */
#mvnBanners{padding:calc(12px + env(safe-area-inset-top)) 12px 12px!important}
.mvn-b{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.mvn-card{box-shadow:0 28px 90px rgba(0,0,0,.45)}
@media(max-width:520px){.mvn-b{border-radius:14px;padding:13px 14px}.mvn-card{padding:20px 17px 16px}.mvn-card .row{flex-direction:column-reverse}.mvn-card button{min-height:46px}}