*{box-sizing:border-box}html{background:#050505;scroll-behavior:smooth}body{margin:0;min-height:100dvh;color:#f7f7f7;font:15px Arial,sans-serif;background:radial-gradient(circle at 50% 0,#221013 0,#090909 34%,#050505 70%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(135deg,transparent 0 160px,#b51224 161px 164px,transparent 165px 320px)}button{font:inherit}header{min-height:82px;display:flex;align-items:center;gap:28px;max-width:1480px;margin:auto;padding:14px 24px;border-bottom:1px solid #2b2b2b;position:relative;z-index:2}.brand{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;text-decoration:none;color:white;min-width:330px}.brand .cross{grid-row:1/3;font-size:52px;color:#d71932;margin-right:12px;line-height:.9}.brand strong{font-size:29px;letter-spacing:-1px}.brand strong span{color:#e31b36}.brand small{font-size:10px;letter-spacing:2px;color:#c9c9c9}nav{display:flex;gap:8px;margin:auto}nav a{color:#ddd;text-decoration:none;padding:12px 15px;border-radius:9px}nav a:hover{background:#181818;color:white}.supporter{background:#f5f5f5;color:#151515;border-radius:9px;padding:12px 16px;font-weight:900;white-space:nowrap}main{position:relative;z-index:1;max-width:1480px;margin:28px auto;display:grid;grid-template-columns:190px minmax(0,1fr) 330px;gap:18px;padding:0 24px}.left,.chat,.about,.highlights{background:rgba(11,11,11,.92);border:1px solid #2a2a2a;border-radius:14px}.left{padding:18px;height:max-content}.slogan{font-size:25px;font-weight:900;font-style:italic;line-height:1.05;border-bottom:3px solid #d71932;padding-bottom:16px;margin-bottom:20px}.slogan b{font-size:37px}.badge,.playerbadge{display:inline-block;background:#df1731;color:#fff;padding:9px 12px;border-radius:8px;font-weight:900}.livecard h3{font-size:18px;margin-bottom:6px}.livecard p{color:#aaa;line-height:1.5}.livecard>div{margin:13px 0}.livecard button,.channel button,.pix{width:100%;border:0;background:#df1731;color:white;padding:12px;border-radius:9px;font-weight:900;cursor:pointer;margin-top:8px}.livecard .ghost{background:#171717;border:1px solid #343434}.motto{font-size:13px;line-height:1.6;font-weight:900;color:#bbb;border-top:1px solid #333;margin-top:22px;padding-top:18px}.center{min-width:0}.player{aspect-ratio:16/9;background:#020202;border:1px solid #303030;border-radius:14px;overflow:hidden;position:relative;box-shadow:0 20px 70px #000}.player video{width:100%;height:100%;background:#000;object-fit:contain}.player #empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;background:radial-gradient(circle,#251015,#050505 68%)}#empty .big{font-size:78px;color:#d71932}#empty strong{font-size:20px}#empty small{color:#aaa}.playerbadge{position:absolute;top:16px;right:16px;font-size:12px}.watermark{position:absolute;top:18px;left:18px;font-weight:900;text-shadow:0 2px 8px #000}.watermark:first-letter{color:#e31b36}.channel{display:grid;grid-template-columns:54px 1fr 135px;align-items:center;gap:13px;padding:16px 4px;border-bottom:1px solid #272727}.avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#f3f3f3;color:#bd1429;font-size:34px;border:3px solid #2b2b2b}.channel h1{margin:0 0 5px;font-size:22px}.channel p{margin:0;color:#aaa}.channel button{margin:0}.tags{display:flex;gap:8px;flex-wrap:wrap;padding:12px 4px}.tags span{background:#171717;border:1px solid #333;border-radius:20px;padding:7px 11px;color:#ddd}.about,.highlights{padding:18px;margin-top:14px}.about h2,.highlights h2{margin:0 0 9px}.about p{color:#bbb;line-height:1.6}.sectiontitle{display:flex;justify-content:space-between;align-items:center}.sectiontitle span{color:#d71932;font-weight:900}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cards article{min-height:110px;border-radius:10px;border:1px solid #333;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#221014,#0c0c0c)}.cards b{font-size:16px}.cards span{color:#aaa;margin-top:6px}.chat{height:690px;display:flex;flex-direction:column;overflow:hidden}.chathead{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #2c2c2c}.chathead h2{font-size:18px;margin:0}.chathead span{font-size:12px}#messages{flex:1;overflow:auto;padding:12px 16px;overscroll-behavior:contain}.welcome{padding:12px;background:#171717;border-left:3px solid #d71932;border-radius:7px;color:#bbb;margin-bottom:10px}.welcome b{color:#fff}.message{padding:8px 2px;overflow-wrap:anywhere;line-height:1.4}.message b{color:#f0f0f0;margin-right:4px}.message span{color:#c7c7c7}form{display:grid;gap:8px;padding:12px 14px;border-top:1px solid #2c2c2c}.sendrow{display:grid;grid-template-columns:1fr 46px;gap:8px}input{width:100%;min-width:0;background:#171717;color:white;border:1px solid #363636;border-radius:8px;padding:11px;font-size:16px}.sendrow button{border:0;border-radius:8px;background:#df1731;color:white;font-size:18px;cursor:pointer}.pix{width:auto;margin:0 14px 14px}footer{position:relative;z-index:1;text-align:center;color:#777;padding:22px;border-top:1px solid #222;font-size:12px}
@media(max-width:1120px){header nav{display:none}main{grid-template-columns:150px minmax(0,1fr) 300px}.brand{min-width:0}.supporter{margin-left:auto}.left{padding:14px}.slogan{font-size:20px}.slogan b{font-size:29px}}
@media(max-width:900px){header{padding:12px 16px}.supporter{display:none}main{grid-template-columns:1fr;padding:0 12px;margin:14px auto}.left{display:none}.chat{height:min(520px,60dvh)}.cards{grid-template-columns:1fr 1fr}.brand strong{font-size:24px}.brand .cross{font-size:44px}}
@media(max-width:560px){header{min-height:64px}.brand strong{font-size:21px}.brand small{font-size:8px;letter-spacing:1px}.brand .cross{font-size:38px}.player{border-radius:9px}.playerbadge{top:8px;right:8px;padding:6px 8px}.watermark{top:10px;left:10px;font-size:11px}.channel{grid-template-columns:44px 1fr}.avatar{width:42px;height:42px;font-size:26px}.channel button{grid-column:1/3}.channel h1{font-size:19px}.channel p{font-size:13px}.cards{grid-template-columns:1fr}.sectiontitle span{display:none}.about,.highlights{padding:14px}.chat{height:55dvh;min-height:390px}body{padding-bottom:env(safe-area-inset-bottom)}}
.player iframe{width:100%;height:100%;border:0;background:#000;display:block}.player video{display:none}.latency{position:absolute;left:16px;bottom:14px;display:flex;gap:6px;z-index:5}.latency button{border:1px solid #444;background:rgba(8,8,8,.86);color:#ddd;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:900;cursor:pointer}.latency button.active{background:#df1731;border-color:#df1731;color:#fff}@media(max-width:560px){.latency{left:8px;bottom:8px}.latency button{padding:6px 7px;font-size:9px}}

.player-tools{position:absolute;right:14px;bottom:14px;display:flex;gap:7px;z-index:8}.player-tools button{border:1px solid #444;background:rgba(8,8,8,.86);color:#fff;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:900;cursor:pointer;backdrop-filter:blur(6px)}.player-tools button:hover{background:#df1731;border-color:#df1731}.chat-overlay{position:absolute;right:16px;top:72px;width:min(330px,42%);display:flex;flex-direction:column;align-items:flex-end;gap:7px;z-index:7;pointer-events:none}.chat-overlay.hidden{display:none}.overlay-message{max-width:100%;padding:8px 11px;border-radius:10px;background:rgba(0,0,0,.66);border:1px solid rgba(255,255,255,.16);box-shadow:0 3px 16px rgba(0,0,0,.45);backdrop-filter:blur(6px);opacity:0;transform:translateX(12px);transition:.3s ease;overflow-wrap:anywhere}.overlay-message.show{opacity:1;transform:none}.overlay-message b{display:block;color:#fff;font-size:11px;margin-bottom:2px}.overlay-message span{color:#eee;font-size:13px;line-height:1.3}.player:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border:0;border-radius:0;background:#000}.player:fullscreen iframe,.player:fullscreen video{width:100%;height:100%;object-fit:contain}.player:fullscreen .chat-overlay{right:24px;top:80px;width:min(390px,35vw)}.player:fullscreen .player-tools{right:20px;bottom:20px}.player:fullscreen .latency{left:20px;bottom:20px}
@media(max-width:560px){.player-tools{right:7px;bottom:7px;gap:4px}.player-tools button{font-size:9px;padding:6px 7px}.chat-overlay{right:8px;top:48px;width:58%;gap:4px}.overlay-message{padding:6px 8px}.overlay-message b{font-size:9px}.overlay-message span{font-size:11px}.player:fullscreen .chat-overlay{right:10px;top:55px;width:58vw}.player:fullscreen .player-tools{right:8px;bottom:8px}.player:fullscreen .latency{left:8px;bottom:8px}}


/* v2.5 - player mobile/fullscreen fixes */
/* Keep MediaMTX's own audio/volume controls unobstructed in the upper-right. */
.playerbadge{left:50%;right:auto;transform:translateX(-50%);top:12px;z-index:6}
@media(max-width:560px){.playerbadge{left:50%;right:auto;top:7px;transform:translateX(-50%);font-size:9px}}

/* Fallback landscape mode for browsers that refuse Screen Orientation lock. */
.player.force-landscape{
  position:fixed!important;z-index:99999!important;background:#000!important;
  border:0!important;border-radius:0!important;margin:0!important;max-width:none!important;
}
@media (orientation:portrait){
  .player.force-landscape{
    width:100dvh!important;height:100vw!important;aspect-ratio:auto!important;
    left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
    transform:translate(-50%,-50%) rotate(90deg)!important;
  }
}
@media (orientation:landscape){
  .player.force-landscape{inset:0!important;width:100vw!important;height:100dvh!important;aspect-ratio:auto!important;transform:none!important}
}
.player.force-landscape iframe,.player.force-landscape video{width:100%!important;height:100%!important;object-fit:contain!important}
.player.force-landscape .chat-overlay{right:16px;top:62px;width:min(360px,35%)}
.player.force-landscape .player-tools{right:12px;bottom:12px}
.player.force-landscape .latency{left:12px;bottom:12px}
body.landscape-player-open{overflow:hidden!important}


/* v2.6 - controls outside video + landscape fullscreen stage */
.player-stage{position:relative;width:100%;background:#050505;border-radius:14px}
.player-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 4px 2px;background:#050505}
.player-toolbar .latency,.player-toolbar .player-tools{position:static;display:flex;gap:7px;z-index:auto}
.player-toolbar .latency button,.player-toolbar .player-tools button{border:1px solid #444;background:#111;color:#fff;border-radius:8px;padding:9px 11px;font-size:11px;font-weight:900;cursor:pointer}
.player-toolbar .latency button.active,.player-toolbar .player-tools button:hover{background:#df1731;border-color:#df1731;color:#fff}
.player-stage:fullscreen,.player-stage.force-landscape{background:#000;border-radius:0;display:flex;flex-direction:column;width:100vw;height:100dvh;padding:0}
.player-stage:fullscreen .player,.player-stage.force-landscape .player{flex:1;min-height:0;width:100%;height:auto;aspect-ratio:auto;border:0;border-radius:0}
.player-stage:fullscreen .player-toolbar,.player-stage.force-landscape .player-toolbar{flex:0 0 auto;width:100%;padding:8px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:#050505}
.player-stage:fullscreen .player-tools,.player-stage:fullscreen .latency,.player-stage.force-landscape .player-tools,.player-stage.force-landscape .latency{position:static}
/* neutralize old player-only fullscreen fallback */
.player.force-landscape{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;transform:none!important}
@media(max-width:560px){
 .player-toolbar{padding:8px 0 2px;gap:6px;flex-wrap:wrap}
 .player-toolbar .latency,.player-toolbar .player-tools{gap:5px}
 .player-toolbar .latency button,.player-toolbar .player-tools button{font-size:9px;padding:7px 8px}
 .player-toolbar .player-tools{margin-left:auto}
}
@media (orientation:portrait) and (max-width:900px){
 .player-stage.force-landscape{position:fixed!important;z-index:99999!important;left:50%!important;top:50%!important;width:100dvh!important;height:100vw!important;transform:translate(-50%,-50%) rotate(90deg)!important;transform-origin:center center!important}
 .player-stage.force-landscape .player{width:100%!important;height:auto!important;flex:1!important}
}
@media (orientation:landscape){
 .player-stage.force-landscape{position:fixed!important;z-index:99999!important;inset:0!important;width:100vw!important;height:100dvh!important;transform:none!important}
}

/* v2.7 - deterministic horizontal mode.
   In a portrait viewport we rotate the ENTIRE stage (video + toolbar) 90deg.
   This does not depend on Screen Orientation API support. */
body.landscape-player-open{overflow:hidden!important;overscroll-behavior:none!important}
@media (orientation:portrait){
  .player-stage.force-landscape{
    position:fixed!important;
    z-index:2147483647!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:100dvh!important;
    height:100vw!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    transform:translate(-50%,-50%) rotate(90deg)!important;
    transform-origin:50% 50%!important;
    display:flex!important;
    flex-direction:column!important;
    background:#000!important;
    border-radius:0!important;
  }
  .player-stage.force-landscape .player{
    flex:1 1 auto!important;
    min-height:0!important;
    width:100%!important;
    height:0!important;
    aspect-ratio:auto!important;
    border:0!important;
    border-radius:0!important;
  }
  .player-stage.force-landscape .player-toolbar{
    flex:0 0 auto!important;
    width:100%!important;
    padding:7px 10px calc(7px + env(safe-area-inset-right)) 10px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    background:#050505!important;
  }
  .player-stage.force-landscape .player-toolbar button{white-space:nowrap!important}
}
@media (orientation:landscape){
  .player-stage.force-landscape{
    position:fixed!important;z-index:2147483647!important;inset:0!important;
    width:100vw!important;height:100dvh!important;transform:none!important;
    display:flex!important;flex-direction:column!important;background:#000!important;border-radius:0!important;
  }
}

/* v2.8 - chat below follow + Instagram follow */
main{grid-template-columns:190px minmax(0,1fr)!important}
.instagram-follow{width:100%;min-height:46px;border:0;background:#df1731;color:#fff;padding:11px 14px;border-radius:9px;font-weight:900;cursor:pointer;margin:0;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:9px;text-align:center}
.instagram-follow:hover{filter:brightness(1.08)}
.instagram-follow svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;flex:0 0 auto}.instagram-follow .ig-dot{fill:currentColor;stroke:none}
.chat-below-follow{width:100%;height:430px;margin-top:14px}
@media(max-width:900px){main{grid-template-columns:1fr!important}.chat-below-follow{height:min(520px,60dvh)}}
@media(max-width:560px){.channel .instagram-follow{grid-column:1/3;margin-top:4px}.chat-below-follow{height:55dvh;min-height:390px;margin-top:10px}}

/* v2.9 - PIX directly below Instagram follow */
.pix-below-follow{width:100%;margin:9px 0 0;min-height:44px}
@media(max-width:560px){.channel .pix-below-follow{grid-column:1/3;margin-top:7px}}

/* v3.0 - chat compacto: permite acompanhar o jogo enquanto digita */
.chat-below-follow{height:300px!important;min-height:0!important}
.chat-below-follow #messages{max-height:150px;min-height:110px;padding:8px 12px}
.chat-below-follow .chathead{padding:10px 12px}
.chat-below-follow .chathead h2{font-size:16px}
.chat-below-follow form{padding:8px 10px;gap:6px}
.chat-below-follow #name{padding:8px 10px;font-size:14px}
.chat-below-follow .sendrow{grid-template-columns:1fr 42px;gap:6px}
.chat-below-follow #msg{padding:9px 10px;font-size:16px}
.chat-below-follow .sendrow button{min-height:38px}
@media(max-width:900px){.chat-below-follow{height:290px!important}}
@media(max-width:560px){
 .chat-below-follow{height:265px!important;min-height:0!important;margin-top:10px}
 .chat-below-follow #messages{max-height:118px;min-height:92px;padding:6px 10px}
 .chat-below-follow .message{padding:5px 2px;font-size:13px;line-height:1.25}
 .chat-below-follow .welcome{padding:7px;font-size:12px;margin-bottom:5px}
 .chat-below-follow .chathead{padding:8px 10px}
 .chat-below-follow form{padding:6px 8px}
 .chat-below-follow #name{padding:7px 9px;font-size:13px}
 .chat-below-follow #msg{padding:8px 9px;font-size:16px}
}
\n\n/* v3.7 - WebRTC mobile stability: no CSS rotation/reparenting of live iframe. */
.player-stage.force-landscape,
.player.force-landscape{
  position:relative!important; inset:auto!important; width:100%!important; height:auto!important;
  transform:none!important; margin:0!important; max-width:none!important;
}
body.landscape-player-open{overflow:auto!important;}
#webrtc:fullscreen,#video:fullscreen{width:100vw!important;height:100vh!important;background:#000!important;border:0!important;}
#webrtc:-webkit-full-screen,#video:-webkit-full-screen{width:100vw!important;height:100vh!important;background:#000!important;border:0!important;}


/* v3.8 - stable WebRTC fullscreen. The iframe is never transformed or reparented. */
.player-stage:fullscreen,
.player-stage:-webkit-full-screen{
  width:100vw!important;height:100vh!important;max-width:none!important;
  margin:0!important;padding:0!important;border-radius:0!important;background:#000!important;
  display:flex!important;flex-direction:column!important;
}
.player-stage:fullscreen .player,
.player-stage:-webkit-full-screen .player{
  flex:1 1 auto!important;min-height:0!important;width:100%!important;height:auto!important;
  aspect-ratio:auto!important;border:0!important;border-radius:0!important;transform:none!important;
}
.player-stage:fullscreen #webrtc,
.player-stage:-webkit-full-screen #webrtc{
  width:100%!important;height:100%!important;transform:none!important;
}
.player-stage:fullscreen .player-toolbar,
.player-stage:-webkit-full-screen .player-toolbar{
  flex:0 0 auto!important;width:100%!important;background:#050505!important;
  padding:8px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
}
.player-stage.force-landscape,.player.force-landscape{transform:none!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;}
\n\n/* v4.0 - WebRTC somente + fullscreen horizontal */\n.low-latency-only{display:inline-flex;align-items:center;border:1px solid #df1731;background:#df1731;color:#fff;border-radius:8px;padding:9px 11px;font-size:11px;font-weight:900}\n#webrtc{display:block;width:100%;height:100%;border:0;background:#000}\n.player-stage:fullscreen,.player-stage:-webkit-full-screen{width:100vw!important;height:100dvh!important;background:#000!important;border-radius:0!important;display:flex!important;flex-direction:column!important}\n.player-stage:fullscreen .player,.player-stage:-webkit-full-screen .player{flex:1 1 auto!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important}\n.player-stage:fullscreen #webrtc,.player-stage:-webkit-full-screen #webrtc{width:100%!important;height:100%!important;transform:none!important}\n.player-stage:fullscreen .player-toolbar,.player-stage:-webkit-full-screen .player-toolbar{flex:0 0 auto!important}\nbody.landscape-player-open{overflow:hidden!important}\n@media (orientation:portrait){\n  .player-stage.ios-landscape{position:fixed!important;z-index:999999!important;left:50%!important;top:50%!important;width:100dvh!important;height:100vw!important;transform:translate(-50%,-50%) rotate(90deg)!important;transform-origin:center center!important;background:#000!important;border-radius:0!important;display:flex!important;flex-direction:column!important}\n  .player-stage.ios-landscape .player{flex:1 1 auto!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important}\n  .player-stage.ios-landscape #webrtc{width:100%!important;height:100%!important;transform:none!important}\n  .player-stage.ios-landscape .player-toolbar{flex:0 0 auto!important;width:100%!important;padding:6px 10px!important}\n}\n@media (orientation:landscape){\n  .player-stage.ios-landscape{position:fixed!important;z-index:999999!important;inset:0!important;width:100vw!important;height:100dvh!important;transform:none!important;background:#000!important;display:flex!important;flex-direction:column!important}\n  .player-stage.ios-landscape .player{flex:1 1 auto!important;min-height:0!important;aspect-ratio:auto!important}\n}\n
/* v4.1 - iPhone/Safari horizontal fallback.
   Preserva o MESMO iframe WebRTC: nao altera src, nao recria player. */
.player-stage.ios-landscape{
  position:fixed!important;
  z-index:2147483647!important;
  left:50%!important;
  top:50%!important;
  width:100dvh!important;
  height:100vw!important;
  transform:translate(-50%,-50%) rotate(90deg)!important;
  transform-origin:center center!important;
  background:#000!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
}
.player-stage.ios-landscape .player{
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  border:0!important;
  border-radius:0!important;
}
.player-stage.ios-landscape .player iframe{
  width:100%!important;
  height:100%!important;
  border:0!important;
}
.player-stage.ios-landscape .player-toolbar{
  flex:0 0 auto!important;
  width:100%!important;
  padding:7px max(10px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
  background:#050505!important;
}
body.landscape-player-open{overflow:hidden!important;touch-action:none!important;}
@media (orientation:landscape){
  .player-stage.ios-landscape{
    left:0!important;top:0!important;width:100vw!important;height:100dvh!important;
    transform:none!important;
  }
}


/* v4.2 - fullscreen horizontal mobile definitivo */
html.landscape-player-open,body.landscape-player-open{overflow:hidden!important;width:100%!important;height:100%!important;overscroll-behavior:none!important}
.player-stage.ios-landscape{
 position:fixed!important;z-index:2147483647!important;left:50%!important;top:50%!important;
 width:100dvh!important;height:100vw!important;max-width:none!important;margin:0!important;padding:0!important;
 transform:translate(-50%,-50%) rotate(90deg)!important;transform-origin:center center!important;
 background:#000!important;border:0!important;border-radius:0!important;display:flex!important;flex-direction:column!important;
}
.player-stage.ios-landscape .player{flex:1 1 0!important;min-height:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important}
.player-stage.ios-landscape #webrtc{display:block!important;width:100%!important;height:100%!important;border:0!important;transform:none!important}
.player-stage.ios-landscape .player-toolbar{flex:0 0 44px!important;width:100%!important;min-height:44px!important;background:#050505!important;padding:5px 10px!important}
@media (orientation:landscape){.player-stage.ios-landscape{left:0!important;top:0!important;width:100vw!important;height:100dvh!important;transform:none!important}}
\n\n/* v4.3 - estabilidade iPhone: PROIBIDO transformar/rotacionar o iframe WebRTC. */
.player-stage.ios-landscape,.player-stage.force-landscape,.player.force-landscape{
  transform:none!important;position:relative!important;inset:auto!important;
  width:100%!important;height:auto!important;
}
html.landscape-player-open,body.landscape-player-open{overflow:auto!important;height:auto!important;touch-action:auto!important;}
#webrtc:fullscreen,#webrtc:-webkit-full-screen{
  width:100vw!important;height:100vh!important;border:0!important;background:#000!important;transform:none!important;
}


/* v4.4 - horizontal na MESMA pagina, sem trocar URL e sem redimensionar o iframe */
html.landscape-player-open,body.landscape-player-open{overflow:hidden!important;width:100%!important;height:100%!important;}
.player-stage.samepage-landscape{
  position:fixed!important;
  z-index:2147483000!important;
  left:50%!important;
  top:50%!important;
  margin:0!important;
  transform:translate(-50%,-50%) rotate(90deg) scale(var(--vf-scale,1))!important;
  transform-origin:center center!important;
  /* IMPORTANTE: width/height nao sao alterados; o iframe mantem o tamanho que ja tinha */
  background:#000!important;
  box-shadow:none!important;
}
.player-stage.samepage-landscape .player,
.player-stage.samepage-landscape #webrtc{
  /* nao mudar dimensoes do WebRTC durante a live */
  transform:none!important;
}
.player-stage.samepage-landscape .player-toolbar{display:flex!important;}
@media (orientation:landscape){
  .player-stage.samepage-landscape{
    transform:translate(-50%,-50%) scale(var(--vf-scale,1))!important;
  }
}


/* v4.5 - fullscreen nativo estavel: sem rotate/scale no WebRTC */
.player-stage.samepage-landscape,
.player-stage.ios-landscape,
.player-stage.force-landscape,
.player.force-landscape{
  transform:none!important;
}
html.landscape-player-open,body.landscape-player-open{
  overflow:auto!important;width:auto!important;height:auto!important;touch-action:auto!important;
}
.player-stage:fullscreen,.player-stage:-webkit-full-screen{
  position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;
  display:flex!important;flex-direction:column!important;background:#000!important;border-radius:0!important;
  transform:none!important;
}
.player-stage:fullscreen .player,.player-stage:-webkit-full-screen .player{
  flex:1 1 auto!important;min-height:0!important;width:100%!important;height:100%!important;
  aspect-ratio:auto!important;border:0!important;border-radius:0!important;transform:none!important;
}
.player-stage:fullscreen #webrtc,.player-stage:-webkit-full-screen #webrtc{
  display:block!important;width:100%!important;height:100%!important;border:0!important;transform:none!important;
}
.player-stage:fullscreen .player-toolbar,.player-stage:-webkit-full-screen .player-toolbar{
  flex:0 0 auto!important;width:100%!important;background:#050505!important;
  padding:7px max(10px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
}


/* v4.8 - menu mobile + Vasco Agora/API */
.mobile-quick-nav{display:none}
.vasco-hub,.news-section,.table-section{margin-top:18px;border:1px solid #292929;border-radius:14px;background:#090909;padding:16px}
.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-card{border:1px solid #303030;border-radius:12px;padding:14px;background:linear-gradient(145deg,#12090b,#090909)}.info-card small{color:#e31b36;font-weight:900}.match-content{margin-top:10px}.match-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.team{display:flex;align-items:center;gap:8px;font-weight:800}.team img{width:32px;height:32px;object-fit:contain}.score{font-size:22px;font-weight:950}.muted{color:#aaa;font-size:12px;margin-top:7px}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.news-card{display:block;overflow:hidden;border:1px solid #303030;border-radius:12px;background:#111;color:#fff;text-decoration:none}.news-thumb{height:118px;background:linear-gradient(135deg,#1d1d1d,#3a0b12);display:flex;align-items:center;justify-content:center;font-size:38px}.news-thumb img{width:100%;height:100%;object-fit:cover}.news-body{padding:12px}.news-body b{display:block;line-height:1.25}.news-body small{display:block;color:#aaa;margin-top:8px}.refresh-btn{border:1px solid #444;background:#151515;color:#fff;border-radius:8px;padding:7px 10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:560px}th,td{padding:10px 8px;border-bottom:1px solid #222;text-align:center}th:nth-child(2),td:nth-child(2){text-align:left}.club-cell{display:flex;align-items:center;gap:8px}.club-cell img{width:24px;height:24px;object-fit:contain}.vasco-row{background:#2b0b10;font-weight:800}
@media(max-width:760px){.mobile-quick-nav{display:flex;position:sticky;top:0;z-index:500;overflow-x:auto;gap:7px;padding:8px;background:rgba(5,5,5,.96);border-bottom:1px solid #2a2a2a;scrollbar-width:none}.mobile-quick-nav::-webkit-scrollbar{display:none}.mobile-quick-nav a{flex:0 0 auto;color:#fff;text-decoration:none;font-size:11px;font-weight:900;border:1px solid #333;border-radius:9px;padding:10px 11px;background:#111}.mobile-quick-nav a:first-child{background:#d9132e;border-color:#d9132e}.match-grid{grid-template-columns:1fr}.news-grid{grid-template-columns:1fr}.news-card{display:grid;grid-template-columns:118px 1fr}.news-thumb{height:100%;min-height:105px}.vasco-hub,.news-section,.table-section{padding:12px;margin-top:12px}.sectiontitle{align-items:center}.sectiontitle h2{font-size:18px}}

/* v4.9 - noticias mobile compactas e imagem real quando a fonte disponibiliza */
@media(max-width:760px){
 .news-grid{gap:8px!important}
 .news-card{grid-template-columns:96px minmax(0,1fr)!important;min-height:92px!important;border-radius:10px!important}
 .news-thumb{height:100%!important;min-height:92px!important;font-size:28px!important}
 .news-body{padding:9px 10px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important}
 .news-body b{font-size:14px!important;line-height:1.18!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
 .news-body small{font-size:11px!important;margin-top:5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}

/* v5.0 - noticias sem imagens + ultimos apoiadores */
.news-text-only{grid-template-columns:1fr!important;gap:8px!important}
.news-text-only .news-text-card{display:block!important;min-height:0!important;padding:0!important}
.news-text-only .news-body{padding:12px 14px!important}
.news-text-only .news-body b{font-size:14px!important;line-height:1.25!important;display:block!important;overflow:visible!important}
.news-text-only .news-body small{font-size:11px!important;margin-top:6px!important;color:#999}
.read-news{display:inline-block;margin-top:7px;color:#e31b36;font-size:11px;font-weight:900}
.supporters-section{margin-top:18px;border:1px solid #292929;border-radius:14px;background:#090909;padding:16px}
.supporters-list{display:grid;gap:8px;margin-top:12px}.supporter-row{display:grid;grid-template-columns:34px 1fr 26px;align-items:center;gap:10px;border:1px solid #303030;border-radius:11px;background:#111;padding:11px 12px}.supporter-rank{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#2b0b10;color:#fff;font-weight:900}.supporter-row b{display:block;font-size:14px}.supporter-row small{display:block;color:#999;margin-top:4px;font-size:11px}.supporter-heart{color:#e31b36;font-size:20px}.supporters-pix{margin:12px 0 0!important;width:100%!important}.empty-supporters{grid-template-columns:1fr}.supporters-section .sectiontitle span{font-size:12px}
@media(max-width:760px){.supporters-section{padding:12px;margin-top:12px}.news-text-only .news-body b{font-size:13px!important}.news-text-only .news-body{padding:11px 12px!important}.read-news{margin-top:5px}.supporter-row{padding:10px}.supporters-section .sectiontitle{align-items:flex-start;gap:8px}.supporters-section .sectiontitle h2{font-size:18px}.supporters-section .sectiontitle span{text-align:right}}


/* v5.1 - acabamento, status real e voice */
.badge.offline,.playerbadge.offline{background:#343434!important;color:#ddd!important;border-color:#555!important}.player #empty{z-index:5;background:radial-gradient(circle at center,#18090c 0,#050505 68%);text-align:center;padding:24px}.player #empty small{max-width:430px;margin-top:8px;color:#aaa}.voice-section{margin-top:18px;border:1px solid #292929;border-radius:14px;background:#090909;padding:16px}.voice-help{color:#aaa;font-size:13px;margin:8px 0 12px}.voice-controls{display:grid;grid-template-columns:1fr auto 1fr auto auto auto;gap:8px}.voice-controls input{min-width:0;border:1px solid #333;border-radius:9px;background:#111;color:#fff;padding:10px}.voice-controls button{border:1px solid #3b3b3b;border-radius:9px;background:#e31b36;color:#fff;font-weight:900;padding:10px 12px}.voice-controls button.ghost{background:#171717}.voice-controls button.danger{background:#3a0d14}.voice-controls button:disabled{opacity:.45}.voice-members{display:grid;gap:7px;margin-top:12px}.voice-person{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;background:#111;border:1px solid #2e2e2e;border-radius:9px;padding:9px 10px}.voice-person small{color:#999}.voice-person button{border:1px solid #333;background:#181818;color:#fff;border-radius:7px;padding:6px 9px}.voice-empty,.voice-note{color:#888;font-size:12px}.voice-note{display:block;margin-top:10px}.sectiontitle{display:flex;justify-content:space-between;gap:12px;align-items:center}
@media(max-width:760px){.voice-section{padding:12px;margin-top:12px}.voice-controls{grid-template-columns:1fr 1fr}.voice-controls input{grid-column:span 1}.voice-controls button{font-size:12px;padding:10px 8px}.voice-help{font-size:12px}.player #empty strong{font-size:16px}.player #empty small{font-size:11px}.livecard .badge{display:inline-flex}}

/* v5.3 - monetizacao inicial: meta, PIX por valor e espacos de patrocinio */
.monetization-section{margin-top:18px;border:1px solid #292929;border-radius:14px;background:#090909;padding:16px}.goal-card{margin-top:12px;border:1px solid #303030;border-radius:12px;background:linear-gradient(145deg,#1b0b0e,#101010);padding:15px}.goal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.goal-head small{display:block;color:#d71932;font-weight:900;letter-spacing:1px;margin-bottom:4px}.goal-head strong{font-size:20px}.goal-head>b{font-size:20px}.goal-track{height:12px;background:#252525;border-radius:999px;overflow:hidden;margin:13px 0 8px}.goal-bar{height:100%;background:linear-gradient(90deg,#a80f22,#e31b36);border-radius:999px;transition:width .35s ease}.goal-card p{color:#aaa;margin:8px 0 12px}.support-values{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.support-values button{border:1px solid #3a3a3a;background:#171717;color:#fff;border-radius:9px;padding:11px 8px;font-weight:900;cursor:pointer}.support-values button:hover{border-color:#d71932;background:#251015}.support-values .support-other{background:#d71932;border-color:#d71932}.sponsors-card{margin-top:12px;border:1px solid #303030;border-radius:12px;background:#101010;padding:15px}.sponsors-card h3{margin:0 0 5px}.sponsors-card p{margin:0;color:#999}.sponsor-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.sponsor-slots span{min-height:58px;display:grid;place-items:center;text-align:center;border:1px dashed #555;border-radius:9px;color:#888;font-size:11px;font-weight:900;letter-spacing:.7px}.sponsor-slots span:hover{border-color:#d71932;color:#ddd}
@media(max-width:760px){.monetization-section{padding:12px;margin-top:12px}.support-values{grid-template-columns:repeat(2,1fr)}.support-values .support-other{grid-column:1/3}.sponsor-slots{grid-template-columns:1fr}.goal-head strong{font-size:18px}}

/* v5.4 - monetizacao em destaque logo abaixo do player */
.monetization-section{margin-top:12px;margin-bottom:14px}
@media(max-width:760px){.sponsor-slots{grid-template-columns:repeat(3,1fr)}.sponsor-slots span{min-height:48px;font-size:9px;padding:5px}.sponsors-card{padding:12px}.sponsors-card p{font-size:12px}}