/* The visible trigger and option list are ordinary HTML on every device. */
.app-select,.app-select *,.app-select__list,.app-select__list *{box-sizing:border-box}
.app-select{position:relative;display:inline-flex;vertical-align:middle;max-width:100%;min-width:120px;line-height:1.4}
.app-select>select[hidden]{display:none!important}
.app-select__trigger{-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;min-height:44px;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--field-bg);color:var(--ink);font:inherit;font-size:14px;font-weight:500;line-height:1.4;text-align:start;box-shadow:none;cursor:pointer;touch-action:manipulation}
.app-select__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-select__trigger>svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .12s}
.app-select.is-open .app-select__trigger{border-color:var(--accent)}
.app-select.is-open .app-select__trigger>svg{transform:rotate(180deg)}
.app-select__trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.app-select__trigger:disabled{background:var(--surface-subtle);color:var(--disabled-ink);cursor:default}
.app-select__trigger[aria-invalid="true"]{border-color:var(--error-ink)}
.app-select__list{position:fixed;z-index:120;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;touch-action:pan-y;margin:0;padding:5px;border:1px solid var(--accent-border);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-size:14px;line-height:1.5;box-shadow:0 6px 18px #0002}
.app-select__list[hidden]{display:none!important}
.app-select__option{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 11px;border-radius:7px;cursor:pointer;overflow-wrap:anywhere;user-select:none;-webkit-user-select:none}
.app-select__option>span{flex:1;min-width:0}
.app-select__option>svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;visibility:hidden}
.app-select__option[aria-selected="true"]{background:var(--accent-soft);font-weight:650}
.app-select__option[aria-selected="true"]>svg{visibility:visible}
.app-select__option.is-active{outline:1px solid var(--accent-border);outline-offset:-1px;background:var(--surface-hover)}
.app-select__option[aria-selected="true"].is-active{background:var(--accent-soft)}
.app-select__option[aria-disabled="true"]{color:var(--disabled-ink);cursor:default}
.app-select__group{padding:9px 11px 4px;font-size:11px;font-weight:700;color:var(--muted)}
.history-filter .app-select{margin-inline-start:8px}
.history-filter .app-select__trigger{font-size:13px}
.statistics-explorer .app-select{width:100%;min-width:0}
.statistics-explorer .app-select__trigger{min-height:46px}
.explorer-sort-form .app-select__trigger{font-size:13px}
.refund-label .app-select{flex:0 1 auto;min-width:132px}
.jackpot-years-field .app-select{min-width:180px}
@media(hover:hover) and (pointer:fine){.app-select__trigger:not(:disabled):hover{border-color:var(--accent-border)}.app-select__option:not([aria-disabled="true"]):hover{background:var(--surface-hover)}}
@media(prefers-reduced-motion:reduce){.app-select__trigger>svg{transition:none}}