#vortex-premium-detail{position:fixed!important;inset:0!important;z-index:2147483000!important;background:#050912;color:#f6f8ff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
#vortex-premium-detail *{box-sizing:border-box}
#vortex-premium-detail .vpd-shell{min-height:100%;background:linear-gradient(180deg,rgba(5,9,18,.12),#050912 510px,#050912 100%);position:relative}
#vortex-premium-detail .vpd-backdrop{position:absolute;inset:0 0 auto;height:min(62vh,640px);background-position:center 20%;background-size:cover;opacity:.72;filter:saturate(1.12) contrast(1.03)}
#vortex-premium-detail .vpd-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,6,12,.18) 0%,rgba(3,6,12,.36) 42%,#050912 93%),linear-gradient(90deg,rgba(5,9,18,.76) 0%,rgba(5,9,18,.20) 62%,rgba(5,9,18,.45) 100%)}
#vortex-premium-detail .vpd-topbar{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) 18px 12px;background:linear-gradient(180deg,rgba(3,7,14,.88),rgba(3,7,14,.38),transparent);backdrop-filter:blur(4px);pointer-events:none}
#vortex-premium-detail .vpd-topbar>*{pointer-events:auto}
#vortex-premium-detail .vpd-iconbtn{width:44px;height:44px;border-radius:15px;border:1px solid rgba(255,255,255,.16);background:rgba(8,15,27,.82);color:#fff;display:grid;place-items:center;font-size:21px;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.28)}
#vortex-premium-detail .vpd-brand{font-weight:900;letter-spacing:.02em;font-size:13px;text-transform:uppercase;color:#dfeaff;background:rgba(8,15,27,.72);border:1px solid rgba(113,160,255,.18);padding:9px 12px;border-radius:999px;backdrop-filter:blur(10px)}
#vortex-premium-detail .vpd-content{position:relative;z-index:2;width:min(1180px,100%);margin:0 auto;padding:clamp(210px,42vh,420px) 22px calc(42px + env(safe-area-inset-bottom))}
#vortex-premium-detail .vpd-hero{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:end}
#vortex-premium-detail .vpd-poster{width:190px;aspect-ratio:2/3;border-radius:24px;object-fit:cover;background:#101827;border:1px solid rgba(255,255,255,.14);box-shadow:0 25px 65px rgba(0,0,0,.55)}
#vortex-premium-detail .vpd-poster-fallback{width:190px;aspect-ratio:2/3;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#17243a,#0a111d);border:1px solid rgba(255,255,255,.12);font-size:48px}
#vortex-premium-detail .vpd-kicker{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
#vortex-premium-detail .vpd-pill{font-size:11px;font-weight:800;letter-spacing:.04em;padding:7px 10px;border-radius:999px;background:rgba(15,26,45,.86);border:1px solid rgba(126,167,242,.22);color:#d8e6ff}
#vortex-premium-detail .vpd-pill.ok{background:rgba(29,185,108,.15);border-color:rgba(42,210,128,.35);color:#8cf0b8}
#vortex-premium-detail .vpd-pill.warn{background:rgba(255,178,54,.13);border-color:rgba(255,190,71,.30);color:#ffd27d}
#vortex-premium-detail h1{margin:0;color:#fff;font-size:clamp(34px,6vw,64px);line-height:.98;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 5px 35px rgba(0,0,0,.5)}
#vortex-premium-detail .vpd-tagline{margin-top:11px;color:#cad6e9;font-size:16px;font-style:italic;opacity:.92}
#vortex-premium-detail .vpd-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px;color:#c4d1e5;font-size:14px;font-weight:650}
#vortex-premium-detail .vpd-rating{display:inline-flex;align-items:center;gap:5px;color:#fff;background:rgba(245,197,24,.13);border:1px solid rgba(245,197,24,.28);padding:6px 9px;border-radius:10px}
#vortex-premium-detail .vpd-star{color:#f5c518}
#vortex-premium-detail .vpd-genres{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
#vortex-premium-detail .vpd-genre{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);font-size:12px;color:#e5ebf5}
#vortex-premium-detail .vpd-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
#vortex-premium-detail .vpd-btn{min-height:48px;border:0;border-radius:15px;padding:0 18px;font-weight:850;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s ease,filter .15s ease,opacity .15s ease;white-space:nowrap}
#vortex-premium-detail .vpd-btn:hover{transform:translateY(-1px);filter:brightness(1.07)}
#vortex-premium-detail .vpd-btn:disabled{opacity:.58;cursor:wait;transform:none}
#vortex-premium-detail .vpd-btn.primary{background:linear-gradient(135deg,#367cff,#66a1ff);color:#fff;box-shadow:0 12px 28px rgba(48,111,255,.28)}
#vortex-premium-detail .vpd-btn.secondary{background:rgba(17,29,49,.93);border:1px solid rgba(118,159,231,.22);color:#eef4ff}
#vortex-premium-detail .vpd-btn.good{background:rgba(24,161,92,.18);border:1px solid rgba(44,204,126,.32);color:#b6f5d0}
#vortex-premium-detail .vpd-btn.danger{background:rgba(189,50,55,.16);border:1px solid rgba(248,87,92,.30);color:#ffc4c7}
#vortex-premium-detail .vpd-overview{margin:28px 0 0;max-width:850px;color:#bdc9da;line-height:1.68;font-size:15.5px}
#vortex-premium-detail .vpd-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}
#vortex-premium-detail .vpd-stat{min-height:102px;padding:17px;border-radius:20px;background:linear-gradient(145deg,rgba(17,28,47,.88),rgba(8,15,27,.86));border:1px solid rgba(111,150,214,.17);box-shadow:0 14px 35px rgba(0,0,0,.18)}
#vortex-premium-detail .vpd-stat small{display:block;color:#8397b4;font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;margin-bottom:9px}
#vortex-premium-detail .vpd-stat strong{display:block;color:#f7f9ff;font-size:17px;line-height:1.25;overflow-wrap:anywhere}
#vortex-premium-detail .vpd-stat .sub{font-size:11px;color:#7990ae;margin-top:6px}
#vortex-premium-detail .vpd-section{margin-top:34px}
#vortex-premium-detail .vpd-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}
#vortex-premium-detail .vpd-section h2{margin:0;font-size:21px;letter-spacing:-.02em;color:#f5f8ff}
#vortex-premium-detail .vpd-section-note{color:#7085a3;font-size:12px}
#vortex-premium-detail .vpd-cast{display:grid;grid-auto-flow:column;grid-auto-columns:112px;gap:13px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:thin;scroll-snap-type:x proximity}
#vortex-premium-detail .vpd-person{scroll-snap-align:start;min-width:0}
#vortex-premium-detail .vpd-person img,.vpd-avatar{width:112px;height:150px;border-radius:16px;object-fit:cover;background:#111b2b;border:1px solid rgba(255,255,255,.09)}
#vortex-premium-detail .vpd-avatar{display:grid;place-items:center;font-size:32px;color:#6f86a8}
#vortex-premium-detail .vpd-person b{display:block;margin-top:8px;font-size:12px;line-height:1.25;color:#ecf2ff;white-space:normal}
#vortex-premium-detail .vpd-person span{display:block;color:#748aa8;font-size:10.5px;line-height:1.25;margin-top:3px}
#vortex-premium-detail .vpd-trailer{border-radius:22px;overflow:hidden;background:#0b1422;border:1px solid rgba(111,150,214,.17);position:relative;aspect-ratio:16/9;max-width:900px}
#vortex-premium-detail .vpd-trailer iframe{width:100%;height:100%;border:0;display:block}
#vortex-premium-detail .vpd-trailer-fallback{height:100%;min-height:230px;display:grid;place-items:center;padding:28px;text-align:center;background:radial-gradient(circle at 50% 15%,rgba(48,111,255,.22),transparent 42%),linear-gradient(145deg,#101c30,#070d17)}
#vortex-premium-detail .vpd-trailer-fallback .play{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0b1220;font-size:28px;margin:0 auto 14px;box-shadow:0 15px 40px rgba(0,0,0,.35)}
#vortex-premium-detail .vpd-trailer-fallback b{font-size:18px}
#vortex-premium-detail .vpd-trailer-fallback p{color:#8397b4;font-size:13px;margin:7px 0 15px}
#vortex-premium-detail .vpd-footactions{position:sticky;bottom:0;z-index:7;margin:36px -22px calc(-42px - env(safe-area-inset-bottom));padding:13px 22px calc(13px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(5,9,18,0),rgba(5,9,18,.94) 20%,rgba(5,9,18,.98));backdrop-filter:blur(14px);display:none}
#vortex-premium-detail .vpd-loading{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#15294b,#050912 54%);text-align:center;padding:30px}
#vortex-premium-detail .vpd-spinner{width:42px;height:42px;border:3px solid rgba(255,255,255,.12);border-top-color:#5793ff;border-radius:50%;animation:vpd-spin .75s linear infinite;margin:0 auto 14px}
#vortex-premium-detail .vpd-loading p{color:#8ca0bd;font-size:13px}
#vortex-premium-detail .vpd-error{max-width:560px;padding:26px;border-radius:22px;background:#101a2a;border:1px solid rgba(255,255,255,.10)}
#vortex-premium-detail .vpd-error h2{margin:0 0 8px}
#vortex-premium-detail .vpd-error p{color:#91a3bd;line-height:1.5}
#vpd-toast-wrap{position:fixed;right:18px;top:max(18px,env(safe-area-inset-top));z-index:2147483645;display:flex;flex-direction:column;gap:9px;pointer-events:none}
.vpd-toast{max-width:min(420px,calc(100vw - 36px));background:rgba(11,21,37,.96);border:1px solid rgba(119,160,231,.22);color:#ecf3ff;border-radius:14px;padding:12px 14px;box-shadow:0 16px 44px rgba(0,0,0,.38);font-size:13px;font-weight:700;animation:vpd-in .2s ease both;backdrop-filter:blur(16px)}
.vpd-toast.ok{border-color:rgba(41,205,126,.32);color:#b8f6d2}.vpd-toast.err{border-color:rgba(246,82,88,.36);color:#ffc5c8}.vpd-toast.info{border-color:rgba(89,148,255,.34);color:#cfdeff}
#vortex-premium-detail .vpd-confirm{position:fixed;inset:0;z-index:10;background:rgba(0,0,0,.68);display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}
#vortex-premium-detail .vpd-confirm-card{width:min(430px,100%);padding:24px;border-radius:22px;background:#0c1727;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(0,0,0,.55)}
#vortex-premium-detail .vpd-confirm-card h3{margin:0 0 8px;font-size:20px}.vpd-confirm-card p{color:#93a6c1;line-height:1.5;margin:0 0 18px}.vpd-confirm-actions{display:flex;gap:10px;justify-content:flex-end}
@keyframes vpd-spin{to{transform:rotate(360deg)}}@keyframes vpd-in{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:800px){
 #vortex-premium-detail .vpd-content{padding:250px 16px calc(34px + env(safe-area-inset-bottom))}
 #vortex-premium-detail .vpd-hero{grid-template-columns:125px minmax(0,1fr);gap:16px;align-items:end}
 #vortex-premium-detail .vpd-poster,#vortex-premium-detail .vpd-poster-fallback{width:125px;border-radius:17px}
 #vortex-premium-detail h1{font-size:clamp(30px,9vw,48px)}
 #vortex-premium-detail .vpd-tagline{font-size:13px}
 #vortex-premium-detail .vpd-meta{font-size:12px;gap:7px}
 #vortex-premium-detail .vpd-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 #vortex-premium-detail .vpd-stat{min-height:91px;padding:14px;border-radius:16px}
 #vortex-premium-detail .vpd-stat strong{font-size:15px}
 #vortex-premium-detail .vpd-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 #vortex-premium-detail .vpd-btn{width:100%;padding:0 12px}
 #vortex-premium-detail .vpd-overview{font-size:14px}
 #vortex-premium-detail .vpd-cast{grid-auto-columns:96px}.vpd-person img,#vortex-premium-detail .vpd-avatar{width:96px;height:132px}
 #vortex-premium-detail .vpd-footactions{margin-left:-16px;margin-right:-16px}
}
@media(max-width:520px){
 #vortex-premium-detail .vpd-backdrop{height:330px;opacity:.66;background-position:center top}
 #vortex-premium-detail .vpd-content{padding-top:245px}
 #vortex-premium-detail .vpd-hero{grid-template-columns:104px minmax(0,1fr);gap:13px}
 #vortex-premium-detail .vpd-poster,#vortex-premium-detail .vpd-poster-fallback{width:104px;border-radius:14px}
 #vortex-premium-detail .vpd-kicker{margin-bottom:7px}.vpd-pill{padding:5px 8px!important;font-size:9px!important}
 #vortex-premium-detail h1{font-size:clamp(27px,8.5vw,39px);line-height:1.02}
 #vortex-premium-detail .vpd-meta{margin-top:10px}.vpd-genres{display:none!important}
 #vortex-premium-detail .vpd-actions{grid-template-columns:1fr}.vpd-btn{min-height:46px}
 #vortex-premium-detail .vpd-status-grid{margin-top:21px}
 #vortex-premium-detail .vpd-section{margin-top:28px}
 #vpd-toast-wrap{left:12px;right:12px;top:max(12px,env(safe-area-inset-top))}.vpd-toast{max-width:none}
}

/* v45 — premium details mobile composition refinement */
#vortex-premium-detail .vpd-hero-copy{min-width:0}
#vortex-premium-detail .vpd-actions-main{margin-top:18px}

@media(max-width:800px){
  #vortex-premium-detail .vpd-backdrop{
    height:300px;
    opacity:.88;
    background-position:center 28%;
  }
  #vortex-premium-detail .vpd-backdrop::after{
    background:
      linear-gradient(180deg,rgba(3,6,12,.06) 0%,rgba(3,6,12,.10) 36%,rgba(5,9,18,.70) 72%,#050912 100%),
      linear-gradient(90deg,rgba(5,9,18,.18) 0%,transparent 54%,rgba(5,9,18,.15) 100%);
  }
  #vortex-premium-detail .vpd-content{padding-top:205px}
  #vortex-premium-detail .vpd-overview{margin-top:22px}
  #vortex-premium-detail .vpd-status-grid{margin-top:20px}
  #vortex-premium-detail .vpd-section{margin-top:27px}
}

@media(max-width:520px){
  #vortex-premium-detail .vpd-backdrop{
    height:248px;
    opacity:.92;
    background-position:center 30%;
    background-size:cover;
  }
  #vortex-premium-detail .vpd-content{
    padding-top:168px;
    padding-left:14px;
    padding-right:14px;
  }
  #vortex-premium-detail .vpd-hero{
    grid-template-columns:92px minmax(0,1fr);
    gap:13px;
    align-items:end;
  }
  #vortex-premium-detail .vpd-poster,
  #vortex-premium-detail .vpd-poster-fallback{
    width:92px;
    border-radius:13px;
    box-shadow:0 18px 42px rgba(0,0,0,.48);
  }
  #vortex-premium-detail .vpd-kicker{margin-bottom:6px}
  #vortex-premium-detail h1{
    font-size:clamp(26px,8vw,36px);
    line-height:1.01;
  }
  #vortex-premium-detail .vpd-tagline{margin-top:8px;line-height:1.3}
  #vortex-premium-detail .vpd-meta{margin-top:9px;gap:6px}
  #vortex-premium-detail .vpd-actions-main{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:15px;
  }
  #vortex-premium-detail .vpd-actions-main .vpd-wide{grid-column:1/-1}
  #vortex-premium-detail .vpd-actions-main .vpd-btn{
    min-height:44px;
    padding:0 10px;
    font-size:13px;
  }
  #vortex-premium-detail .vpd-overview{
    margin-top:19px;
    line-height:1.58;
    font-size:13.5px;
  }
  #vortex-premium-detail .vpd-status-grid{
    margin-top:18px;
    gap:8px;
  }
  #vortex-premium-detail .vpd-stat{
    min-height:84px;
    padding:13px;
  }
  #vortex-premium-detail .vpd-stat small{margin-bottom:7px}
  #vortex-premium-detail .vpd-section{margin-top:24px}
  #vortex-premium-detail .vpd-section-head{margin-bottom:11px}
  #vortex-premium-detail .vpd-cast{gap:10px;padding-bottom:8px}
  #vortex-premium-detail .vpd-trailer{border-radius:18px}
  #vortex-premium-detail .vpd-trailer-fallback{min-height:205px;padding:22px}
}

