/* =========================================================
   RESPONSIVO
   ========================================================= */
@media(max-width:1200px){
  .draft-live-row{flex-direction:column}
  .current-team-panel{width:100%;position:static}
  .reg-layout{grid-template-columns:1fr}
  .reg-side{position:static}
}
@media(max-width:900px){
  :root{--sidebar-w:0px}
  .sidebar{position:sticky;width:100%;bottom:auto;flex-direction:row;align-items:center;border-right:none;border-bottom:1px solid var(--line)}
  .brand{padding:10px 14px;border-bottom:none;flex-shrink:0}
  .brand-mark{width:34px;height:34px;font-size:15px}
  .logo{font-size:20px}.logo span{display:none}
  .nav-tabs{flex-direction:row;overflow-x:auto;padding:8px;gap:4px;scrollbar-width:none}
  .nav-tabs::-webkit-scrollbar{display:none}
  .nav-group-label{display:none}
  .nav-tab{width:auto;flex-shrink:0;padding:8px 12px;white-space:nowrap}
  .nav-tab.active::before{display:none}
  .nav-count{display:none}
  .sidebar-foot{display:none}
  .statusbar{position:static;padding:14px 16px;flex-wrap:wrap}
  .stats{margin-left:0;justify-content:flex-start}
  .panel{padding:20px 16px 48px}
  .section-head h2{font-size:28px}
  .draft-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .draft-lane-col{border-bottom:1px solid var(--line)}
  .reset-mobile{display:inline-flex!important}
}
@media(max-width:1000px){
  .draft-turn{grid-template-columns:auto minmax(0,1fr)}
  .turn-side:empty{display:none}
  .turn-side{grid-column:1/-1;justify-content:space-between;flex-wrap:wrap}

}
@media(max-width:560px){
  .draft-turn-name{font-size:30px}
  .tl-label{display:none}
  .draft-meter-bar{width:110px}
  .turn-crest{width:58px;height:58px}.turn-crest-in{width:48px;height:48px;font-size:19px}
  
  .tb-name{font-size:36px}
  .stat{padding:6px 10px 6px 8px}
  .stat i{display:none}
  .form-grid-2{grid-template-columns:1fr}
  .draft-lanes{grid-template-columns:1fr}
  .draft-turn{flex-wrap:wrap}
  .draft-progress{flex-basis:100%;order:3}
  .teams-showcase,.sidebar-teams-grid,.lane-grid{grid-template-columns:1fr}
  .toast{left:16px;right:16px}
  .edit-teamname-input{width:100%}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}