@media(max-width:1100px) {
  :root {
    --sidebar-width:206px
  }
  .page {
    padding:20px
  }
  .topbar {
    padding:0 20px
  }
  .toolbar {
    align-items:flex-start
  }
}
@media(max-width:760px) {
  :root {
    --sidebar-width:0px;
    --header-height:58px
  }
  .sidebar {
    display:flex;
    transform:translateX(-100%);
    width:236px;
    transition:transform .2s ease
  }
  .sidebar.open {
    transform:translateX(0)
  }
  .main {
    margin-left:0
  }
  .topbar {
    height:58px;
    padding:0 15px
  }
  .searchbox {
    width:100%;
    max-width:none
  }
  .topbar .select-wrap,.topbar .btn-dark,.topdivider,.topavatar {
    display:none
  }
  .mobile-menu {
    display:grid;
    place-items:center;
    border:0;
    background:#eff3f5;
    width:34px;
    height:34px;
    border-radius:6px
  }
  .page {
    padding:18px 15px
  }
  .page h1 {
    font-size:22px
  }
  .page-heading {
    align-items:flex-start
  }
  .heading-meta {
    display:none
  }
  .toolbar-right {
    width:100%;
    justify-content:space-between;
    flex-wrap:wrap
  }
  .toolbar-right .checkbox-label {
    order:2
  }
  .game-card {
    flex-basis:282px;
    min-width:282px
  }
  .list-game {
    grid-template-columns:56px minmax(0,1fr);
    gap:9px
  }
  .list-logo .team-logo { width:54px;height:54px;font-size:15px }
  .list-game-details {
    grid-template-columns:70px minmax(0,1fr) 56px 14px;
    gap:8px
  }
  .list-game .list-staff {
    grid-column:1 / -1;
    grid-row:2;
    grid-template-columns:repeat(auto-fit,minmax(125px,1fr));
    column-gap:8px
  }
  .list-game-panel { padding:10px }
  .list-game .response-actions { width:min(220px,100%) }
}
@media(max-width:480px) {
  .list-game-details { grid-template-columns:70px minmax(0,1fr) 14px }
  .list-game .status { display:none }
  .list-game .response-actions { width:100% }
  .list-game .response-button { height:32px }
  .list-game-panel { gap:9px }
  .list-game .list-staff { grid-template-columns:1fr }
}