/* Shared matchday selectors: native semantics and controller integration. */
body select:not([multiple]):not([size]) {
  appearance:none;
  width:100%; min-width:0; max-width:100%; min-height:48px;
  padding:12px 44px 12px 16px;
  border:1px solid #61705b; border-radius:10px;
  background-color:#1c2c23;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23d9c779' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,#25382c,#1a2921);
  background-position:right 16px center,0 0; background-repeat:no-repeat;
  color:#f5f2e4; font:500 1rem/1.4 system-ui,sans-serif;
  text-align:start; text-overflow:ellipsis;
  box-shadow:inset 0 1px 0 #ffffff0c,0 3px 8px #00000018;
  cursor:pointer; transition:border-color .15s,box-shadow .15s;
}
body select:not([multiple]):not([size]):hover:not(:disabled){border-color:#b4a96d}
body select:not([multiple]):not([size]):focus-visible{outline:2px solid #efce44;outline-offset:3px;border-color:#efce44;box-shadow:0 0 0 5px #efce4414}
body select:disabled{opacity:.45;cursor:not-allowed}
body select option,body select optgroup{background:#1b2b22;color:#f5f2e4}
.ball-picker label{font-size:.875rem;letter-spacing:.02em}
/* Enhanced native popup where supported; other browsers retain their native picker. */
@supports (appearance:base-select){
  body select:not([multiple]):not([size]),body select:not([multiple]):not([size])::picker(select){appearance:base-select}
  body select:not([multiple]):not([size]){background-image:linear-gradient(180deg,#25382c,#1a2921);padding-right:16px;align-items:center;gap:16px}
  body select::picker-icon{color:#d9c779;transition:rotate .15s}
  body select:open::picker-icon{rotate:180deg}
  body select::picker(select){margin-block:6px;padding:6px;border:1px solid #758064;border-radius:12px;background:#15241c;color:#f5f2e4;box-shadow:0 16px 40px #0007;max-block-size:min(360px,60dvh);overflow:auto;scrollbar-width:thin;scrollbar-color:#65735b #15241c}
  body select option{min-height:44px;padding:10px 12px;border-radius:7px;gap:12px;white-space:normal;overflow-wrap:anywhere;font:500 1rem/1.4 system-ui,sans-serif}
  body select option:hover,body select option:focus{background:#304635;outline:none}
  body select option:checked{background:#d9c779;color:#17251c;font-weight:650}
  body select option:disabled{opacity:.45}
  body select option::checkmark{order:1;margin-left:auto;color:currentColor}
  body select optgroup{padding:8px 4px;font-size:.875rem}
}
@media(prefers-reduced-motion:reduce){body select:not([multiple]):not([size]),body select::picker-icon{transition:none}}
@media(forced-colors:active){body select:not([multiple]):not([size]){appearance:auto;background-image:none;border-color:ButtonText;color:ButtonText;box-shadow:none}}