/* AW PLAY v1.0.12 - Esportes Premium
   Camada final de compatibilidade: evita conflito Grid/Flex em webOS/Simulator. */

#sportsWebview.sports-webview{
  position:fixed!important;
  left:0!important;top:0!important;right:0!important;bottom:0!important;
  width:100vw!important;height:100vh!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 78% 12%,rgba(48,126,22,.22),transparent 36%),linear-gradient(145deg,#020704,#07140a 58%,#020704)!important;
}

#sportsWebview .sports-header{
  position:relative!important;
  z-index:4!important;
  width:100%!important;
  height:14vh!important;
  min-height:92px!important;
  display:-webkit-flex!important;
  display:flex!important;
  -webkit-align-items:center!important;
  align-items:center!important;
  padding:14px 28px!important;
  gap:24px!important;
  background:rgba(1,8,4,.91)!important;
  border-bottom:1px solid rgba(154,255,46,.18)!important;
}
#sportsWebview .sports-back{
  -webkit-flex:0 0 155px!important;
  flex:0 0 155px!important;
  width:155px!important;
  height:54px!important;
  min-height:54px!important;
  border-radius:13px!important;
  font-size:16px!important;
  background:#101713!important;
}
#sportsWebview .sports-header>div{
  -webkit-flex:1 1 auto!important;
  flex:1 1 auto!important;
  min-width:0!important;
}
#sportsWebview .sports-header p{font-size:12px!important;margin:0 0 5px!important;letter-spacing:.13em!important}
#sportsWebview .sports-header h1{font-size:31px!important;line-height:1!important;margin:0!important}
#sportsWebview .sports-header span{font-size:14px!important;margin-top:7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#sportsWebview .sports-header>strong{
  -webkit-flex:0 0 auto!important;
  flex:0 0 auto!important;
  min-width:165px!important;
  padding:12px 16px!important;
  border-radius:13px!important;
  font-size:14px!important;
  text-align:center!important;
  white-space:nowrap!important;
}

#sportsWebview .sports-layout{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  height:86vh!important;
  min-height:0!important;
  display:-webkit-flex!important;
  display:flex!important;
  -webkit-align-items:stretch!important;
  align-items:stretch!important;
  padding:16px 24px 24px!important;
  gap:18px!important;
  overflow:hidden!important;
}

/* Sidebar dos campeonatos: largura real e conteúdo nunca espremido. */
#sportsWebview .sports-competitions{
  -webkit-flex:0 0 20.5vw!important;
  flex:0 0 20.5vw!important;
  width:20.5vw!important;
  min-width:245px!important;
  max-width:330px!important;
  height:100%!important;
  padding:10px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(4,14,7,.96),rgba(2,9,5,.94))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.03)!important;
}
#sportsWebview #sportsCompetitionList{
  width:100%!important;
  display:block!important;
  margin-top:8px!important;
  overflow:hidden!important;
}
#sportsWebview .sports-filter{
  width:100%!important;
  height:59px!important;
  min-height:59px!important;
  display:-webkit-flex!important;
  display:flex!important;
  -webkit-align-items:center!important;
  align-items:center!important;
  padding:0 12px!important;
  margin:0 0 8px!important;
  gap:10px!important;
  border-radius:12px!important;
  text-align:left!important;
  overflow:hidden!important;
  background:rgba(154,255,46,.025)!important;
}
#sportsWebview .sports-filter>span{
  -webkit-flex:0 0 38px!important;
  flex:0 0 38px!important;
  width:38px!important;
  font-size:23px!important;
  line-height:1!important;
  text-align:center!important;
}
#sportsWebview .sports-filter>strong{
  -webkit-flex:1 1 auto!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  font-size:14px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#sportsWebview .sports-filter>small{
  -webkit-flex:0 0 30px!important;
  flex:0 0 30px!important;
  width:30px!important;
  font-size:12px!important;
  text-align:right!important;
}
#sportsWebview .sports-filter.active,
#sportsWebview .sports-filter:focus{
  border-color:#9cff2e!important;
  background:linear-gradient(120deg,rgba(55,118,15,.63),rgba(11,30,7,.94))!important;
}

