.custom-select{align-self:start;width:100%;min-width:0;display:block;position:relative}.cs-native{inset:0;opacity:0!important;pointer-events:none!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important}.cs-trigger{text-align:start;cursor:pointer;border:1px solid var(--line-input);border-radius:var(--r-sm);background:var(--sunken);width:100%;min-height:40px;color:var(--bone);font:inherit;transition:border-color var(--d-fast) var(--ease-out),background-color var(--d-fast) var(--ease-out);justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:.875rem;flex-direction:row!important;display:flex!important}.cs-trigger:hover{border-color:var(--ash);background:var(--raised)}.cs-trigger:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.cs-trigger[aria-expanded=true]{border-color:var(--bone)}.cs-trigger:disabled{color:var(--ash-dim);cursor:not-allowed}.cs-value{white-space:nowrap;flex:auto;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.cs-value-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.cs-icon{flex:none;align-items:center;display:inline-flex}.cs-icon img{object-fit:cover;border-radius:4px;width:20px;height:20px;display:block}.cs-chevron{color:var(--ash);transition:transform var(--d-fast) var(--ease-out);flex:none}.cs-chevron.open{transform:rotate(180deg)}.cs-invalid .cs-trigger{border-color:var(--danger)}.cs-popover{z-index:var(--z-popover);border-radius:var(--r-md);background:var(--raised);box-shadow:0 0 0 1px var(--line-strong),0 16px 40px -12px #050608cc;color:var(--bone);font-family:var(--font-ui);animation:cs-enter var(--d-micro) var(--ease-out);flex-direction:column;padding:4px;font-size:.875rem;display:flex;overflow:hidden}.cs-popover[dir=rtl]{font-family:var(--font-arabic,var(--font-ui))}.cs-options{overscroll-behavior:contain;scrollbar-color:var(--line-strong) var(--raised);overflow-y:auto}.cs-option{border-radius:var(--r-xs);cursor:pointer;min-height:36px;color:var(--bone);transition:background-color var(--d-micro) var(--ease-out);align-items:center;gap:8px;padding:6px 10px;display:flex}.cs-option.active,.cs-option:hover{background:var(--raised-2)}.cs-option.selected{font-weight:600}.cs-option[aria-disabled=true]{color:var(--ash-dim);cursor:not-allowed}.cs-mark{color:var(--bone);flex:0 0 16px;display:inline-flex}.cs-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cs-empty{color:var(--ash);margin:0;padding:10px}.language-select>.custom-select{width:auto;min-width:92px;max-width:142px}.language-select .cs-trigger.language-control{background:0 0;border-color:#0000;min-height:36px;padding-inline:8px;font-size:.75rem}.results-header .custom-select{width:160px;max-width:100%}@keyframes cs-enter{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@media (max-width:767px){.cs-trigger,.cs-option{min-height:44px}}@media (prefers-reduced-motion:reduce){.cs-popover{animation:none}.cs-trigger,.cs-chevron,.cs-option{transition:none}}.custom-select .cs-detail{white-space:normal;min-width:0;margin-top:4px;display:block}:is(.custom-select .cs-value-text:has(.cs-detail),.custom-select .cs-text:has(.cs-detail)){white-space:normal;min-width:0;overflow:visible}.custom-select:has(.cs-detail) .cs-trigger{height:auto;min-height:60px;padding-block:10px}.ink .ink-select .custom-select:has(.cs-detail) .cs-trigger.sel{height:auto;min-height:60px;padding-block:10px}.custom-select .cs-trigger .cs-detail{margin-top:0}
.faction-pick{background:var(--sunken);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;gap:2px;min-width:0;max-width:100%;padding:3px;display:flex}.faction-pick button{min-width:0;min-height:40px;color:var(--ash);font:inherit;cursor:pointer;transition:background-color var(--d-fast) var(--ease-out),color var(--d-fast) var(--ease-out),box-shadow var(--d-fast) var(--ease-out);background:0 0;border:0;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;gap:7px;padding:3px 12px 3px 6px;font-size:.8125rem;font-weight:500;display:inline-flex;position:relative}.faction-pick button .faction-icon{opacity:.88;filter:saturate(.9);transition:opacity var(--d-fast) var(--ease-out),transform var(--d-fast) var(--ease-out)}.faction-pick button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.faction-pick button:hover{color:var(--bone);background:color-mix(in srgb,var(--bone) 8%,transparent)}.faction-pick button:hover .faction-icon{opacity:1;filter:none;transform:scale(1.1)}.faction-pick button:focus-visible{outline:2px solid var(--bone);outline-offset:1px}.faction-pick button[aria-checked=true]{color:var(--fc);background:color-mix(in srgb,var(--fc) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fc) 55%,transparent)}.faction-pick button[aria-checked=true] .faction-icon{opacity:1;filter:none}.faction-pick button[aria-checked=true][data-faction=Any]{color:var(--bone)}.faction-pick.compact button{min-height:34px;padding-inline:4px 10px}@media (max-width:480px){.faction-pick button{gap:5px;padding-inline:6px}.faction-pick.compact button{padding-inline:4px}.faction-pick.many button>span{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.faction-pick button,.faction-pick button .faction-icon{transition:none}}.faction-pick.compact{flex:none;width:max-content}.faction-pick.compact button{flex:none}.choice-pick{--fc:var(--gold);width:100%}.choice-pick button{padding-inline:12px}.choice-pick button .cs-icon{display:inline-flex}.choice-pick button:disabled{opacity:.45;cursor:not-allowed}.cs-invalid .choice-pick{box-shadow:inset 0 0 0 1px var(--danger)}@media (max-width:480px){.choice-pick.many button>span{clip:auto;width:auto;height:auto;position:static}.choice-pick.many{border-radius:18px;flex-wrap:wrap}.choice-pick.many button{flex:40%}}.faction-pick{position:relative}.faction-pick[aria-invalid=true],.has-error .faction-pick{box-shadow:inset 0 0 0 1px var(--danger)}