#content:has(.race-modes){padding-top:20px}
#content:has(.race-modes) .page-head{margin-bottom:12px;align-items:center;gap:12px}
#content:has(.race-modes) .page-head .eyebrow{display:none}
#content:has(.race-modes) .page-head h1{font-size:24px;margin:0 0 4px}
#content:has(.race-modes) .page-head p{font-size:12px;margin:0;line-height:1.6}
#content:has(.race-modes) .portal-tabs{margin:0 0 12px}
#content:has(.race-modes) .portal-tabs button{padding:10px 12px}
#content:has(.race-modes) .ranking-range{margin:0 0 10px;gap:8px;align-items:end}
#content:has(.race-modes) .ranking-range label{font-size:12px;gap:4px}
#content:has(.race-modes) .ranking-range input,#content:has(.race-modes) .ranking-range button,#content:has(.race-modes) .race-filters input,#content:has(.race-modes) .race-filters select{height:36px;min-height:36px;padding:6px 10px;font-size:13px}
#content:has(.race-modes) #race-range-error:empty{display:none}
#content .ranking-range .range-shortcuts button[aria-pressed="true"]{background:#176b57;border-color:#176b57;color:#fff;box-shadow:inset 0 -3px 0 #0c493b}
#content .ranking-range .range-shortcuts button[aria-pressed="true"]:hover{background:#125642;border-color:#125642;color:#fff}
#content .ranking-range .range-shortcuts button:focus-visible{outline:2px solid #176b57;outline-offset:3px}
#content:has(.race-modes) .race-filters{margin:0 0 10px;gap:12px}
#content:has(.race-modes) .race-filters label{font-size:12px;gap:4px}
#content:has(.race-modes) .race-modes{gap:2px}
#content:has(.race-modes) .race-modes button{padding:9px 12px;font-size:13px}
#content:has(.race-modes) .portal-statline{margin:12px 0}
#content:has(.race-modes) .portal-statline>div{padding:10px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#content:has(.race-modes) .portal-statline strong{font-size:23px;margin:0;line-height:1.4}
#content:has(.race-modes) .portal-statline span{font-size:12px}
#content:has(.race-modes) .race-heading{margin:14px 0 8px;gap:12px}
#content:has(.race-modes) .race-heading h2{font-size:17px;margin:0}
#content:has(.race-modes) .race-table td{padding-block:12px}
@media(max-width:600px){
 #content:has(.race-modes){padding-top:14px}
 #content:has(.race-modes) .ranking-range{gap:8px}
 #content:has(.race-modes) .ranking-range label{min-width:0;flex:1 1 125px}
 #content:has(.race-modes) .ranking-range input{width:100%;min-width:0}
 #content:has(.race-modes) .race-modes{flex-wrap:nowrap;overflow-x:auto}
 #content:has(.race-modes) .race-modes button{flex:none;white-space:nowrap;min-height:40px}
 #content:has(.race-modes) .portal-statline>div{padding:8px;gap:4px;align-content:start}
 #content:has(.race-modes) .portal-statline strong{font-size:19px;overflow-wrap:anywhere}
}