@media (max-width:820px){
  body:not(.kk-match-active) #root .hero-metrics{gap:8px!important;margin-top:12px!important}
  body:not(.kk-match-active) #root .hero-metrics>div{
    background:rgba(255,255,255,.90)!important;
    border:1px solid rgba(255,255,255,.92)!important;
    box-shadow:0 10px 22px rgba(11,25,30,.14)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body:not(.kk-match-active) #root .hero-metrics b{color:#113928!important;font-size:18px!important;line-height:1!important;text-shadow:none!important}
  body:not(.kk-match-active) #root .hero-metrics span,
  body:not(.kk-match-active) #root .hero-metrics small{color:#556b63!important;text-shadow:none!important}
  body:not(.kk-match-active) #root .hero-actions{gap:8px!important;align-items:stretch!important}
  body:not(.kk-match-active) #root .hero-actions .btn{
    min-height:50px!important;
    border-radius:18px!important;
    font-size:12px!important;
    font-weight:900!important;
    box-shadow:0 10px 22px rgba(9,24,29,.17)!important;
    text-shadow:none!important;
  }
  body:not(.kk-match-active) #root .hero-actions .btn:first-child{
    background:linear-gradient(135deg,#2f7a4a,#3e8b58)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    color:#fff!important;
  }
  body:not(.kk-match-active) #root .hero-actions .btn:last-child{
    background:rgba(255,255,255,.12)!important;
    border:2px solid rgba(255,255,255,.72)!important;
    color:#fff!important;
    font-size:12px!important;
    padding-inline:10px!important;
  }
  body:not(.kk-match-active) #root .hero-actions .btn:last-child span,
  body:not(.kk-match-active) #root .hero-actions .btn:last-child b,
  body:not(.kk-match-active) #root .hero-actions .btn:last-child strong{color:#fff!important}

  .kk-mobile-visual-card{
    margin:0 0 10px!important;
    padding:10px!important;
    border-radius:20px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(232,241,236,.92))!important;
    border:1px solid rgba(255,255,255,.78)!important;
    box-shadow:0 12px 28px rgba(14,32,25,.12)!important;
    overflow:hidden!important;
  }
  .kk-mobile-visual-card img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    border-radius:16px!important;
    border:1px solid rgba(210,225,217,.90)!important;
    background:linear-gradient(180deg,#0d2e47,#103a59)!important;
    box-shadow:0 8px 22px rgba(7,22,35,.14)!important;
  }
  body.kk-match-active .kk-mobile-visual-card,
  #root .app-shell.is-match-started .kk-mobile-visual-card{display:none!important}
}
@media (max-width:390px){
  body:not(.kk-match-active) #root .hero-metrics b{font-size:17px!important}
  body:not(.kk-match-active) #root .hero-actions .btn,
  body:not(.kk-match-active) #root .hero-actions .btn:last-child{font-size:11.5px!important}
  .kk-mobile-visual-card{padding:8px!important;border-radius:18px!important}
}