.themed-select-native { display:none!important; }
.themed-select-trigger { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-width:0; min-height:56px; margin:0; padding:12px 14px; border:1px solid #b48b48; border-radius:8px; background:var(--home-header); color:#fff6df; font:inherit; font-size:19px; font-weight:600; text-align:left; cursor:pointer; }
.themed-select-trigger .select-value { min-width:0; overflow-wrap:anywhere; }
.themed-select-trigger svg { width:22px; height:22px; flex:none; color:#f5d67d; }
.themed-select-trigger:disabled { opacity:.55; cursor:default; }
.themed-select-trigger:focus-visible,.select-dialog button:focus-visible { outline:3px solid #ffe8a0; outline-offset:3px; }
dialog.select-dialog { width:min(460px,calc(100% - 24px)); max-height:calc(100dvh - 32px); margin:auto; padding:20px; border:2px solid #b48b48; border-radius:8px; background:var(--home-base) var(--home-fabric) center / cover; box-shadow:0 20px 65px #000b; color:#fff6df; color-scheme:dark; overflow:hidden; font-family:Arial,Helvetica,sans-serif; }
.select-dialog::backdrop { background:#05080dbb; }
.select-dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.select-dialog-heading h2 { margin:0; font-size:23px; line-height:1.2; font-weight:700; overflow-wrap:anywhere; }
.select-close { display:grid; place-items:center; flex:none; width:44px; height:44px; padding:10px; border:1px solid #b48b48; border-radius:6px; background:var(--menu-button); color:#f5d67d; }
.select-close svg { width:22px; height:22px; }
.select-options { display:grid; gap:10px; max-height:calc(100dvh - 160px); overflow-y:auto; overscroll-behavior:contain; padding:4px; scrollbar-width:thin; }
.select-option { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; min-height:60px; padding:14px; border:1px solid #b48b4877; border-radius:6px; background:var(--home-header); color:#fff6df; text-align:left; font:inherit; font-size:18px; line-height:1.35; cursor:pointer; }
.select-option span { min-width:0; overflow-wrap:anywhere; }
.select-option svg { width:24px; height:24px; flex:none; visibility:hidden; color:#f5d67d; }
.select-option[aria-selected="true"] { border-color:#f5d67d; background:var(--menu-button); }
.select-option[aria-selected="true"] svg { visibility:visible; }
.select-option:disabled { opacity:.45; cursor:default; }
@media(max-width:599px) { dialog.select-dialog { margin:auto auto max(12px,env(safe-area-inset-bottom)); padding:18px; } }