.racial-guide .racial-tools[hidden],.racial-guide [hidden]{display:none!important}
.racial-guide .racial-tools{margin:20px 0 12px;padding:16px 0;border-block:1px solid #80683b}
.racial-filter-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.racial-tools label{display:block;color:#e9cc94;font:600 13px/1.5 var(--sans);min-width:0}
.racial-tools select,.racial-tools input{display:block;width:100%;max-width:100%;min-width:0;min-height:44px;margin-top:5px;padding:8px 11px;border:1px solid #7c775d;border-radius:3px;background:#101a1d;color:#f0e9d9;font:400 15px var(--sans);color-scheme:dark}
.racial-tools button{min-height:44px;padding:9px 14px;border:1px solid #86764e;border-radius:3px;background:#1b2727;color:#f1d393;font:600 13px var(--sans);cursor:pointer}
.racial-tools button:hover:not(:disabled){border-color:#efd390;background:#2b3933}
.racial-tools button:disabled{color:#aaa69a;border-color:#4f534b;cursor:default}
.racial-tools :is(select,input,button):focus-visible,.racial-guide .racial-jump a:focus-visible,.racial-race-card:focus-visible,.racial-ability>button:focus-visible{outline:2px solid #ffe1a0;outline-offset:4px}
.racial-filter-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}
.racial-tools #racial-count{margin:13px 0;color:#a6d2bf;font:600 14px/1.5 var(--sans)}
.racial-jump-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.racial-tools #racial-status{margin:12px 0 0;color:#dfc797;font:400 13px/1.6 var(--sans)}
.racial-tools #racial-status:empty{display:none}
.racial-share-fallback{margin-top:12px}
.racial-guide .racial-jump{flex-wrap:wrap;overflow:visible;gap:8px;padding-bottom:14px}
.racial-guide .racial-jump a{min-height:44px;display:flex;align-items:center;box-sizing:border-box;max-width:100%;font-size:13px;white-space:normal}
.racial-race-card{scroll-margin-top:calc(var(--beta-banner-height,76px) + 20px)}
.racial-race-card header small{display:block;line-height:1.65}
.racial-filter-error{color:#e3cf9d;line-height:1.6}
@media(max-width:600px){
 .racial-filter-fields{grid-template-columns:1fr;gap:12px}
 .racial-tools{padding-inline:0}
 .racial-filter-actions button{flex:1}
 .racial-enhanced .racial-jump{display:none}
 .racial-guide:not(.racial-enhanced) .racial-jump{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .racial-guide .racial-jump a{font-size:12px;padding:9px;text-align:center;justify-content:center}
 .racial-jump-field select{font-size:13px;padding-inline:7px}
}