@media (max-width:820px){
  html,
  body,
  #root,
  #root .app-shell,
  #root .main-grid,
  .page-shell,
  .page-wrap,
  .screen-shell,
  .content-shell{
    background-color:transparent!important;
    background-repeat:no-repeat!important;
    background-position:center top!important;
    background-size:cover!important;
    background-attachment:scroll!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html{
    background-color:#123b34!important;
    background-image:linear-gradient(180deg,rgba(2,18,22,.02),rgba(2,18,22,.12)),url("./assets/kariyer-setup-stadium-ultrahd-v166.webp")!important;
  }
  body,
  #root,
  #root .app-shell,
  #root .main-grid,
  .page-shell,
  .page-wrap,
  .screen-shell,
  .content-shell{
    background-image:linear-gradient(180deg,rgba(2,18,22,.02),rgba(2,18,22,.12)),url("./assets/kariyer-setup-stadium-ultrahd-v166.webp")!important;
  }
  body.kk-match-active,
  body.kk-match-active #root,
  body.kk-match-active #root .app-shell,
  body.kk-match-active #root .main-grid,
  body.kk-match-active .page-shell,
  body.kk-match-active .page-wrap,
  body.kk-match-active .screen-shell,
  body.kk-match-active .content-shell{
    background-image:linear-gradient(180deg,rgba(2,18,22,.03),rgba(2,18,22,.14)),url("./assets/kariyer-player-stadium-ultrahd-v166.webp")!important;
  }
  body::before,
  body::after,
  #root::before,
  #root::after,
  .app-shell::before,
  .app-shell::after,
  .main-grid::before,
  .main-grid::after{content:none!important;display:none!important;background:none!important}
  #root .hero,
  #root .game-card,
  #root .player-card,
  #root .side-card,
  #root .round-arena,
  #root .answer-panel,
  #root .round-scoreboard{
    box-shadow:0 10px 28px rgba(0,22,25,.18),inset 0 1px 0 rgba(255,255,255,.84)!important;
  }
}