/* r1035: verified Top10 live-round, round-summary and finale text contrast + non-overlapping controls. */
html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .round-chip b,
html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .progress-chip b,
html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .round-chip span,
html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .progress-chip span{
  color:#f7f3ff!important;opacity:1!important;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .answer-card.revealed :is(.answer-label,.answer-info),
html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .answer-card .hint-text{
  color:#f8f3ff!important;
  -webkit-text-fill-color:#f8f3ff!important;
  opacity:1!important;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .answer-card .answer-label {
  font-weight:800!important;
  overflow-wrap:anywhere!important;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .answer-card .answer-info{
  color:#dce5ff!important;
  -webkit-text-fill-color:#dce5ff!important;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .answer-card .card-rank{color:#ffda65!important;opacity:1!important}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .team-score-card :is(.team-name,.team-state){
  color:#f6f1ff!important;-webkit-text-fill-color:#f6f1ff!important;opacity:1!important;
  overflow-wrap:anywhere!important;white-space:normal!important;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .team-score-card .team-state{color:#d6def0!important;-webkit-text-fill-color:#d6def0!important}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .turn-panel{
  background:linear-gradient(110deg,#273450,#131d37)!important;
  border:1px solid rgba(255,227,130,.27)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .turn-panel .turn-identity :is(small,strong){
  color:#f8f5ff!important;-webkit-text-fill-color:#f8f5ff!important;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .timer-box :is(span,b){color:#fff3cb!important}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView #answerForm input::placeholder{color:#b6c8de!important;opacity:1!important}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #roundView>h1,
html[data-ui-mode="modern"] body[data-game-brand="top10"] #roundView .result-team :is(b,.score,.score small,small),
html[data-ui-mode="modern"] body[data-game-brand="top10"] #roundView .mini-card :is(b,span){
  color:#f5f0ff!important;
  -webkit-text-fill-color:#f5f0ff!important;
  opacity:1!important;
  overflow-wrap:anywhere!important;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #roundView .mini-card span,
html[data-ui-mode="modern"] body[data-game-brand="top10"] #roundView .result-team small{
  color:#d4cce6!important;-webkit-text-fill-color:#d4cce6!important;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #finalView .final-hero :is(#winnerName,.final-kicker,.winner-copy),
html[data-ui-mode="modern"] body[data-game-brand="top10"] #finalView .final-team :is(strong,small),
html[data-ui-mode="modern"] body[data-game-brand="top10"] #finalView .final-stat-grid :is(b,small,span){
 color:#faf2ff!important;-webkit-text-fill-color:#faf2ff!important;opacity:1!important;
 overflow-wrap:anywhere!important;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #finalView .final-team strong{
  font-size:clamp(18px,2.35vw,27px)!important;
  line-height:1.26!important;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"]:has(:is(#gameView,#roundView,#finalView):not(.hidden)) #fbrkhHostFocusToggle{
  position:fixed!important;
  top:96px!important;left:14px!important;bottom:auto!important;right:auto!important;
  inset:96px auto auto 14px!important;
  width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  font-size:0!important;display:grid!important;place-items:center!important;
  padding:0!important;margin:0!important;transform:none!important;
  color:#fff!important;background:#2b3350!important;border:1px solid #8896b5!important;
  box-shadow:0 5px 13px rgba(0,0,0,.12)!important;border-radius:10px!important;
  z-index:60!important;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"]:has(:is(#gameView,#roundView,#finalView):not(.hidden)) #fbrkhHostFocusToggle span{font-size:19px!important}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .top10-host-toolbar{
  position:relative!important;inset:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  margin:5px 0 0!important;
  transform:none!important;
  display:flex!important;flex-wrap:wrap!important;justify-content:center!important;
  overflow:visible!important;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView #answerForm.answer-bar{
  position:relative!important;inset:auto!important;bottom:auto!important;top:auto!important;
  width:100%!important;max-width:100%!important;
  z-index:auto!important;transform:none!important;
}
@media(max-width:760px){
 html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView.game-view{
   height:auto!important;max-height:none!important;min-height:0!important;
   padding-bottom:calc(24px + env(safe-area-inset-bottom))!important;
   overflow:visible!important;
 }
 html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .game-topline{
   position:relative!important;top:auto!important;z-index:1!important;
 }
 html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .top10-host-toolbar{
   flex-wrap:wrap!important;min-height:0!important;gap:5px!important;
   overflow:visible!important;justify-content:center!important;
 }
 html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .top10-host-toolbar .text-action{
   font-size:12px!important;min-height:40px!important;white-space:normal!important;
 }
 html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .answer-card .answer-info{
   font-size:11px!important;line-height:1.45!important;
 }
 html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .team-score-card .team-state{
   font-size:11px!important;line-height:1.35!important;
 }
 html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .turn-identity strong{
   white-space:normal!important;max-width:100%!important;overflow-wrap:anywhere!important;
 }
 html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView #answerForm.answer-bar{
   grid-template-columns:minmax(0,1fr) 82px!important;
 }
 html[data-ui-mode="modern"] body[data-game-brand="top10"] :is(#roundView,#finalView){
   overflow:visible!important;height:auto!important;max-height:none!important;
 }
 html[data-ui-mode="modern"] body[data-game-brand="top10"] #roundView .result-team,
 html[data-ui-mode="modern"] body[data-game-brand="top10"] #finalView .final-team{
   min-width:0!important;
 }
}

/* Leave room for badges in revealed answers; long Arabic place names wrap instead of colliding. */
html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .answer-card.revealed{
  padding-top:30px!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .answer-card.revealed .answer-label{
  margin-top:0!important;
}
@media(min-width:761px) and (max-width:1024px){
 html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .cards-board{
   grid-template-columns:repeat(3,minmax(0,1fr))!important;
   grid-template-rows:auto!important;
   gap:7px!important;
 }
 html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .answer-card{
   min-height:116px!important;
   padding:10px!important;
 }
 html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .answer-card.revealed{
   padding-top:30px!important;
 }
 html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .answer-card .answer-label{
   font-size:clamp(13px,1.7vw,18px)!important;
   line-height:1.32!important;
 }
 html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .answer-card .answer-info{
   font-size:11px!important;
 }
}
@media(max-width:760px){
 html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .answer-card.revealed{
   min-height:129px!important;
   padding-top:28px!important;
 }
 html[data-ui-mode="modern"] body[data-game-brand="top10"] #gameView .answer-card .answer-label{
   font-size:clamp(13px,4.1vw,17px)!important;
   line-height:1.32!important;
 }
}

@media(min-width:761px) and (max-width:1024px){
  html[data-ui-mode="modern"] body[data-game-brand="top10"] #app#app #gameView#gameView #cardsBoard.cards-board{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
  }
}