/* Kariyer Köprüsü V156 — HD stadium cards, compact actions and reduced mobile GPU load */
@media (max-width:820px){
  html{background:#173b35!important}
  body{position:relative!important;isolation:auto!important;background:transparent!important;color:#102e27!important}
  body::before,body::after{content:none!important;display:none!important;background:none!important;transform:none!important}
  #root{position:relative!important;z-index:1!important}
  #root .app-shell{background:transparent!important}
  #root .topbar{background:linear-gradient(100deg,rgba(3,31,37,.98),rgba(12,75,61,.97),rgba(3,31,37,.98))!important;border-color:rgba(232,200,119,.46)!important;box-shadow:0 10px 26px rgba(0,20,23,.31)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  #root .topbar .topnav button,#kkLangSwitch{background:rgba(255,255,255,.1)!important;border-color:rgba(235,205,127,.31)!important;color:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  #root .hero,#root .game-card,#root .player-card,#root .side-card,#root .round-arena,#root .answer-panel,#root .round-scoreboard{background:linear-gradient(145deg,rgba(250,249,242,.94),rgba(214,228,218,.92))!important;border:1px solid rgba(255,255,255,.78)!important;box-shadow:0 10px 27px rgba(0,26,25,.22),inset 0 1px 0 rgba(255,255,255,.8)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  #root .team-box,#root .mode-switch,#root .player-card__team,#root .history-item,#root .suggestion-item{background:rgba(251,250,244,.88)!important;border-color:rgba(126,153,138,.56)!important}
  #root .app-shell.is-match-started .answer-area{left:8px!important;right:8px!important;bottom:calc(76px + env(safe-area-inset-bottom) + var(--wos-mobile-keyboard-offset))!important;border-color:rgba(219,177,73,.76)!important;background:rgba(250,250,244,.99)!important;box-shadow:0 10px 28px rgba(0,24,27,.29)!important}
  body.wos-mobile-keyboard-open #root .app-shell.is-match-started .answer-area{left:6px!important;right:6px!important;bottom:6px!important}
  #root .answer-box input{background:#fffef8!important;color:#11372d!important;border-color:#9eafa4!important}
  #root .answer-box button{min-height:44px!important}
  #root .game-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:"random reset" "start start"!important;gap:6px!important;margin-top:7px!important;padding:7px!important;min-height:0!important;border-radius:14px!important;background:rgba(247,249,242,.72)!important;border:1px solid rgba(255,255,255,.55)!important}
  #root .game-actions>.btn--soft:first-child{grid-area:random!important}
  #root .game-actions>.btn--danger-soft{grid-area:reset!important}
  #root .game-actions>.btn--large{grid-area:start!important}
  #root .game-actions .btn{min-height:42px!important;padding:6px 5px!important;font-size:10.5px!important;line-height:1.12!important}
  #root .btn,#root button,#root [role="button"]{touch-action:manipulation}
  #root .hero-actions .btn,#root .mode-switch button{min-height:44px!important}
  #root .app-shell.is-match-started .main-grid{padding-bottom:112px!important}
}