/* FERA Play v0.4 — composição TV e movimentos discretos */
:root{--bg:#070a10;--surface:#111823;--yellow:#fbb70c;--muted:#9da7b5;--ease:cubic-bezier(.2,.75,.25,1)}
body{background:var(--bg);-webkit-font-smoothing:antialiased}body::before{display:none}html{scroll-padding-top:90px}[hidden]{display:none!important}
.topbar{height:82px;display:flex;justify-content:space-between;gap:26px;padding:0 4.5vw;background:#090d13f5;border-color:#ffffff0c;transition:background .3s var(--ease)}
.immersive .topbar{background:linear-gradient(#06090ff5,#06090fb3);border-color:transparent}
.brand{gap:9px}.brand-lion{width:30px;height:31px;object-fit:contain}.brand-wordmark{width:100px;height:29px;position:relative;overflow:hidden;display:block}.brand-wordmark img{position:absolute;width:140px;height:auto;max-width:none;left:-20px;top:-8px}.brand-play{font-size:24px;letter-spacing:-1px;font-weight:350;color:#eee}
.nav{gap:24px}.nav a{font-size:13px;padding:16px 0;border-radius:0;color:#b5bdc8}.nav a:hover{background:none;color:#fff}.nav a.active{color:#fff}.nav a::after{content:'';position:absolute;left:0;right:0;bottom:6px;height:2px;background:var(--yellow);transform:scaleX(0);transition:transform .3s var(--ease)}.nav a.active::after{left:0;right:0;bottom:6px;transform:scaleX(1)}
.top-actions{gap:16px}.icon-btn{border-radius:50%;background:#ffffff05;transition:background .25s}.icon-btn:hover{background:#ffffff15}.avatar{background:#273242;border-color:#ffffff24}
main{max-width:1540px;padding:40px 4.5vw 80px;min-height:65vh}.immersive-page{max-width:none;padding:0 0 36px}.preview-notice{display:flex;gap:14px;padding:24px 4.5vw;color:#7e8998;font-size:9px;letter-spacing:.1em;border-top:1px solid #ffffff12;opacity:1}.preview-notice span{font-size:10px}
.btn{min-height:46px;padding:13px 23px;border-radius:7px;font-size:13px;font-weight:650;transition:background .25s,transform .25s var(--ease),border-color .25s}.btn svg{width:18px;height:18px}.btn-primary{background:#f7f7f5;color:#121419}.btn-primary:hover{background:#fff;transform:translateY(-2px)}.btn-secondary{background:#ffffff18;border-color:#ffffff20}.btn-secondary:hover{background:#ffffff29;transform:translateY(-2px)}.btn:active{transform:scale(.98)}
.stream-stage{height:min(770px,76vw);min-height:590px;max-height:840px;position:relative;isolation:isolate;overflow:hidden;margin-top:-82px;padding-top:82px;background:#070a10}
.stage-visual,.stage-shade{position:absolute;inset:0;z-index:-2}.stage-image{width:100%;height:100%;object-fit:cover;object-position:center 35%}.stage-shade{z-index:-1;background:linear-gradient(90deg,#06090fe8 0%,#06090f9e 30%,#06090f20 72%),linear-gradient(0deg,var(--bg),#070a1000 47%),linear-gradient(#070a1050,transparent 28%)}
.stage-copy{position:absolute;left:5.2vw;top:25%;width:48%;max-width:630px}.stage-eyebrow{display:flex;align-items:center;gap:9px;color:#e9e9e9;letter-spacing:.2em;font-size:10px;font-weight:700}.stage-eyebrow img{width:21px;height:22px;object-fit:contain}.stage-copy h1{font-size:clamp(40px,5.1vw,78px);font-weight:720;letter-spacing:-.052em;line-height:1.02;margin:24px 0 20px;text-wrap:balance}.stage-meta{font-size:11px;color:#c6cbd2;margin-bottom:14px}.stage-description{max-width:370px;font-size:14px;color:#c5cbd3;line-height:1.65;margin-bottom:26px}.stage-actions{display:flex;gap:10px;flex-wrap:wrap}
.stage-pages{position:absolute;right:5vw;bottom:190px;display:flex;gap:3px}.stage-pages button{border:0;background:transparent;width:32px;height:32px;display:grid;place-items:center;padding:0}.stage-pages span{width:6px;height:6px;border-radius:6px;background:#ffffff5e;transition:width .35s var(--ease),background .35s}.stage-pages .selected span{width:22px;background:#fff}
.brand-stage{background:#09111f}.brand-stage .stage-image{object-fit:contain;width:57%;height:82%;position:absolute;right:0;bottom:2%;opacity:.8;object-position:right center}.brand-stage .stage-shade{background:linear-gradient(90deg,#07101f 10%,#07101f80 45%,transparent 75%),linear-gradient(0deg,var(--bg),transparent 40%)}
.stream-collection,.subject-section{position:relative;margin:28px 0 48px;padding:0 5.2vw}.stream-collection>header,.subject-section>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.stream-collection h2,.subject-section h2{font-size:21px;font-weight:650;margin:0;letter-spacing:-.03em}.subject-section>header>span{font-size:12px;color:var(--muted)}.stream-collection.over-stage{margin-top:-155px;z-index:2;margin-bottom:44px}
.row-actions{display:flex;gap:5px}.row-arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffffff08;color:#bfc6cf;border:1px solid #ffffff13;font-size:23px;line-height:1;transition:background .2s}.row-arrow:hover{background:#ffffff20}
.stream-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:8px 6px 14px;margin:-8px -6px -14px}.stream-row::-webkit-scrollbar{display:none}
.spotlight-card,.stream-card{display:block;min-width:0;scroll-snap-align:start;transition:transform .35s var(--ease);text-align:left}.spotlight-card{border:0;background:transparent;padding:0;color:inherit}.spotlight-cover,.stream-cover{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:7px;background:#131d29;border:1px solid #ffffff12;transition:box-shadow .3s,border-color .3s}.spotlight-cover>img,.stream-cover>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}.spotlight-card strong,.stream-card strong{font-size:12px;display:block;font-weight:600;line-height:1.45;margin-top:11px}.stream-card small{font-size:10px;color:var(--muted);display:block;margin-top:5px}
.spotlight-card.selected .spotlight-cover{border-color:#eee;box-shadow:0 0 0 2px #e9edf340}.spotlight-tag{position:absolute;bottom:9px;left:10px;font-size:8px;font-weight:750;letter-spacing:.1em;color:#f4f4f4;background:#080c14ba;padding:5px 7px;border-radius:3px}.brand-cover{background:#09111c}.brand-cover>img{position:absolute;right:0;width:48%;height:100%;object-fit:contain;opacity:.7}.brand-cover>span:not(.spotlight-tag){position:absolute;left:7%;top:24%;font-size:clamp(15px,1.7vw,27px);font-weight:750;line-height:1.1;letter-spacing:-.04em}
.cover-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%);width:42px;height:42px;display:grid;place-items:center;background:#ffffffed;color:#101317;border-radius:50%;opacity:0;transition:opacity .25s,transform .3s var(--ease)}.cover-play svg{width:22px;height:22px}.cover-duration{position:absolute;right:9px;bottom:9px;background:#080c14c9;font-size:9px;padding:4px 6px;border-radius:3px}.stream-card:focus-visible .cover-play,.stream-card:hover .cover-play{opacity:1;transform:translate(-50%,-50%)}.stream-card:focus-visible .stream-cover>img,.spotlight-card:focus-visible .spotlight-cover>img{transform:scale(1.035)}
@media(hover:hover){.stream-card:hover,.spotlight-card:hover{transform:translateY(-5px)}.stream-card:hover img,.spotlight-card:hover img{transform:scale(1.035)}.stream-card:hover .stream-cover{border-color:#ffffff50}}
.subject-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.subject-tile{position:relative;overflow:hidden;border-radius:7px;padding:25px;background:#121a28;min-height:150px;border:1px solid #ffffff12;transition:background .3s,transform .3s var(--ease)}.subject-tile:hover{background:#1b2739;transform:translateY(-3px)}.subject-tile>span{font-size:10px;color:#8998ac}.subject-tile h3{margin:18px 0 7px;font-size:22px;font-weight:650;letter-spacing:-.03em}.subject-tile p{color:#9cacc1;font-size:11px;margin:0}.subject-tile>img{position:absolute;right:14px;top:25px;width:80px;height:82px;object-fit:contain;opacity:.08}
.brand-signoff{display:flex;justify-content:center;align-items:center;gap:12px;color:#c1c7d0;margin:60px 20px 12px}.brand-signoff img{object-fit:contain}.brand-signoff p{margin:0;font-size:10px;letter-spacing:.18em}.section-inset{margin:30px 5.2vw}.dialog-poster{height:200px;object-fit:contain;background:#080e18}.saved-launch-cover{width:55px;height:60px;object-fit:contain}.saved-launch-row{grid-template-columns:55px 1fr auto}
#detailsDialog[open],.search-overlay[open]{animation:dialog-enter .25s var(--ease)}dialog::backdrop{backdrop-filter:blur(7px)}.toast{transition:opacity .25s,transform .35s var(--ease)}
@keyframes dialog-enter{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
::view-transition-old(root){animation:route-out .15s ease both}::view-transition-new(root){animation:route-in .25s var(--ease) both}@keyframes route-out{to{opacity:0}}@keyframes route-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(min-width:1800px){.stream-stage{height:820px}.stage-copy{top:27%}.stream-collection.over-stage{margin-top:-160px}.stream-row{grid-auto-columns:calc((100% - 72px)/5)}}
@media(max-width:1100px){.nav{gap:17px}.nav a{font-size:12px}.profile-text,.chev{display:none}.brand-wordmark{width:86px;height:25px}.brand-wordmark img{width:120px;left:-17px;top:-7px}.brand-play{font-size:21px}.brand-lion{width:25px;height:26px}.topbar{gap:20px}.stream-row{grid-auto-columns:calc((100% - 36px)/3)}.stage-copy{top:25%;width:58%}.stream-stage{height:680px;min-height:600px}.stage-pages{bottom:170px}}
@media(max-width:760px){
  .topbar{height:112px;min-height:112px;display:grid;grid-template-columns:1fr auto;padding:12px 20px 0;gap:0}.brand{gap:8px}.brand-play{font-size:21px}.top-actions{gap:12px}.nav{grid-column:1/-1;grid-row:2;overflow-x:auto;scrollbar-width:none;gap:23px;margin-top:5px;white-space:nowrap;padding-top:0}.nav a{font-size:12px;padding:15px 0}.nav a::after,.nav a.active::after{bottom:3px}.icon-btn{width:34px;height:34px}.brand-wordmark{width:86px;height:25px}
  .stage-copy{left:6%;top:auto;bottom:165px;width:88%;max-width:500px}.stream-stage{height:690px;min-height:0;max-height:none;margin-top:-112px;padding-top:112px}.stage-copy h1{font-size:46px;line-height:1.02;margin:18px 0 15px}.stage-image{object-position:64% top;opacity:.85}.stage-shade{background:linear-gradient(0deg,var(--bg) 4%,#070a10da 33%,#070a1040 72%),linear-gradient(90deg,#070a1060,transparent)}.stage-description{max-width:310px;font-size:12px;line-height:1.6;margin-bottom:20px}.stage-meta{font-size:10px}.stage-eyebrow{font-size:9px;letter-spacing:.13em}.stage-pages{right:6%;bottom:130px}.stage-actions .btn{font-size:12px;min-height:44px;padding:12px 17px}.brand-stage .stage-image{width:80%;height:58%;top:80px;bottom:auto;opacity:.5}.brand-stage .stage-shade{background:linear-gradient(0deg,var(--bg) 5%,#07101fc9 43%,#07101f22)}
  .stream-collection,.subject-section{padding:0 6%;margin-bottom:32px}.stream-collection.over-stage{margin-top:-106px;margin-bottom:32px}.stream-collection h2,.subject-section h2{font-size:18px}.stream-row{grid-auto-columns:72%;gap:14px}.spotlight-card strong,.stream-card strong{font-size:11px}.spotlight-tag{font-size:7px}.brand-cover>span:not(.spotlight-tag){font-size:24px}.row-arrow{width:28px;height:28px;font-size:20px}.subject-section>header>span{display:none}.subject-row{display:flex;overflow:auto;gap:12px;scroll-snap-type:x proximity;scrollbar-width:none}.subject-tile{flex:0 0 80%;padding:22px;scroll-snap-align:start}.subject-tile h3{font-size:22px}.brand-signoff{margin-top:44px}.brand-signoff p{font-size:8px}.brand-signoff img{width:20px;height:21px}
  .preview-notice{display:block;padding:20px 6%;font-size:8px;line-height:1.8}.preview-notice span{display:block;font-size:9px}.section-inset{margin:25px 6%}main{padding:28px 6% 50px}.immersive-page{padding:0 0 24px}.dialog-poster{height:170px}
}
@media(max-width:420px){.stream-stage{height:670px}.stage-copy h1{font-size:42px}.stage-copy{bottom:155px}.stage-description{font-size:11px}.stream-row{grid-auto-columns:82%}.nav{gap:20px}.nav a{font-size:11px}.brand-lion{width:23px;height:24px}.subject-tile{flex-basis:86%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}