/* Fill the actual player viewport. Card metadata supplies its default 4:3 size; main profiles are independent. */
html,body{height:100%;overflow:hidden;overscroll-behavior:none}
body.premium-card{display:block;background:var(--sky)}
.premium-card #track{position:relative;width:100%;height:100%!important;overflow:hidden;touch-action:none;user-select:none;isolation:isolate}
.premium-card #journey{position:relative;width:100%;height:100%;overflow:hidden}
.premium-card #media{position:absolute;inset:0}
.premium-card #media #film,.premium-card #media #poster,.premium-card #media video.chunk-decoder{inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;transition:none}
.premium-card #journey::after{content:'';position:absolute;z-index:3;inset:auto 0 0;height:16%;pointer-events:none;background:linear-gradient(transparent,#fafaf826);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mask-image:linear-gradient(transparent,#000);-webkit-mask-image:linear-gradient(transparent,#000)}
.premium-card .scene{position:absolute!important;inset:0;min-height:0;visibility:hidden;pointer-events:none;z-index:4}
.premium-card .scene.active{visibility:visible;pointer-events:auto}
html[data-profile] .premium-card .scene .copy{position:relative!important;inset:auto!important;width:100%;height:auto!important;min-height:0!important;padding:clamp(18px,4vw,38px) 20px 0!important;gap:clamp(8px,1.4vw,14px);align-items:center!important;justify-content:flex-start!important}
html[data-profile] .premium-card .cover .copy{height:100%!important;justify-content:center!important;padding:20px!important;gap:clamp(6px,1.2vw,11px)}
.premium-card .cover .brands{position:static;gap:12px;margin:0}.premium-card .cover .logo-slot{width:clamp(25px,4.5vw,38px);height:clamp(25px,4.5vw,38px)}.premium-card .brand-times{font-size:16px}.premium-card .cover h1{font-size:clamp(30px,6vw,60px);max-width:10em;white-space:normal}.premium-card .eyebrow{font-size:9px}.premium-card .cover-description,.premium-card .beat-description{font-size:clamp(11px,1.65vw,15px);line-height:1.4;max-width:30em;margin:0}
.premium-card .sms{min-width:180px;min-height:46px;padding:10px 18px;cursor:pointer}.premium-card .sms-label{font-size:14px}.premium-card .sms-number{font-size:10px}.premium-card .sms-arrow{width:19px;height:19px}.premium-card .scroll-cue{margin:0;padding:3px 12px;min-height:30px;gap:2px;font-size:9px}.premium-card .scroll-line{font-size:17px}
.premium-card h2,.premium-card #scene-5 h2{font-size:clamp(26px,5vw,52px);max-width:13em}.premium-card #scene-5 .copy{margin:0;text-align:center}.premium-card .program-info-button{font-size:11px}
.premium-card #media-status{max-width:calc(100vw - 36px);background:#fafaf8e6;color:#17394c;backdrop-filter:blur(12px);border-radius:8px;bottom:14px;font-size:11px}.premium-card #media-retry{bottom:54px}
.premium-card .public-terms{font-size:9px;top:9px;left:10px}.premium-card .public-terms a{background:none}.premium-card :is(dialog,[role="dialog"],[data-embed-interactive]){touch-action:pan-y;user-select:text;overscroll-behavior:contain}
html.reduced .premium-card .scene{display:none!important;background:none!important}html.reduced .premium-card .scene.active{display:block!important}html.reduced .premium-card .scene .copy{max-height:100%;overflow:auto}
@media(min-width:701px){html[data-profile] .premium-card .cover .copy{width:55%;margin-left:auto;padding:24px 18px!important}html[data-profile] .premium-card #scene-1 .copy{align-items:flex-end!important;text-align:right}html[data-profile] .premium-card #scene-2 .copy,html[data-profile] .premium-card #scene-3 .copy,html[data-profile] .premium-card #scene-4 .copy{align-items:flex-start!important;text-align:left}html[data-profile] .premium-card #scene-5 .copy{width:55%;margin-left:auto}}
@media(max-width:440px),(max-height:350px){html[data-profile] .premium-card .cover .copy{padding:12px 16px!important;gap:5px}.premium-card .eyebrow{display:none}.premium-card .cover h1{font-size:clamp(26px,8vw,38px)}.premium-card .cover-description,.premium-card .beat-description{font-size:11px;max-width:27em}.premium-card .sms{min-height:42px;min-width:168px;padding:8px 16px}.premium-card .sms-label{font-size:13px}.premium-card .scroll-cue{min-height:24px;font-size:8px;padding:1px}.premium-card .scroll-line{font-size:15px}.premium-card .public-terms{font-size:8px}.premium-card h2,.premium-card #scene-5 h2{font-size:clamp(26px,7vw,35px)}}
@media(prefers-reduced-motion:reduce){.premium-card #journey::after{backdrop-filter:none;-webkit-backdrop-filter:none}}