/* Movies-Vibe 10 — final cascade: responsive 16:9 playback + cinematic midnight theme. */
:root{--bg:#070a13;--panel:#121a2b;--surface:#192338;--stroke:rgba(167,189,238,.12);--faded:#9baac6;--soft:#dbe6fa;--white:#f7faff;--accent:#88bafc;--accent2:#6579f0;--mv-accent:#8fbaff;--mv-line:rgba(181,204,255,.12);--mv-panel:#111a2a;color-scheme:dark}
html,body{max-width:100%;overflow-x:clip;background:#060a13!important;color:#f4f8ff}
body{background:radial-gradient(circle at 88% 0%,rgba(42,89,165,.19) 0,transparent 38%),radial-gradient(circle at 12% 53%,rgba(31,73,150,.09),transparent 42%),#060a13!important}
.layout,.app-column{min-width:0}.app-column{position:relative}
.sidebar{background:linear-gradient(180deg,#0b1222,#090e1b 55%,#07101d);border-right:1px solid #ffffff0b}
.topbar{background:linear-gradient(100deg,rgba(8,14,27,.97),rgba(11,23,40,.94))!important;backdrop-filter:blur(22px);border-bottom:1px solid rgba(139,183,255,.12)!important;box-shadow:0 10px 30px rgba(0,0,0,.17)}
.nav-item{border-radius:12px}.nav-item.active{background:linear-gradient(100deg,rgba(67,112,199,.25),rgba(60,89,171,.09));color:#e5efff}
.top-search{background:#142035!important;border:1px solid #729dde29!important;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.brand-emblem{background:linear-gradient(145deg,#0b3a68,#16285b)!important;border-color:#70b1fc40!important;box-shadow:0 6px 30px #2f86d321}
.brand-name,.brand-word{letter-spacing:-.06em}
.btn-primary{background:linear-gradient(118deg,#80aefc,#527be5)!important;border:1px solid #abceff35!important;color:#071221!important;box-shadow:0 11px 30px #3066d12e;font-weight:800}
.btn-primary:hover{filter:brightness(1.09)}
.hero{border:1px solid #92b7f018!important;box-shadow:0 30px 90px rgba(0,0,0,.28)}
.hero-gradient{background:linear-gradient(90deg,rgba(5,12,26,.97) 2%,rgba(6,13,29,.77) 43%,rgba(3,10,24,.06) 90%),linear-gradient(0deg,#080c19,transparent 38%)!important}
.hero .rating{color:#e9f0ff}.eyebrow{color:#8dc1ff}.shelf-head h2,.page-heading h1{color:#f3f7ff}
.movie-card{border-radius:13px}.movie-cover{border-radius:13px;background:linear-gradient(140deg,#203151,#101829)}
.movie-card:hover{transform:translateY(-3px)}.movie-card .art img{transition:transform .48s ease}
.genre-strip .chip{border:1px solid #729fe52d!important;background:linear-gradient(110deg,#192b46,#111d32)!important;color:#c4d7f4!important}
.genre-strip .chip-active,.genre-strip .chip:hover{background:linear-gradient(110deg,#8db8fb,#607cdd)!important;color:#071221!important}
.panel,.community-card,.comment-section{background:linear-gradient(145deg,#151f34,#0e1526)!important;border-color:#99bffa1a!important}
/* Three provider-specific watch-availability collections. No unofficial brand logos or copied artwork. */
.platform-head10{margin:46px 0 20px}.platform-head10 h2{font-size:clamp(24px,2.8vw,38px);margin:8px 0 6px;letter-spacing:-.04em}.platform-head10 p{margin:0;color:#a2b2cd;max-width:830px;line-height:1.6}
#platform-shelves10{display:grid;gap:25px}.platform-shelf10{min-width:0;padding:16px 0 12px;border-top:1px solid #8da8e224}.platform-shelf10 .shelf-head{margin:0 0 12px}.platform-shelf10 .shelf-head h2{font-size:clamp(21px,2vw,27px);letter-spacing:-.03em}.platform-shelf10 .eyebrow{letter-spacing:1px;font-size:10px}.platform-shelf10 .horizontal-list{min-height:160px}
.platform-placeholder10,.platform-empty10{display:flex;gap:12px;align-items:center;justify-content:flex-start;color:#aebcd5;font-size:14px;background:#141e32;border:1px solid #7690d329;border-radius:14px;padding:28px;min-width:min(360px,85vw)}
.platform-catalog-links10{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:4px}
.platform-catalog-links10 button,.platform-tabs10 button{border:1px solid #8db6ed3b;border-radius:999px;background:linear-gradient(110deg,#182a45,#121d34);color:#d4e7ff;font-weight:700;padding:9px 14px;white-space:nowrap}
.platform-catalog-links10 button:hover,.platform-tabs10 button:hover{background:#2d4770;color:#fff}
.platform-hero10{padding:28px clamp(18px,3vw,40px);margin:10px 0 26px;border:1px solid #8fb9f42b;border-radius:20px;background:radial-gradient(circle at 85% 15%,#31548676,transparent 52%),linear-gradient(115deg,#142943,#0a1224);box-shadow:0 30px 60px #0003}.platform-hero10 h1{font-size:clamp(32px,5vw,62px);margin:10px 0 12px;letter-spacing:-.06em}.platform-hero10 p{max-width:700px;line-height:1.65;color:#b7c7df}.platform-tabs10{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
/* FIX: old cinema-v8.css forced 1:1 on all expanded screens. Set true 16:9 everywhere. */
#player-root{min-width:0}
#player-root .player-shell.expanded:not(.cinema-fullview){position:fixed;inset:auto 24px 18px auto!important;top:auto!important;left:auto!important;right:24px!important;bottom:18px!important;width:min(840px,calc(100vw - var(--sidebar) - 52px))!important;height:auto!important;max-height:calc(100dvh - 74px)!important;aspect-ratio:auto!important;transform:none!important;display:flex;flex-direction:column;border:1px solid #7299d348!important;border-radius:18px!important;box-shadow:0 30px 90px #000d!important;z-index:920;overflow:hidden}
#player-root .player-shell.expanded:not(.cinema-fullview) .player-top{display:flex!important;min-height:56px!important;padding:8px 13px!important;flex:none}
#player-root .player-shell.expanded:not(.cinema-fullview) .player-media{position:relative!important;aspect-ratio:16/9!important;width:100%!important;height:auto!important;max-height:min(52vw,calc(100dvh - 175px))!important;min-height:0!important;flex:0 1 auto;overflow:hidden}
#player-root .player-shell .player-media iframe,#player-root .player-shell .player-media video{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;aspect-ratio:16/9!important;max-width:100%!important;border:0!important}
#player-root .player-shell .player-media video{object-fit:contain}
#player-root .player-media #media-target{position:absolute!important;inset:0!important;display:block;width:100%!important;height:100%!important;min-height:0!important;transition:filter .14s,transform .14s ease;will-change:auto}
#player-root .player-shell:not(.cinema-fullview) .player-foot{display:flex!important;flex:none;min-height:38px;max-height:60px;padding:7px 12px!important;overflow:hidden}
#player-root .player-shell:not(.cinema-fullview) .player-corner-expand{display:none!important}
#player-root .player-shell .player-top{background:linear-gradient(110deg,#0b1526,#142039)!important;border-bottom:1px solid #8ba9da29!important}
#player-root .player-shell .player-now .eyebrow{gap:8px;max-height:32px;overflow:hidden;white-space:nowrap}
#player-root .player-shell .player-now .brand-emblem img{height:25px;width:25px}
#player-root .player-shell .player-now .brand-name{font-size:13px}
#player-root .player-shell .player-now strong{font-size:13px;color:#f5f9ff;max-width:530px}
#player-root .player-shell .player-top-btn{width:37px;height:37px;border-radius:12px;color:#eaf3ff;background:#25344f}
#player-root .player-shell .player-top-btn:hover{background:#354d74}
/* Detail player flows inside app layout directly beneath the header. */
body.inline-player #player-root{position:relative!important;order:0!important;width:100%;padding:10px clamp(12px,2.5vw,35px) 4px;z-index:62}
body.inline-player #player-root .player-shell.expanded:not(.cinema-fullview){position:relative!important;inset:auto!important;right:auto!important;top:auto!important;bottom:auto!important;left:auto!important;transform:none!important;margin:0 auto!important;width:min(1200px,100%)!important;max-height:none!important;height:auto!important;aspect-ratio:auto!important;border-radius:16px!important}
body.inline-player #player-root .player-shell.expanded:not(.cinema-fullview) .player-media{max-height:none!important;aspect-ratio:16/9!important;height:auto!important}
body.inline-player.player-expanded:not(.chat-open) .content{padding-top:18px!important}
/* Docked mini-player on desktop, with its own 16:9 media. */
#player-root .player-shell.minimized:not(.cinema-fullview){position:fixed;max-width:calc(100vw - 24px);width:min(350px,calc(100vw - 28px));max-height:calc(100dvh - 75px);top:auto;right:18px;bottom:17px;aspect-ratio:auto!important;transform:none;border-radius:13px!important;box-shadow:0 24px 55px #000b}
#player-root .player-shell.minimized .player-media{aspect-ratio:16/9!important;height:auto!important;max-height:none!important}
/* Full view is owned by Movies-Vibe, not delegated to the nested iframe. */
#player-root .player-shell.cinema-fullview{position:fixed!important;inset:0!important;z-index:10000!important;display:flex!important;flex-direction:column!important;width:100vw!important;height:100dvh!important;max-height:none!important;border-radius:0!important;background:#000!important;transform:none!important}
#player-root .player-shell.cinema-fullview .player-media{position:relative;flex:1 1 auto!important;min-height:0!important;min-width:0;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important}
#player-root .player-shell.cinema-fullview .player-cinema-controls,#player-root .player-shell.cinema-fullview.controls-hidden .player-cinema-controls{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;z-index:50!important;min-height:70px;background:linear-gradient(180deg,rgba(2,7,15,.94),rgba(2,7,15,.35) 78%,transparent)!important;padding:12px max(18px,env(safe-area-inset-right)) 32px max(18px,env(safe-area-inset-left))!important}
#player-root .player-shell.cinema-fullview .player-cinema-controls button{pointer-events:auto!important;min-width:46px;min-height:46px}
#player-root .player-shell.cinema-fullview .player-cinema-controls span{max-width:calc(100% - 70px);white-space:normal;line-height:1.4;color:#f4f8ff}
/* Image tools are outside the untrusted iframe. Brightness and zoom always work on its rendered pixels. */
.player-picture-tools10{position:absolute;z-index:45;left:12px;bottom:12px;display:flex;align-items:center;gap:5px;padding:6px;border-radius:13px;background:rgba(7,14,27,.77);border:1px solid rgba(167,201,248,.2);backdrop-filter:blur(15px);box-shadow:0 8px 30px #0007;max-width:calc(100% - 24px)}
.player-picture-tools10 button{border:1px solid #ffffff18;background:#263854a8;display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:34px;height:33px;padding:5px 7px;border-radius:9px;font-size:12px;font-weight:700;color:#ebf5ff;touch-action:manipulation}
.player-picture-tools10 button:hover{background:#405d83}.player-picture-tools10 button:active{transform:scale(.96)}.player-picture-tools10 small{font-size:10px;color:#d2e3ff;white-space:nowrap;margin:0 4px}
.player-shell.minimized .player-picture-tools10{display:none}
.player-shell.cinema-fullview .player-picture-tools10{left:max(12px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));z-index:52;background:rgba(5,12,22,.62)}
#player-root .player-shell .player-loading{background:rgba(2,6,13,.86)!important;z-index:35}
#player-root .player-shell .player-error{z-index:36}
.player-shell:not(.cinema-fullview) .gesture8{display:none!important}
@media(max-width:1080px){#player-root .player-shell.expanded:not(.cinema-fullview){width:min(720px,calc(100vw - var(--sidebar) - 30px))!important;right:14px!important;bottom:14px!important}}
@media(max-width:760px){
 :root{--sidebar:0px}
 .topbar{min-height:59px!important;position:sticky!important;top:0;z-index:84}
 .platform-head10{margin-top:27px}.platform-shelf10 .shelf-head{align-items:flex-start}.platform-shelf10 .shelf-head h2{font-size:21px}.platform-hero10{margin:8px 0 17px;padding:20px}
 .platform-catalog-links10{width:100%;overflow-x:auto;flex-wrap:nowrap;padding:0 0 5px;scrollbar-width:none}
 #player-root .player-shell.expanded:not(.cinema-fullview){position:fixed!important;inset:59px 0 auto 0!important;top:59px!important;bottom:auto!important;left:0!important;right:0!important;width:100vw!important;max-height:none!important;border-radius:0!important;border:0!important;border-bottom:1px solid #638fd153!important;box-shadow:0 13px 32px #0008!important}
 #player-root .player-shell.expanded:not(.cinema-fullview) .player-top{display:flex!important;padding:6px 10px!important;min-height:43px!important;max-height:51px!important}
 #player-root .player-shell.expanded:not(.cinema-fullview) .player-media{aspect-ratio:16/9!important;width:100%!important;max-height:none!important;height:auto!important}
 #player-root .player-shell.expanded:not(.cinema-fullview) .player-foot{min-height:29px!important;max-height:36px!important;padding:4px 9px!important}
 #player-root .player-shell .player-now .eyebrow{max-height:20px;font-size:9px}
 #player-root .player-shell .player-now .brand-emblem{border-radius:6px}
 #player-root .player-shell .player-now .brand-emblem img{height:19px;width:19px}
 #player-root .player-shell .player-now .brand-name{font-size:11px}
 #player-root .player-shell .player-now strong{font-size:11px;max-width:min(48vw,300px)}
 #player-root .player-shell .player-now .player-streaming{display:none}
 #player-root .player-shell .player-top-btn{width:32px;height:32px}
 body.has-player.player-expanded:not(.inline-player):not(.chat-open) .content{padding-top:calc(56.25vw + 128px)!important}
 body.inline-player #player-root{position:sticky!important;top:59px!important;z-index:82!important;padding:0!important;width:100%}
 body.inline-player #player-root .player-shell.expanded:not(.cinema-fullview){position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;border-radius:0!important;width:100%!important;max-width:none!important}
 body.inline-player.player-expanded:not(.chat-open) .content{padding-top:12px!important}
 #player-root .player-shell.minimized:not(.cinema-fullview){width:min(310px,73vw);right:9px;bottom:calc(76px + env(safe-area-inset-bottom));border-radius:12px!important}
 .player-picture-tools10{bottom:6px;left:7px;gap:3px;padding:4px 5px;border-radius:10px}
 .player-picture-tools10 button{height:28px;min-width:27px;padding:3px 5px;font-size:10px}
 .player-picture-tools10 button svg{width:14px;height:14px}
 .player-picture-tools10 small{display:none}
 #player-root .player-shell.cinema-fullview{inset:0!important;top:0!important;height:100dvh!important;width:100vw!important;position:fixed!important}
 #player-root .player-shell.cinema-fullview .player-media{aspect-ratio:auto!important;max-height:none!important;height:100%!important}
 #player-root .player-shell.cinema-fullview .player-cinema-controls{min-height:62px;top:0!important;padding:10px 12px 30px!important}
 #player-root .player-shell.cinema-fullview .player-picture-tools10{bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left))}
}
@media(max-width:360px){#player-root .player-shell .player-top-btn{width:28px;height:28px}#player-root .player-shell .player-buttons{gap:2px}.player-picture-tools10 button{min-width:25px}}
@media(prefers-reduced-motion:reduce){.movie-card,.player-picture-tools10 button{transition:none!important}}