/* Área de jogos ocupa todo o restante da tela. */
#sportsWebview .sports-content{
  -webkit-flex:1 1 0!important;
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  height:100%!important;
  overflow:hidden!important;
  border-left:1px solid rgba(154,255,46,.055)!important;
  padding-left:4px!important;
}
#sportsWebview .sports-games{
  width:100%!important;
  height:100%!important;
  display:block!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:2px 10px 30px 3px!important;
  scrollbar-width:none!important;
}
#sportsWebview .sports-games::-webkit-scrollbar{display:none!important}

#sportsWebview .sports-game{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  min-height:108px!important;
  height:auto!important;
  display:-webkit-flex!important;
  display:flex!important;
  -webkit-align-items:center!important;
  align-items:center!important;
  -webkit-flex-direction:row!important;
  flex-direction:row!important;
  padding:11px 14px!important;
  margin:0 0 12px!important;
  gap:0!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:linear-gradient(105deg,rgba(4,13,7,.98),rgba(15,43,18,.94),rgba(4,13,7,.98))!important;
}
#sportsWebview .sports-game:focus{
  transform:none!important;
  border-color:#d45cff!important;
  box-shadow:inset 0 0 0 3px #b83ee8,0 0 22px rgba(191,67,235,.34)!important;
}
#sportsWebview .sports-game:before{width:4px!important;left:0!important}

#sportsWebview .sports-league{
  -webkit-flex:0 0 92px!important;
  flex:0 0 92px!important;
  width:92px!important;
  min-width:92px!important;
  display:block!important;
  text-align:center!important;
}
#sportsWebview .sports-league img{
  display:block!important;
  width:48px!important;
  height:48px!important;
  margin:0 auto 5px!important;
  object-fit:contain!important;
}
#sportsWebview .sports-league small{
  display:block!important;
  width:100%!important;
  font-size:9px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#sportsWebview .sports-time{
  -webkit-flex:0 0 88px!important;
  flex:0 0 88px!important;
  width:88px!important;
  min-width:88px!important;
  font-size:13px!important;
  line-height:1.45!important;
  text-align:center!important;
}
#sportsWebview .sports-team{
  -webkit-flex:1 1 0!important;
  flex:1 1 0!important;
  width:auto!important;
  min-width:70px!important;
  font-size:16px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#sportsWebview .sports-team.home{text-align:right!important}
#sportsWebview .sports-crest{
  -webkit-flex:0 0 50px!important;
  flex:0 0 50px!important;
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  margin:0 10px!important;
  object-fit:contain!important;
}
#sportsWebview .sports-score{
  -webkit-flex:0 0 82px!important;
  flex:0 0 82px!important;
  width:82px!important;
  min-width:82px!important;
  display:block!important;
  text-align:center!important;
}
#sportsWebview .sports-score strong{display:block!important;font-size:24px!important;line-height:1.05!important;margin-bottom:5px!important}
#sportsWebview .sports-score small{display:inline-block!important;min-width:62px!important;padding:5px 6px!important;font-size:9px!important;border-radius:6px!important;white-space:nowrap!important}
#sportsWebview .sports-watch{
  -webkit-flex:0 0 142px!important;
  flex:0 0 142px!important;
  width:142px!important;
  min-width:142px!important;
  height:62px!important;
  margin-left:12px!important;
  padding:0 10px!important;
  border-radius:12px!important;
}
#sportsWebview .sports-watch b{font-size:21px!important}
#sportsWebview .sports-watch span{font-size:13px!important;line-height:1.15!important}
#sportsWebview .sports-watch small{font-size:9px!important;margin-top:3px!important}

/* Quando há apenas um jogo, o destaque fica maior e não parece perdido na tela. */
#sportsWebview .sports-games>.sports-game:only-child{
  min-height:142px!important;
  margin-top:10px!important;
}
#sportsWebview .sports-games>.sports-game:only-child .sports-league img{width:58px!important;height:58px!important}
#sportsWebview .sports-games>.sports-game:only-child .sports-crest{width:60px!important;height:60px!important;min-width:60px!important;-webkit-flex-basis:60px!important;flex-basis:60px!important}
#sportsWebview .sports-games>.sports-game:only-child .sports-team{font-size:18px!important}
#sportsWebview .sports-games>.sports-game:only-child .sports-score strong{font-size:28px!important}
#sportsWebview .sports-games>.sports-game:only-child .sports-watch{height:68px!important}

