@media(min-width:801px){
 html body.approved-site{box-sizing:border-box!important;margin:0!important;padding-top:var(--hub-fit-top,104px)!important;padding-bottom:var(--hub-fit-bottom,64px)!important;min-height:100dvh!important}
 html body.approved-site[data-hub-page=home]{padding-bottom:var(--hub-fit-bottom,64px)!important}
 html body.approved-site #hubHome{height:var(--hub-fit-height)!important;min-height:0!important}
 html body.approved-site .approved-ui.screen{box-sizing:border-box!important;height:var(--hub-fit-height)!important;min-height:0!important;margin-top:0!important;margin-bottom:0!important}
 html body.approved-site .hub-utility-page{overflow-y:auto!important}
 html body.approved-site[data-hub-stage=draft_picking] #draftPickingScreen{
  display:flex!important;flex-direction:column!important;height:var(--hub-fit-height)!important;min-height:0!important;box-sizing:border-box!important;margin:0 auto!important;padding-top:12px!important;padding-bottom:8px!important;
 }
 html body.approved-site #draftPickingScreen .hub-draft-heading{flex:0 0 auto!important;margin-bottom:10px!important}
 html body.approved-site #draftPickingScreen #myDraftContainer{flex:1 1 0!important;min-height:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 html body.approved-site #myDraftContainer .draft-category-group{display:flex!important;flex-direction:column!important;min-height:0!important;padding:8px!important;box-sizing:border-box!important}
 html body.approved-site #myDraftContainer .category-header{flex:0 0 auto!important;margin-bottom:4px!important}
 html body.approved-site #myDraftContainer .slots-row{flex:1 1 0!important;min-height:0!important;container-type:size;align-items:center!important;justify-items:center!important}
 html body.approved-site #myDraftContainer .draft-slot-card{width:min(100%,75cqh)!important;height:auto!important;min-height:0!important;aspect-ratio:3/4!important;box-sizing:border-box!important}
 html body.approved-site #draftReadyBtn{flex:0 0 auto!important;margin:8px auto 0!important;min-height:32px!important;padding:6px 16px!important}
 html body.approved-site[data-hub-stage=voting] #votingScreen{display:flex!important;flex-direction:column!important;height:var(--hub-fit-height)!important;min-height:0!important;margin:0 auto!important;padding:8px 12px!important;box-sizing:border-box!important}
 html body.approved-site #votingScreen .one-v-one-arena-heading{flex:0 0 auto!important;margin:0 50px 6px!important}
 html body.approved-site #votingScreen #votingTitle{margin:0!important;font-size:22px!important}
 html body.approved-site #votingScreen #votingSubtitle{margin:4px 0!important;font-size:11px!important}
 html body.approved-site #votingMainArea{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important}
 html body.approved-site #votingScreen .vs-matchups-grid{
  display:grid!important;flex:1 1 0!important;min-height:0!important;height:auto!important;width:100%!important;max-width:none!important;margin:0!important;gap:10px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;
 }
 html body.approved-site #votingScreen .vs-matchups-grid.matchup-count-1{grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr)!important;max-width:1240px!important;align-self:center!important}
 html body.approved-site #votingScreen .vs-matchups-grid.matchup-count-2{grid-template-rows:minmax(0,1fr)!important}
 html body.approved-site #votingScreen .vs-matchup-panel{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:6px!important;grid-column:auto!important;grid-row:auto!important;min-height:0!important;height:100%!important;width:100%!important;min-width:0!important;padding:8px!important;margin:0!important;box-sizing:border-box!important;
 }
 html body.approved-site #votingScreen .vs-matchup-panel>div:not(.vs-inner-wrap){flex:0 0 auto!important;margin-bottom:4px!important;align-self:center!important}
 html body.approved-site #votingScreen .vs-matchup-panel .vs-inner-wrap{display:grid!important;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)!important;flex:1 1 0!important;min-height:0!important;width:100%!important;max-width:none!important;align-items:stretch!important;gap:6px!important}
 html body.approved-site #votingScreen .vs-matchup-panel .vs-side{display:flex!important;flex-direction:column!important;width:auto!important;min-width:0!important;min-height:0!important;padding:6px!important;box-sizing:border-box!important}
 html body.approved-site #votingScreen .vs-matchup-panel .vs-side h2{flex:0 0 auto!important;font-size:13px!important;margin:0 0 4px!important}
 html body.approved-site #votingScreen .vs-matchup-panel .vs-side>.inventory{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important}
 html body.approved-site #votingScreen .vs-matchup-panel .vs-card-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:minmax(0,1fr)!important;flex:1 1 0!important;min-height:0!important;max-width:none!important;container-type:size;align-items:center!important;justify-items:center!important;gap:4px!important;margin:0!important}
 html body.approved-site #votingScreen .vs-matchup-panel .vs-side .vs-card-wrap{width:min(100%,75cqh,220px)!important;height:auto!important;min-height:0!important;max-height:none!important;max-width:none!important;aspect-ratio:3/4!important;margin:0!important}
 html body.approved-site #votingScreen .vs-matchups-grid:is(.matchup-count-1,.matchup-count-2){max-height:540px!important;margin:auto!important}
 html body.approved-site #votingScreen .vs-matchup-panel .vs-mid-wrap{width:30px!important;min-width:0!important;align-self:center!important}
 html body.approved-site #votingScreen .vs-matchup-panel .vote-btn{flex:0 0 auto!important;min-height:24px!important;padding:4px!important;margin:4px 0 0!important;font-size:10px!important}
 html body.approved-site #votersContainer{flex:0 0 auto!important;max-height:58px!important;overflow-y:auto!important}
 html body.approved-site #votersContainer .voters-list{margin:4px 0 0!important;padding:3px!important}
 html body.approved-site #votersContainer .voters-list div{gap:4px!important;padding:3px 6px!important}
}
@media(min-width:801px) and (max-width:1100px){html body.approved-site #draftPickingScreen #myDraftContainer{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr))!important}}
/* Familiar mode colours help distinguish the squad groups at a glance. */
body.approved-site :is(#myDraftContainer,#holdSquadGrid) :is(.group-sh,.mode-sh){--squad-mode-color:#f45aa5}
body.approved-site :is(#myDraftContainer,#holdSquadGrid) :is(.group-os,.mode-os){--squad-mode-color:#ff9b38}
body.approved-site :is(#myDraftContainer,#holdSquadGrid) :is(.group-hdm,.mode-hdm){--squad-mode-color:#ef5350}
body.approved-site :is(#myDraftContainer,#holdSquadGrid) :is(.group-wff,.mode-wff){--squad-mode-color:#25cddd}
body.approved-site :is(#myDraftContainer,#holdSquadGrid) :is(.group-hunter,.mode-hunter){--squad-mode-color:#b880ff}
body.approved-site :is(#myDraftContainer,#holdSquadGrid) :is(.group-race,.mode-race){--squad-mode-color:#9be846}
html body.approved-site :is(#myDraftContainer,#holdSquadGrid) :is(.draft-category-group,.hold-squad-mode-group){
 background:var(--hub-panel)!important;
 border:1px solid color-mix(in srgb,var(--squad-mode-color) 55%,var(--hub-line))!important;
 border-left:4px solid var(--squad-mode-color)!important;
}
html body.approved-site #myDraftContainer .draft-category-group:before{display:none!important}
html body.approved-site :is(#myDraftContainer,#holdSquadGrid) :is(.cat-icon-badge,.hold-squad-mode-title){color:var(--squad-mode-color)!important}
html[data-fc-theme=light] body.approved-site :is(#myDraftContainer,#holdSquadGrid) :is(.cat-icon-badge,.hold-squad-mode-title){color:color-mix(in srgb,var(--squad-mode-color) 45%,#111)!important}
/* Keep rating and mode separate at every card size, including small duels. */
html body.approved-site .approved-card .approved-card-rating,
html body.approved-site #votingScreen .approved-card .approved-card-rating{font-size:11.5cqw!important;left:15%!important;width:16%!important;text-align:center!important}
html body.approved-site .approved-card .approved-card-mode,
html body.approved-site #votingScreen .approved-card .approved-card-mode{font-size:4.1cqw!important;top:24.2%!important;left:11%!important;width:24%!important;text-align:center!important}
html body.approved-site .approved-card .approved-card-flag,
html body.approved-site #votingScreen .approved-card .approved-card-flag{left:19.25%!important;top:27.8%!important}