/* Custom listboxes use the same design tokens as every other game control. */
select.sa-select-native{display:none!important}
.sa-select{display:block;position:relative;min-width:0;max-width:100%;margin-top:7px}
.sa-select-trigger{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-width:0;min-height:44px;padding:11px 13px;border:1px solid var(--control-border,#a9b9ac);border-radius:3px;box-shadow:0 2px 0 color-mix(in srgb,var(--control-border,#a9b9ac) 22%,transparent);background:var(--control-bg,#fffcf3);color:var(--control-text,#1b3435);font:400 20px/1.45 var(--font,Arial,sans-serif);letter-spacing:0;text-transform:none;text-align:left;cursor:pointer;touch-action:manipulation;transition:background .12s,border-color .12s}
.sa-select-trigger:hover:not(:disabled){background:var(--control-hover,#f0eddf);border-color:var(--control-focus,#a66f29)}
.sa-select-trigger:focus-visible,.sa-select-trigger[aria-expanded="true"]{outline:2px solid var(--control-focus,#a66f29);outline-offset:2px}
.sa-select-trigger:disabled{cursor:not-allowed;color:var(--control-muted,#77827a);background:var(--control-bg,#fffcf3);opacity:.6;box-shadow:none}
.sa-select-trigger[aria-invalid="true"]{border-color:var(--danger-text,#b65440)}
.sa-select-value{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sa-select-arrow{display:flex;flex:none;width:24px;height:24px}
.sa-select-trigger[aria-expanded="true"] .sa-select-arrow{transform:rotate(180deg)}
.sa-select-popup{position:fixed;inset:auto;z-index:10000;box-sizing:border-box;margin:0;padding:5px;border:1px solid var(--control-border,#a9b9ac);border-radius:4px;background:var(--surface-raised,var(--control-bg,#fffcf3));color:var(--control-text,#1b3435);box-shadow:0 5px 0 color-mix(in srgb,var(--control-border,#a9b9ac) 32%,transparent),0 14px 36px #0003;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--control-border,#a9b9ac) transparent;font:400 20px/1.45 var(--font,Arial,sans-serif);letter-spacing:0;text-transform:none;touch-action:pan-y}
.sa-select-popup::backdrop{background:transparent;pointer-events:none}
.sa-select-option{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px;padding:10px;border:1px solid transparent;border-radius:2px;cursor:pointer;user-select:none;overflow-wrap:anywhere}
.sa-select-option>span:first-child{min-width:0}
.sa-select-option[aria-selected="true"]{background:var(--control-selected,#e5ecdf);font-weight:700}
.sa-select-option.is-active:not([aria-disabled="true"]){background:var(--control-hover,#f0eddf);border-color:var(--control-focus,#a66f29);box-shadow:inset 3px 0 var(--control-focus,#a66f29)}
.sa-select-option[aria-disabled="true"]{color:var(--control-muted,#77827a);opacity:.6;cursor:not-allowed}
.sa-select-check{flex:none;width:16px;visibility:hidden;color:var(--control-text,#1b3435)}
.sa-select-option[aria-selected="true"] .sa-select-check{visibility:visible}
.sa-select-group{padding:10px 10px 5px;font-size:16px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--control-muted,#77827a)}
.sa-select-empty{padding:14px 10px;color:var(--control-muted,#77827a)}
.sa-select-error{display:block;margin-top:7px;font:400 20px/1.5 var(--font,Arial,sans-serif);letter-spacing:0;text-transform:none;color:var(--danger-text,#b65440)}
.depth-row>.sa-select{width:100%;margin-top:0}.team-select+.sa-select{margin-bottom:12px}
@media(max-width:760px){.sa-select-trigger{font-size:20px;min-height:46px}.sa-select-popup{font-size:20px}.sa-select-option{min-height:46px}}
@media(prefers-reduced-motion:reduce){.sa-select-trigger{transition:none}}