@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;
  }
  html{
    background-color:#123b34!important;
    background-image:linear-gradient(180deg,rgba(2,18,22,.01),rgba(2,18,22,.08)),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,.01),rgba(2,18,22,.08)),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,.01),rgba(2,18,22,.10)),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}

  body:not(.kk-match-active) #root .hero{
    background:linear-gradient(180deg,rgba(6,25,28,.30),rgba(6,25,28,.18)),url("./assets/kariyer-setup-stadium-ultrahd-v166.webp") center center/cover no-repeat!important;
    border:1px solid rgba(255,255,255,.55)!important;
    box-shadow:0 14px 34px rgba(0,22,25,.20),inset 0 1px 0 rgba(255,255,255,.26)!important;
  }
  body:not(.kk-match-active) #root .hero h1,
  body:not(.kk-match-active) #root .hero h2,
  body:not(.kk-match-active) #root .hero h3,
  body:not(.kk-match-active) #root .hero p,
  body:not(.kk-match-active) #root .hero strong,
  body:not(.kk-match-active) #root .hero span{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.28)!important}

  #root .round-arena .round-scoreboard,
  #root .round-scoreboard{
    background:linear-gradient(180deg,rgba(7,20,24,.36),rgba(7,20,24,.22)),url("./assets/kariyer-player-stadium-ultrahd-v166.webp") center center/cover no-repeat!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.24)!important;
    box-shadow:0 14px 32px rgba(0,18,24,.24)!important;
  }
  #root .round-arena .round-scoreboard::before{content:none!important;display:none!important}
  #root .round-arena .round-team,
  #root .round-team{
    background:rgba(7,24,18,.40)!important;
    border-color:rgba(255,255,255,.28)!important;
    color:#fff!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  #root .round-team span,
  #root .round-team b,
  #root .timer-ring strong,
  #root .timer-ring span{color:#fff!important}
  #root .timer-ring{
    background:rgba(7,24,18,.42)!important;
    box-shadow:inset 0 0 0 5px rgba(255,255,255,.08),0 12px 26px rgba(0,0,0,.22)!important;
    border-color:rgba(255,255,255,.42)!important;
  }
}