/* ============================================================ termos de uso (todas as telas) */
.terms{min-height:100vh;display:grid;place-items:center;padding:20px}
.terms .box{width:min(720px,100%);background:#1c1f26;border-radius:22px;padding:28px 30px;box-shadow:0 30px 80px #0009}
.terms h1{font-size:34px;font-weight:700;margin:4px 0 18px}
.terms .lg{display:flex;gap:10px;margin-bottom:16px}
.terms .lg button{height:50px;padding:0 30px;border-radius:9px;background:#2a2e38;font-weight:700;font-size:16px;color:#c4cad8}
.terms .lg button.on{background:#383d4a;color:#fff}
.terms .tx{height:min(48vh,440px);overflow:auto;background:#262a33;border-radius:12px;padding:18px 22px;font-size:17px;line-height:1.65;margin:14px 0 18px;outline:0}
.terms .tx p{margin-bottom:14px}.terms .tx ul{padding-left:22px}.terms .tx li{margin-bottom:12px}
.terms .bt{display:flex;gap:12px}
.terms .bt .btn{height:54px;padding:0 24px;font-size:17px;background:#2a2e38}
.terms .bt .btn[disabled]{opacity:.35}
.login .mbrand{display:none}

/* ============================================================ celular / tablet em pé */
html.mob{--mred:#e5384a}
html.mob body{font-size:16px}
html.mob .mtop{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;height:76px;padding:0 16px;background:#060a12ee;backdrop-filter:blur(10px)}
html.mob .mtop.over{position:fixed;left:0;right:0;background:linear-gradient(#060a12cc,#060a1200)}
html.mob .mham{width:52px;height:52px;border-radius:50%;background:#151a24cc;display:grid;place-items:center;flex:none}
html.mob .mham .ico{width:24px;height:24px}
html.mob .mlogo .brand{height:44px}
html.mob .mlogo .brand-text{font-size:24px}
html.mob .mtitle{margin-left:auto;font-size:22px;font-weight:700}
html.mob .mact{margin-left:auto;display:flex;gap:10px}
html.mob .mic{width:50px;height:50px;border-radius:50%;background:#151a24cc;display:grid;place-items:center;overflow:hidden}
html.mob .mic img{width:100%;height:100%;object-fit:cover}
html.mob .mpage{padding:4px 16px 110px}
html.mob .mvoltar{position:fixed;left:16px;bottom:22px;z-index:60;height:58px;padding:0 26px;border-radius:30px;background:#1e2330f2;display:flex;align-items:center;gap:12px;font-size:19px;font-weight:700;box-shadow:0 10px 30px #000a;backdrop-filter:blur(8px)}
html.mob .mvoltar .ico{width:24px;height:24px}
html.mob .back{display:none}

/* menu lateral */
.mdrawer{position:fixed;inset:0;z-index:300;background:#0000;transition:background .25s}
.mdrawer.open{background:#000a}
.mdrawer .pnl{position:absolute;left:0;top:0;bottom:0;width:min(76vw,330px);background:#171b24;padding:22px 18px;transform:translateX(-100%);transition:transform .25s ease;overflow:auto}
.mdrawer.open .pnl{transform:none}
.mdrawer .hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
.mdrawer .hd .brand{height:50px}
.mdrawer .hd button .ico{width:26px;height:26px}
.mdrawer small{display:block;color:#8a93a8;letter-spacing:2px;font-size:13px;margin:0 0 14px 12px}
.mdrawer a{display:flex;align-items:center;gap:20px;height:64px;padding:0 18px;border-radius:12px;font-size:18px;color:#d6dbe6;margin-bottom:4px}
.mdrawer a .ico{width:26px;height:26px;stroke-width:1.6}
.mdrawer a.on{background:#2a2f3c;color:#fff}
.mdrawer i{display:block;height:26px}

/* destaque */
html.mob .mhero{position:relative;padding-bottom:4px}
html.mob .mhero .sl{display:none;text-align:center}
html.mob .mhero .sl.on{display:block;animation:fade .5s}
html.mob .mhero .img{position:relative;height:min(118vw,620px);overflow:hidden}
html.mob .mhero .img>img{width:100%;height:100%;object-fit:cover;object-position:center top}
html.mob .mhero .img::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 2%,#060a1200 45%)}
html.mob .mhero .img .age{position:absolute;right:16px;top:58%;z-index:2;width:46px;height:52px;font-size:28px}
html.mob .mhero .tl{position:absolute;left:0;right:0;bottom:14px;z-index:2;display:flex;justify-content:center;padding:0 30px}
html.mob .mhero .tl img{max-height:110px;max-width:80%;object-fit:contain}
html.mob .mhero .tl b{font-size:30px;font-weight:700;text-shadow:0 2px 10px #000}
html.mob .mhero .rt{display:flex;justify-content:center;gap:22px;font-weight:700;font-size:18px;margin:16px 0 10px}
html.mob .mhero .rt span{display:inline-flex;align-items:center;gap:6px}
html.mob .mhero .mt{color:#c4cad8;font-size:16px;margin-bottom:18px}
html.mob .mbig{display:flex;align-items:center;justify-content:center;gap:12px;width:calc(100% - 32px);margin:0 16px;height:60px;border-radius:32px;background:#eef0f5;color:#060a12;font-weight:700;font-size:19px}
html.mob .mbig .ico{width:22px;height:22px}
html.mob .mhero .dt{display:flex;justify-content:center;gap:12px;margin:20px 0 6px}
html.mob .mhero .dt i{width:9px;height:9px;border-radius:50%;background:#ffffff55}
html.mob .mhero .dt i.on{width:26px;border-radius:5px;background:#f5c26b}
html.mob .expiry{display:grid;grid-template-columns:auto 1fr;margin:14px 16px;padding:20px;gap:6px 16px;align-items:start}
html.mob .expiry .r{grid-column:2;text-align:left;margin:6px 0 0}
html.mob .expiry .r b.dt{justify-content:flex-start;font-size:19px}
html.mob .expiry b{font-size:19px}

/* faixas horizontais */
html.mob .mrow{padding:6px 0 4px}
html.mob .mrow h2,html.mob .mprov h2{font-size:24px;font-weight:700;padding:14px 16px 12px}
html.mob .mtrack{display:flex;gap:14px;overflow-x:auto;padding:0 16px 8px;scrollbar-width:none;scroll-snap-type:x proximity}
html.mob .mtrack::-webkit-scrollbar{display:none}
html.mob .mrp{flex:none;width:calc((100vw - 60px)/3);scroll-snap-align:start}
html.mob .mrp .pp{aspect-ratio:2/3;border-radius:8px}
html.mob .mrp b{display:block;font-weight:500;font-size:15px;color:#d6dbe6;margin-top:8px;line-height:1.3}
html.mob .mprov{position:relative;background:linear-gradient(180deg,var(--pfrom,#0b2230),var(--pto,#081521));transition:background .6s;padding-bottom:18px}
html.mob .mprov .pcard{width:150px;padding-bottom:10px}
html.mob .mprov .pcard .im{height:84px}
html.mob .mprov #mps .mtrack{margin-top:10px}
html.mob .mprov #mps .btn{margin:10px 16px 0;display:flex;background:#060a1299}
html.mob .msports{padding:14px 0 0}
html.mob .mseg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:#161b26;border-radius:14px;padding:5px;margin:0 16px 16px}
html.mob .mpage .mseg{margin:14px 0}
html.mob .mseg button{height:52px;border-radius:10px;font-size:17px;color:#a8b0c2}
html.mob .mseg button.on{background:#2c3242;color:#fff}
html.mob .msports .evcard{width:78vw;scroll-snap-align:start}
html.mob .msports .evcard .box{height:44vw;max-height:240px}
html.mob .evcard .t{font-size:18px}.html.mob .evcard .s{font-size:15px}
html.mob .lcard{width:72vw!important}

/* listas */
html.mob .msel{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;background:#1e2330;border-radius:14px;padding:14px 20px;gap:12px}
html.mob .msel small{display:block;color:#a8b0c2;font-size:13px;letter-spacing:2px;font-weight:700}
html.mob .msel b{display:block;font-size:20px;font-weight:700;margin-top:2px}
html.mob .msel>div{min-width:0}
html.mob .mbar{display:flex;align-items:center;justify-content:space-between;margin:18px 0 16px;color:#c4cad8;font-size:17px}
html.mob .msort{display:flex;align-items:center;gap:12px;height:60px;padding:0 20px;border-radius:12px;background:#1e2330;font-size:17px}
html.mob .mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 12px}
html.mob .mpc{cursor:pointer;min-width:0}
html.mob .mpc .im{position:relative;aspect-ratio:2/3;border-radius:8px;overflow:hidden;background:#1d2434}
html.mob .mpc .im img{width:100%;height:100%;object-fit:cover}
html.mob .mpc .fb{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:8px;font-weight:700}
html.mob .mpc .lg{position:absolute;top:7px;right:7px;background:var(--leg);font-size:11.5px;font-weight:700;padding:2px 6px;border-radius:4px}
html.mob .hf{width:40px;height:40px;border-radius:50%;background:#060a1299;display:grid;place-items:center;color:#fff;flex:none}
html.mob .hf .ico{width:22px;height:22px}
html.mob .hf.on{color:#ff4d6d}html.mob .hf.on .ico{fill:#ff4d6d}
html.mob .mpc .hf{position:absolute;right:8px;bottom:8px}
html.mob .mpc b{display:block;font-size:17px;font-weight:700;margin-top:10px;line-height:1.3}
html.mob .mpc small{display:block;color:#a8b0c2;font-size:14.5px;margin-top:4px}

/* folha de seleção (de baixo para cima) */
html.mob .modal-bg{place-items:end center;padding:0}
html.mob .modal{width:100%;max-width:100%;max-height:86vh;overflow:auto;border-radius:22px 22px 0 0;padding:6px 0 18px;background:#33343a;animation:sheet .25s ease}
@keyframes sheet{from{transform:translateY(40px);opacity:0}}
html.mob .modal h3{font-size:16px;color:#c4cad8;padding:14px 22px 6px;margin:0}
html.mob .modal .opts button{display:flex;align-items:center;justify-content:space-between;height:76px;margin:0;border-radius:0;background:none;border-bottom:1px solid #ffffff14;padding:0 24px;font-size:21px;font-weight:500;color:#eef0f5}
html.mob .modal .opts button::after{content:'';width:26px;height:26px;border-radius:50%;border:2.5px solid #c4cad8;flex:none}
html.mob .modal .opts button.on{background:none;color:#fff}
html.mob .modal .opts button.on::after{border-color:#a8c7fa;background:radial-gradient(#a8c7fa 45%,transparent 50%)}
html.mob .modal .pin input{width:62px;height:70px}
html.mob .modal .row{padding:0 18px}

/* detalhes */
html.mob .mdet .hd{position:relative;height:min(112vw,600px);overflow:hidden}
html.mob .mdet .hd>img{width:100%;height:100%;object-fit:cover;object-position:center top}
html.mob .mdet .hd .sh{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 3%,#060a1200 50%)}
html.mob .mdet .hd .age{position:absolute;right:16px;top:58%;width:44px;height:50px;font-size:26px}
html.mob .mdet .tl{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;padding:0 24px;text-align:center}
html.mob .mdet .tl img{max-height:120px;max-width:86%;object-fit:contain}
html.mob .mdet .tl h1{font-size:32px;font-weight:700;text-shadow:0 2px 10px #000}
html.mob .mdet .bd{padding:6px 16px 110px;text-align:center}
html.mob .mdet .y{font-size:19px;color:#d6dbe6;margin:8px 0}
html.mob .mdet .g{font-size:17px;color:#c4cad8;margin-bottom:8px}
html.mob .mdet .mbig{width:100%;margin:18px 0 10px}
html.mob .macts{display:flex;justify-content:space-around;margin:8px 0 18px}
html.mob .macts button{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:700;font-size:16px;padding:8px}
html.mob .macts .ico{width:28px;height:28px}
html.mob .macts button.on{color:#ff4d6d}html.mob .macts button.on .ico{fill:#ff4d6d}
html.mob .mdet h3,html.mob .mwatch h3{text-align:left;font-size:22px;font-weight:700;margin:14px 0 8px}
html.mob .mdet .syn,html.mob .mwatch .syn{text-align:left;font-size:18px;line-height:1.55;color:#c4cad8}
html.mob .mdet .lnk{display:block;margin:14px 0 6px;font-size:17px;font-weight:600}
html.mob .mdet h4{text-align:left;color:#8a93a8;font-weight:500;font-size:16px;margin:22px 0 6px}
html.mob .mdet .cr{text-align:left;font-size:17px;line-height:1.5}
html.mob .mephd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}
html.mob .mephd .msel{width:auto;padding:10px 16px}html.mob .mephd .msel b{font-size:16px}
html.mob .mep{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center;text-align:left;padding:10px 0;border-bottom:1px solid #ffffff0d;cursor:pointer}
html.mob .mep.on{background:#1b2130;border-radius:10px;padding:10px;border:0}
html.mob .mep .th{position:relative;aspect-ratio:16/9;border-radius:7px;overflow:hidden;background:#1d2434}
html.mob .mep .th img{width:100%;height:100%;object-fit:cover}
html.mob .mep .th .n{position:absolute;top:5px;left:5px;background:#000b;font-size:12px;font-weight:700;padding:1px 7px;border-radius:4px}
html.mob .mep .th i{position:absolute;left:0;bottom:0;height:3px;background:var(--mred)}
html.mob .mep b{display:block;font-size:16px}html.mob .mep small{color:#a8b0c2;font-size:14px}

/* assistir */
html.mob .mwatch .mvid{position:sticky;top:0;z-index:20;background:#000}
html.mob .player.inline{position:relative;inset:auto;width:100%;aspect-ratio:16/9;z-index:1}
html.mob .player.inline .top{display:none}
html.mob .player.inline .bot{padding:10px 12px;gap:8px}
html.mob .player.inline .bot [data-a=rew],html.mob .player.inline .bot [data-a=play],html.mob .player.inline .bot [data-a=fwd],html.mob .player.inline .bot [data-a=mute],html.mob .player.inline .bot [data-a=eps]{display:none}
html.mob .player.inline .bot .time{min-width:64px;font-size:13px}
html.mob .player.inline .plogo{display:none}
.player.inline .mctl{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:34px;transition:opacity .3s;pointer-events:none}
.player.inline .mctl .ib{pointer-events:auto;width:54px;height:54px}
.player.inline .mctl .ib.big{width:66px;height:66px;background:#0007}
.player.inline .mmute{position:absolute;top:10px;right:10px;z-index:4;background:#0007;transition:opacity .3s}
.player.inline.idle .mctl,.player.inline.idle .mmute{opacity:0;pointer-events:none}
.player:not(.inline) .mctl,.player:not(.inline) .mmute,.player:not(.inline) .agetag{display:none}
.player.inline:fullscreen{aspect-ratio:auto}
.agetag{position:absolute;top:10px;left:10px;z-index:4;display:flex;align-items:center;gap:10px;background:#0009;border-radius:9px;padding:7px 12px 7px 7px;font-size:14px;transition:opacity .6s}
.agetag .age{width:34px;height:36px;font-size:18px}.agetag small{display:block;color:#c4cad8;font-size:12px}
.agetag.out{opacity:0}
html.mob .mexp{display:flex;align-items:center;gap:14px;background:#1b2030;border-radius:14px;padding:14px 16px;margin-top:16px}
html.mob .mexp>.ico{width:34px;height:34px;flex:none}
html.mob .mexp b{display:block;font-size:17px}html.mob .mexp small{color:#a8b0c2;font-size:14px}
html.mob .mexp .btn{margin-left:auto;height:50px;flex:none}
html.mob .mwt{font-size:30px;font-weight:700;line-height:1.15;margin:4px 0}
html.mob .mws{font-size:17px;color:#d6dbe6;margin-bottom:6px}
html.mob .mwm{display:flex;align-items:center;gap:10px;font-size:17px;color:#c4cad8;margin:8px 0}
html.mob .mwm .age{width:32px;height:34px;font-size:17px}
html.mob .mopts{background:#1b2030;border-radius:14px;overflow:hidden}
html.mob .mopts button{display:flex;align-items:center;gap:14px;width:100%;height:64px;padding:0 18px;font-size:17px;color:#c4cad8}
html.mob .mopts button span{flex:1;text-align:left}
html.mob .mopts button b{color:#fff;font-weight:700}
html.mob .mopts button+button{border-top:1px solid #ffffff0a}

/* ao vivo e eventos */
html.mob .mlive{padding-top:0}
html.mob .mvbox{border-radius:14px;margin-top:4px}
html.mob .mvbox .vol,html.mob .mvbox .fs{display:none}
html.mob .msnd{position:absolute;top:10px;right:10px;z-index:4;width:48px;height:48px;border-radius:50%;background:#0008;display:grid;place-items:center}
html.mob .minfo{position:absolute;left:0;right:0;bottom:62px;z-index:4;display:flex;align-items:center;gap:10px;padding:0 14px;font-size:14px;text-shadow:0 1px 4px #000}
html.mob .minfo .q{margin-left:auto;color:#e6e9f0}
html.mob .minfo button{width:36px;height:36px;display:grid;place-items:center}
html.mob .mtools{position:absolute;left:0;right:0;bottom:0;z-index:4;display:grid;grid-template-columns:repeat(6,1fr);background:linear-gradient(#0000,#000c);padding:6px 2px 8px}
html.mob .mtools button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12.5px;color:#e6e9f0}
html.mob .mtools .ico{width:20px;height:20px}
html.mob .mvbox.hidectl .mtools,html.mob .mvbox.hidectl .minfo,html.mob .mvbox.hidectl .msnd{opacity:0;pointer-events:none}
html.mob .mvbox.fill video{object-fit:cover}
.mvbox:fullscreen{border-radius:0;aspect-ratio:auto}
html.mob .mnow{background:#1b2030;border-radius:0 0 14px 14px;padding:16px 18px;margin-bottom:16px}
html.mob .mnow .r{display:flex;align-items:center;gap:14px}
html.mob .mnow .r>div{flex:1;min-width:0}
html.mob .mnow small{display:block;color:#a8b0c2;font-size:15px}html.mob .mnow b{display:block;font-size:21px;font-weight:700}
html.mob .mnow .chlogo{width:64px;height:64px;border-radius:10px;background:#232838}
html.mob .mnow .hf{width:52px;height:52px;background:#252b3a}
html.mob .mnow .tm{display:flex;justify-content:space-between;color:#c4cad8;font-size:15px;margin:14px 0 8px}
html.mob .mnow .bar,html.mob .mch .bar{height:4px;border-radius:3px;background:#ffffff1c;overflow:hidden}
html.mob .mnow .bar i,html.mob .mch .bar i{display:block;height:100%;background:var(--mred)}
html.mob .mcatrow{display:flex;align-items:center;gap:14px;margin-bottom:14px}
html.mob .mcatrow .msel{flex:1}
html.mob .mch{position:relative;display:flex;align-items:center;gap:14px;background:#1b2030;border-radius:14px;padding:14px;margin-bottom:12px;cursor:pointer;overflow:hidden}
html.mob .mch.on{background:linear-gradient(90deg,#3a1f2a,#1b2030 60%)}
html.mob .mch.on::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--mred)}
html.mob .mch .chlogo{width:72px;height:72px;border-radius:12px;background:#232838}
html.mob .mch .tx{flex:1;min-width:0}
html.mob .mch .tx b{display:block;font-size:19px}
html.mob .mch .tx span{display:block;color:#a8b0c2;font-size:16px;margin:2px 0 8px}
html.mob .mch em{display:flex;align-items:center;gap:6px;font-style:normal;color:#a8b0c2;font-size:14px;margin-top:8px}
html.mob .mch em .ico{width:16px;height:16px}
html.mob .mch .ac{display:flex;flex-direction:column;gap:12px;align-items:center}
html.mob .mch .ac .hf{background:none;width:36px;height:36px}
html.mob .mch .ac button .ico{width:24px;height:24px;color:#c4cad8}
html.mob .mh3{font-size:19px;margin:6px 0 12px}
html.mob .mevh{display:flex;align-items:baseline;justify-content:space-between;margin:22px 0 4px}
html.mob .mevh h2{font-size:24px;font-weight:700}html.mob .mevh small{color:#a8b0c2;font-size:15px}
html.mob .mevh.sub h3{font-size:19px}
html.mob .mgcard{background:#1b2030;border-radius:0 0 14px 14px;overflow:hidden}
html.mob .mgcard .h{display:flex;justify-content:space-between;align-items:center;padding:16px 18px}
html.mob .mgcard .h small{display:block;color:#a8b0c2;font-size:15px}html.mob .mgcard .h b{font-size:20px}
html.mob .mgcard .exp{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;background:#232838;text-align:left}
html.mob .mgcard .exp b{display:block;font-size:17px}html.mob .mgcard .exp small{color:#a8b0c2;font-size:14px}
html.mob .mgcard .exp .chev{margin-left:auto;transition:.2s}html.mob .mgcard .exp .chev.up{transform:rotate(180deg)}
html.mob .mgcard #mgd{padding:0 10px 10px}
html.mob .lv{color:var(--mred);font-style:normal;font-weight:700}
html.mob .mgame{position:relative;background:#1b2030;border-radius:14px;padding:16px 18px;margin-bottom:12px;cursor:pointer;overflow:hidden}
html.mob .mgame.on::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--mred)}
html.mob .mgame .gh{display:flex;justify-content:space-between;color:#a8b0c2;font-size:15px}
html.mob .mgame .gh em{display:flex;align-items:center;gap:6px;font-style:normal;color:#e6e9f0}
html.mob .mgame .gh em .ico{width:16px;height:16px}
html.mob .mgame .gm{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:14px 0}
html.mob .mgame .gm .t{display:flex;align-items:center;gap:10px;min-width:0}
html.mob .mgame .gm .t.r{justify-content:flex-end;text-align:right}
html.mob .mgame .gm img{width:40px;height:40px;object-fit:contain;flex:none}
html.mob .mgame .gm b{font-size:18px}html.mob .mgame .gm>span{font-weight:700;font-size:18px}
html.mob .mgame .gf{display:flex;justify-content:space-between;color:#a8b0c2;font-size:15px}
html.mob .tabs3{margin:12px 0 14px}
html.mob .tabs3 button{height:52px;font-size:16px}
html.mob .scard{margin-top:10px}
html.mob .plays{grid-template-columns:1fr}

/* busca */
html.mob .msearch{display:flex;align-items:center;gap:14px;height:64px;padding:0 20px;background:#1e2330;border-radius:16px;margin:6px 0 4px}
html.mob .msearch .ico{width:24px;height:24px;color:#a8b0c2}
html.mob .msearch input{flex:1;background:none;border:0;outline:0;font-size:19px}

/* configurações */
html.mob .mset h1{font-size:40px;font-weight:700;margin:4px 0 6px}
html.mob .mset>.muted{font-size:17px}
html.mob .mset .grp{display:block;color:#a8b0c2;letter-spacing:2px;font-size:14px;margin:28px 8px 12px}
html.mob .mgroup{background:#1b2030;border-radius:18px;overflow:hidden}
html.mob .mgroup button{display:flex;align-items:center;gap:18px;width:100%;padding:18px;text-align:left}
html.mob .mgroup button+button{border-top:1px solid #ffffff0d}
html.mob .mgroup button>div{flex:1}
html.mob .mgroup b{display:block;font-size:19px;font-weight:600}
html.mob .mgroup small{display:block;color:#a8b0c2;font-size:15px;margin-top:3px}
html.mob .mgroup .oi{width:52px;height:52px;border-radius:12px;background:#2a2430;display:grid;place-items:center;flex:none}
html.mob .mgroup .oi .ico{width:26px;height:26px}
html.mob .mgroup .danger b{color:#ff6b7a}
html.mob .mset .spanel{background:none;padding:0;margin:18px 0 0;min-height:0}
html.mob .mset .spanel h2{display:none}
html.mob .mset .opt{min-height:74px;font-size:17px;border-radius:0;margin:0;background:#1b2030;border-bottom:1px solid #ffffff0a}
html.mob .mset .opt:first-of-type{border-radius:16px 16px 0 0}
html.mob .ohead{font-size:15px;background:none;padding:18px 4px 8px;color:#a8b0c2;letter-spacing:1px}

/* login e perfis */
html.mob .login{place-items:start center;padding-top:40px}
html.mob .login .mbrand{display:flex;justify-content:center;margin-bottom:34px}
html.mob .login .mbrand .brand{height:96px}
html.mob .seg{border-radius:30px;margin-bottom:34px}html.mob .seg button{border-radius:26px;height:56px;font-weight:500}
html.mob .login h1{font-size:40px}
html.mob .login .btn.light{border-radius:32px;height:64px;font-weight:500}
html.mob .foot{position:static;margin:60px 0 20px;padding:0 20px;font-size:14px;color:#8a93a8}
html.mob .profiles .avatar{border-radius:26px;width:150px;height:150px}
html.mob .profiles h1{font-size:40px}
html.mob .profiles .btns{flex-direction:column;align-items:center}
html.mob .profiles .btns .btn{border-radius:32px;min-width:250px;height:58px;background:#1e2330}
html.mob .profiles .btns #out{background:none;color:#a8b0c2}
html.mob .terms{padding:12px}html.mob .terms .box{padding:22px 18px}html.mob .terms h1{font-size:30px}
html.mob .terms .tx{height:56vh;font-size:17px}
html.mob #toast{bottom:96px}
html.mob .colpage .hd{padding:80px 16px 0;min-height:300px}
html.mob .mtop.over.solid{background:#060a12ee}
html.mob .player.inline .nextep{right:10px;bottom:56px;height:38px;font-size:13px;padding:0 12px}

/* ===== v1.0.3 ===== */
/* topo rola junto com a página; só o botão de menu (três traços) fica fixo */
html.mob .mtop{position:relative;background:transparent;backdrop-filter:none;padding-left:84px}
html.mob .mtop.over,html.mob .mtop.over.solid{position:absolute;top:0;left:0;right:0;background:linear-gradient(#060a12cc,#060a1200)}
html.mob .mham{position:fixed;top:12px;left:16px;z-index:70;background:#151a24d9;backdrop-filter:blur(8px);box-shadow:0 6px 18px #0007}
/* destaque igual ao modelo */
html.mob .mhero .img{height:min(88vw,470px)}
html.mob .mhero .img>img{object-position:center 20%}
html.mob .mhero .img .age{top:46%;width:40px;height:44px;font-size:24px;border-radius:6px}
html.mob .mhero .tl{bottom:10px}
html.mob .mhero .tl img{max-height:84px;max-width:72%}
html.mob .mhero .rt{font-size:15px;gap:18px;margin:14px 0 8px}
html.mob .mhero .rt .rbadge{font-size:11px;padding:1px 4px}
html.mob .mhero .mt{font-size:14px;margin-bottom:14px}
html.mob .mbig{height:48px;font-size:16px;gap:10px;border-radius:26px}
html.mob .mbig .ico{width:14px;height:14px}
/* jogos do dia na tela inicial: cartões menores */
html.mob .msports .evcard{width:64vw;max-width:340px}
html.mob .msports .evcard .box{height:36vw;max-height:190px}
html.mob .msports .evcard .box .tm img,html.mob .msports .evcard .box .tm .shield{width:44px;height:44px}
html.mob .msports .evcard .box .scr{font-size:24px}
html.mob .msports .evcard .box .st{font-size:11px;padding:4px 9px}
html.mob .msports .evcard .box .lg{font-size:12px}
html.mob .msports .evcard .t{font-size:16px;margin-top:8px}
html.mob .msports .evcard .s{font-size:13px}
/* conteúdo não fica escondido atrás do botão Voltar */
html.mob #app{padding-bottom:96px}

/* ===== v1.0.8: celular mais compacto e neutro (igual ao modelo) ===== */
html.mob #bgfx{display:none}
html.mob,html.mob body{background:#090c12}
html.mob .mdet .hd .sh,html.mob .mhero .img::after{background:linear-gradient(0deg,#090c12 3%,#090c1200 50%)}
/* menu lateral menor */
.mdrawer .pnl{width:min(74vw,300px);padding:20px 14px;background:#161a22}
.mdrawer .hd{margin-bottom:22px}.mdrawer .hd .brand{height:42px}
.mdrawer small{font-size:12px;margin:0 0 10px 12px}
.mdrawer a{height:54px;gap:16px;padding:0 16px;font-size:16px;border-radius:10px}
.mdrawer a .ico{width:22px;height:22px}
.mdrawer i{height:16px}
/* streamings: só os cartões, fundo neutro */
html.mob .mprov{background:none;padding-bottom:8px}
html.mob .mprov .pcard{width:36vw;max-width:200px;padding-bottom:0;display:block}
html.mob .mprov .pcard .im{height:calc(min(36vw,200px) * .57);border-radius:10px}
html.mob .mprov .pcard::after,html.mob .mprov .pcard .tip{display:none}
html.mob .mrow h2,html.mob .mprov h2,html.mob .msh{font-size:20px;font-weight:700;padding:14px 16px 10px}
/* esportes */
html.mob .msports{padding-top:4px}
html.mob .msports .mseg{margin:0 16px 12px}
html.mob .mseg button{height:44px;font-size:15px}
html.mob .mufch{padding:2px 16px 10px}html.mob .mufch b{display:block;font-size:16px}html.mob .mufch small{color:#8a93a8;font-size:13px}
html.mob .msports .evcard.fight .box img{width:46%}
html.mob .msports .evcard.fight .vs{width:34px;height:34px;font-size:11px}
html.mob .msports .evcard .box .st.live{background:#c81e1e}
html.mob .msports .evcard .box .mn{left:8px;bottom:8px;top:auto;font-size:13px;padding:2px 9px;border-radius:6px;background:#fff;color:#000;position:absolute;font-weight:700}
/* coletâneas menores */
html.mob .mrp{width:calc((100vw - 56px)/3.2)}
html.mob .mrp b{font-size:13px;margin-top:6px}
/* detalhe (série/filme) mais compacto */
html.mob .mdet .hd{height:min(92vw,480px)}
html.mob .mdet .tl img{max-height:90px}
html.mob .mdet .tl h1{font-size:24px}
html.mob .mdet .y{font-size:14px}html.mob .mdet .g{font-size:13px}
html.mob .mdet .mbig{height:46px;font-size:15px}
html.mob .mdet h3,html.mob .mwatch h3{font-size:17px}
html.mob .mdet .syn,html.mob .mwatch .syn{font-size:14.5px;line-height:1.55}
html.mob .mdet .lnk{font-size:14px}
html.mob .mdet h4{font-size:13px;margin:18px 0 4px}html.mob .mdet .cr{font-size:14px}
/* episódios: igual ao modelo, entrando de cima para baixo */
html.mob .mephd2{display:flex;align-items:flex-end;justify-content:space-between;margin-top:26px;padding-bottom:10px;position:relative;text-align:left}
html.mob .mephd2 h3{margin:0;font-size:17px}
html.mob .mephd2::after{content:'';position:absolute;left:0;bottom:0;width:34px;height:2px;border-radius:2px;background:var(--mred)}
html.mob .mephd2 .muted{font-size:12px}
html.mob .mseasbtn{display:flex;align-items:center;gap:8px;margin:16px 0 10px;font-size:14px;color:#d6dbe6}
html.mob .mseasbtn .ico{width:16px;height:16px;opacity:.7}
html.mob .mep2{display:grid;grid-template-columns:118px 1fr;gap:12px;align-items:start;text-align:left;padding:9px 0;cursor:pointer;opacity:0;animation:epdrop .45s ease forwards}
@keyframes epdrop{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
html.mob .mep2 .th{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#1b2130}
html.mob .mep2 .th img{width:100%;height:100%;object-fit:cover}
html.mob .mep2 .th .pl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;background:#000a;display:grid;place-items:center}
html.mob .mep2 .th .pl .ico{width:12px;height:12px;fill:#fff;stroke:none}
html.mob .mep2 .th i{position:absolute;left:0;bottom:0;height:3px;background:var(--mred)}
html.mob .mep2 b{font-size:13.5px;font-weight:600;line-height:1.35}
html.mob .mep2 small{display:block;font-size:11.5px;color:#8a93a8;margin-top:3px}
html.mob .mep2 p{font-size:12px;color:#a8b0c2;margin-top:4px;line-height:1.4}
/* página do streaming */
html.mob .mprovp .mph{text-align:center;padding:20px 16px 4px}
html.mob .mprovp .mph img{max-height:70px;max-width:60%;margin:0 auto 8px;object-fit:contain}
html.mob .mprovp .mph h1{font-size:26px}
/* coletânea no celular */
html.mob .mcol .hd{position:relative;min-height:min(100vw,520px);display:flex;align-items:flex-end;justify-content:center;text-align:center}
html.mob .mcol .hd .bd{position:absolute;inset:0;overflow:hidden}
html.mob .mcol .hd .bd img{width:100%;height:100%;object-fit:cover;object-position:center top}
html.mob .mcol .hd .bd::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090c12 8%,#090c1200 60%)}
html.mob .mcol .hd .in{position:relative;width:100%;padding:0 16px 10px}
html.mob .mcol .hd .tl{max-height:96px;max-width:72%;margin:0 auto 10px;object-fit:contain}
html.mob .mcol .hd h1{font-size:26px;margin-bottom:8px}
html.mob .mcol .hd .t{font-size:14px;font-weight:700}html.mob .mcol .hd .t small{font-size:10px;color:#a8b0c2}
html.mob .mcol .hd .m{display:flex;justify-content:center;align-items:center;gap:4px;font-size:14px;color:#d6dbe6;margin:6px 0 12px}
html.mob .mcol .hd .m .ico{width:15px;height:15px}
html.mob .mcol .mbig{width:100%;margin:0;height:46px;font-size:15px}
html.mob .mcol .mrp.on .pp{box-shadow:0 0 0 2px #fff}
html.mob .mdet .mrow h2{text-align:left;padding-left:0}