#sportsWebview .sports-loading,#sportsWebview .sports-empty{
  padding:90px 24px!important;
  font-size:17px!important;
}

/* 1280x720 / Simulator: mantém tudo legível sem cortar a lateral. */
@media(max-width:1400px), (max-height:800px){
  #sportsWebview .sports-header{height:14vh!important;min-height:86px!important;padding:10px 22px!important;gap:18px!important}
  #sportsWebview .sports-back{width:135px!important;-webkit-flex-basis:135px!important;flex-basis:135px!important;height:48px!important;min-height:48px!important;font-size:14px!important}
  #sportsWebview .sports-header h1{font-size:27px!important}
  #sportsWebview .sports-header>strong{min-width:145px!important;font-size:12px!important;padding:10px 12px!important}
  #sportsWebview .sports-layout{height:86vh!important;padding:12px 16px 18px!important;gap:14px!important}
  #sportsWebview .sports-competitions{width:225px!important;min-width:225px!important;max-width:225px!important;-webkit-flex-basis:225px!important;flex-basis:225px!important;padding:8px!important}
  #sportsWebview .sports-filter{height:54px!important;min-height:54px!important;margin-bottom:7px!important;padding:0 9px!important;gap:7px!important}
  #sportsWebview .sports-filter>span{width:32px!important;-webkit-flex-basis:32px!important;flex-basis:32px!important;font-size:20px!important}
  #sportsWebview .sports-filter>strong{font-size:12px!important}
  #sportsWebview .sports-filter>small{width:24px!important;-webkit-flex-basis:24px!important;flex-basis:24px!important;font-size:10px!important}
  #sportsWebview .sports-game{min-height:94px!important;padding:8px 10px!important;margin-bottom:10px!important}
  #sportsWebview .sports-league{width:76px!important;min-width:76px!important;-webkit-flex-basis:76px!important;flex-basis:76px!important}
  #sportsWebview .sports-league img{width:40px!important;height:40px!important}
  #sportsWebview .sports-time{width:70px!important;min-width:70px!important;-webkit-flex-basis:70px!important;flex-basis:70px!important;font-size:11px!important}
  #sportsWebview .sports-team{font-size:13px!important;min-width:50px!important}
  #sportsWebview .sports-crest{width:42px!important;height:42px!important;min-width:42px!important;-webkit-flex-basis:42px!important;flex-basis:42px!important;margin:0 7px!important}
  #sportsWebview .sports-score{width:68px!important;min-width:68px!important;-webkit-flex-basis:68px!important;flex-basis:68px!important}
  #sportsWebview .sports-score strong{font-size:20px!important}
  #sportsWebview .sports-score small{min-width:54px!important;font-size:8px!important;padding:4px!important}
  #sportsWebview .sports-watch{width:120px!important;min-width:120px!important;-webkit-flex-basis:120px!important;flex-basis:120px!important;height:56px!important;margin-left:8px!important}
  #sportsWebview .sports-watch b{font-size:18px!important}
  #sportsWebview .sports-watch span{font-size:11px!important}
  #sportsWebview .sports-watch small{font-size:8px!important}
  #sportsWebview .sports-games>.sports-game:only-child{min-height:126px!important;margin-top:8px!important}
  #sportsWebview .sports-games>.sports-game:only-child .sports-team{font-size:15px!important}
}

@media(max-width:1050px){
  #sportsWebview .sports-competitions{width:205px!important;min-width:205px!important;max-width:205px!important;-webkit-flex-basis:205px!important;flex-basis:205px!important}
  #sportsWebview .sports-league{width:64px!important;min-width:64px!important;-webkit-flex-basis:64px!important;flex-basis:64px!important}
  #sportsWebview .sports-time{width:58px!important;min-width:58px!important;-webkit-flex-basis:58px!important;flex-basis:58px!important}
  #sportsWebview .sports-watch{width:105px!important;min-width:105px!important;-webkit-flex-basis:105px!important;flex-basis:105px!important}
}