/* v46 — mobile hero clarity + compact trailer refinement */
@media(max-width:520px){
  /* Keep the controls tight to the iPhone safe area so they do not sit in the middle of the artwork. */
  #vortex-premium-detail .vpd-topbar{
    padding:calc(env(safe-area-inset-top) + 2px) 14px 5px;
    min-height:0;
    background:linear-gradient(180deg,rgba(3,7,14,.72),rgba(3,7,14,.18),transparent);
    backdrop-filter:blur(2px);
  }
  #vortex-premium-detail .vpd-iconbtn{
    width:38px;
    height:38px;
    border-radius:13px;
    font-size:19px;
  }
  #vortex-premium-detail .vpd-brand{
    font-size:11px;
    letter-spacing:.055em;
    padding:7px 10px;
  }

  /* Let the 16:9 backdrop read as a movie still rather than a dark banner. */
  #vortex-premium-detail .vpd-backdrop{
    height:238px;
    opacity:1;
    background-position:center 23%;
    background-size:cover;
  }
  #vortex-premium-detail .vpd-backdrop::after{
    background:
      linear-gradient(180deg,rgba(3,6,12,.02) 0%,rgba(3,6,12,.05) 48%,rgba(5,9,18,.52) 76%,#050912 100%),
      linear-gradient(90deg,rgba(5,9,18,.05),transparent 60%,rgba(5,9,18,.05));
  }

  /* Pull the actual details up slightly so there is no dead black band under the artwork. */
  #vortex-premium-detail .vpd-content{
    padding-top:148px;
  }

  /* Compact trailer search card: no giant 16:9 placeholder when there is no embeddable trailer. */
  #vortex-premium-detail .vpd-trailer.is-fallback{
    aspect-ratio:auto;
    min-height:0;
    overflow:visible;
    border-radius:16px;
  }
  #vortex-premium-detail .vpd-trailer.is-fallback .vpd-trailer-fallback{
    min-height:0;
    padding:14px;
    display:block;
    text-align:left;
  }
  #vortex-premium-detail .vpd-trailer.is-fallback .vpd-trailer-fallback>div{
    display:grid;
    grid-template-columns:46px minmax(0,1fr) auto;
    grid-template-areas:
      "play title button"
      "play copy button";
    align-items:center;
    column-gap:12px;
    row-gap:3px;
  }
  #vortex-premium-detail .vpd-trailer.is-fallback .play{
    grid-area:play;
    width:46px;
    height:46px;
    font-size:19px;
    margin:0;
    box-shadow:0 10px 25px rgba(0,0,0,.28);
  }
  #vortex-premium-detail .vpd-trailer.is-fallback b{
    grid-area:title;
    font-size:15px;
    line-height:1.2;
  }
  #vortex-premium-detail .vpd-trailer.is-fallback p{
    grid-area:copy;
    margin:0;
    font-size:11px;
    line-height:1.25;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  #vortex-premium-detail .vpd-trailer.is-fallback .vpd-btn{
    grid-area:button;
    width:auto;
    min-height:38px;
    padding:0 13px;
    font-size:12px;
    border-radius:12px;
  }

  /* Embedded official trailers stay widescreen, but do not grow beyond the phone width. */
  #vortex-premium-detail .vpd-trailer.is-video{
    width:100%;
    max-width:100%;
    aspect-ratio:16/9;
    border-radius:16px;
  }
  #vortex-premium-detail .vpd-section:has(.vpd-trailer){
    margin-top:20px;
  }
  #vortex-premium-detail .vpd-section:has(.vpd-trailer) .vpd-section-head{
    margin-bottom:9px;
  }
}

@media(max-width:390px){
  #vortex-premium-detail .vpd-trailer.is-fallback .vpd-trailer-fallback>div{
    grid-template-columns:42px minmax(0,1fr);
    grid-template-areas:
      "play title"
      "play copy"
      "button button";
  }
  #vortex-premium-detail .vpd-trailer.is-fallback .vpd-btn{
    margin-top:7px;
    width:100%;
  }
}