.mobile-popup-ad { display:none; }

@media (max-width:600px) {
  body.mobile-popup-ad-open { overflow:hidden; }
  .mobile-popup-ad:not([hidden]) { position:fixed; inset:0; z-index:3000; display:grid; place-items:center; padding:20px 14px; }
  .mobile-popup-ad-backdrop { position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; background:rgba(2,8,18,.78); backdrop-filter:blur(3px); cursor:pointer; }
  .mobile-popup-ad-dialog { position:relative; z-index:1; width:min(90vw,440px); overflow:visible; background:transparent; }
  .mobile-popup-ad-dialog:focus { outline:none; }
  .mobile-popup-ad-dialog:focus-visible { outline:2px solid #ff7a59; outline-offset:3px; }
  .mobile-popup-ad-close { position:absolute; z-index:3; top:-16px; right:-10px; display:grid; place-items:center; width:34px; height:34px; padding:0; border:1px solid #66758c; border-radius:50%; background:#17243a; color:#fff; box-shadow:0 5px 18px rgba(0,0,0,.55); font:400 20px/1 Arial,sans-serif; cursor:pointer; }
  .mobile-popup-ad-close:hover,.mobile-popup-ad-close:focus-visible { background:#2d405d; outline:none; }
  .mobile-popup-ad-creative { height:min(108vw,450px); min-height:380px; overflow:hidden; border:1px solid #42516a; border-radius:16px; background:#0d1929; box-shadow:0 24px 70px rgba(0,0,0,.65); }
  .mobile-popup-ad-creative>a,.mobile-popup-ad-creative picture { display:block; width:100%; height:100%; color:inherit; text-decoration:none; }
  .mobile-popup-ad-creative picture img { display:block; width:100%; height:100%; object-fit:cover; }
  .mobile-popup-ad-starlight { border-color:#7b5d3f; background:#120e24; }
  .mobile-popup-starlight { position:relative; isolation:isolate; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; height:100%; padding:22px; overflow:hidden; }
  .mobile-popup-starlight::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(15,9,35,.12),rgba(15,9,35,.42) 38%,#130d29 94%); }
  .mobile-popup-starlight img { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:center; opacity:.96; }
  .mobile-popup-starlight-copy { display:flex; flex-direction:column; gap:5px; max-width:92%; color:#f5e5be; text-shadow:0 2px 14px #090313; }
  .mobile-popup-starlight-copy small { color:#dfbd79; font:700 9px/1.2 Arial,sans-serif; letter-spacing:1.6px; }
  .mobile-popup-starlight-copy strong { font:800 25px/1.1 Arial,sans-serif; }
  .mobile-popup-starlight-copy span { color:#e0d1e9; font:500 11px/1.45 Arial,sans-serif; }
  .mobile-popup-starlight-action { display:inline-flex; align-items:center; gap:14px; margin-top:16px; padding:11px 15px; border:1px solid #f4d69e; border-radius:7px; background:linear-gradient(130deg,#fae3ae,#c79a58); color:#261631; box-shadow:0 5px 20px #130c25; font:800 12px/1 Arial,sans-serif; }
}

@media (max-width:360px), (max-height:560px) {
  .mobile-popup-ad-creative { height:310px; min-height:310px; }
  .mobile-popup-starlight { padding:16px; }
  .mobile-popup-starlight-copy strong { font-size:21px; }
}

@media (prefers-reduced-motion:no-preference) {
  @media (max-width:600px) {
    .mobile-popup-ad:not([hidden]) .mobile-popup-ad-dialog { animation:mobile-popup-ad-in .22s ease-out both; }
    @keyframes mobile-popup-ad-in { from { opacity:0; transform:translateY(18px) scale(.97); } }
  }
}