.custom-select{display:inline-block;position:relative;width:100%;min-width:0}.custom-select>select[hidden]{display:none!important}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:48px;padding:11px 14px;border:1px solid #cbd7c5;border-radius:14px;background:#f8faf1;color:#284d3e;text-align:left;font:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 3px #294d3e0a;transition:background .15s,border-color .15s,box-shadow .15s}.custom-select-trigger:after{content:"";flex:0 0 8px;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}.custom-select-trigger:hover:not(:disabled),.custom-select-trigger[aria-expanded=true]{background:#eaf5e7;border-color:#8fb69a}.custom-select-trigger[aria-expanded=true]:after{transform:translateY(2px) rotate(225deg)}.custom-select-trigger:focus-visible{outline:3px solid #b25135;outline-offset:3px}.custom-select-trigger:disabled{opacity:1;color:#657363;background:#f0f2e9;cursor:not-allowed;box-shadow:none}.custom-select-menu{position:fixed;inset:auto;margin:0;padding:6px;box-sizing:border-box;z-index:10000;overflow-y:auto;overscroll-behavior:contain;border:1px solid #adbf9a;border-radius:16px;background:#fffef8;color:#284d3e;box-shadow:0 8px 24px #294d3e1a;font-family:Nunito,system-ui,sans-serif;font-size:13px;font-weight:700;scrollbar-width:thin;scrollbar-color:#adbf9a transparent}.custom-select-menu[hidden]{display:none}.custom-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:10px;border-radius:10px;cursor:pointer}.custom-select-option[aria-selected=true]{background:#c8e9d5;font-weight:900}.custom-select-option[aria-selected=true]:after{content:"✓";font-weight:900}.custom-select-option+.custom-select-option{margin-top:3px}.custom-select-option:hover:not([aria-disabled=true]):not([aria-selected=true]){background:#edf3e8}.custom-select-menu.is-keyboard .custom-select-option.is-active{outline:2px solid #8fb69a;outline-offset:-2px}.custom-select-option{transition:background .12s}@media(prefers-reduced-motion:reduce){.custom-select-option,.custom-select-trigger{transition:none}}.custom-select-option[aria-disabled=true]{opacity:.45;cursor:not-allowed}.language-setting .custom-select{width:145px;max-width:100%}.language-setting .custom-select-trigger,.language-setting>.button{height:42px;min-height:42px;padding-block:10px;line-height:1.3}.language-setting .custom-select-trigger{box-shadow:none;border-radius:13px}.mode-new-badge{display:inline-flex;align-items:center;flex-shrink:0;padding:3px 7px;border-radius:999px;background:#f5e5b9;color:#77572b;font-size:10px;font-weight:900;line-height:1.3;letter-spacing:.025em}.custom-select-option.has-option-badge{background:#f7f0df}.custom-select-option.has-option-badge:hover:not([aria-disabled=true]):not([aria-selected=true]){background:#f1e4c5}.custom-select-option.has-option-badge[aria-selected=true]{background:#e8edcf}.custom-select-trigger.has-option-badge{border-color:#cbbb8c;background:#faf5e7}.custom-select-option .mode-new-badge{margin-left:auto}.mode-setting{grid-column:1 / -1}.mode-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.mode-card{position:relative;display:flex;align-items:center;gap:14px;min-width:0;padding:22px 16px;border:2px solid #dce4d5;border-radius:20px;background:#fafbf3;color:#284d3e;text-align:left;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.mode-card-battle{background:#faf4e4;border-color:#e4d5b2}.mode-card:hover:not(:disabled){transform:translateY(-2px);border-color:#9ab38c}.mode-card[aria-pressed=true]{background:#e9f1dd;border-color:#759b78;box-shadow:0 3px #284d3e10}.mode-card:focus-visible{outline:3px solid #b25135;outline-offset:3px}.mode-card:disabled{cursor:default;opacity:.7}.mode-card-art{position:relative;display:grid;place-items:center;flex:0 0 66px;height:66px;border-radius:50%;background:#deebcc}.mode-card-art>.icon{width:38px;height:38px;z-index:1}.mode-card-battle .mode-card-art{background:#e7ddef;color:#826895;box-shadow:inset 0 0 0 5px #f1e9f5}.mode-card-art i{position:absolute;width:8px;height:8px;border-radius:50%;background:#fffdf4;left:7px;top:14px}.mode-card-art i+i{left:auto;right:7px;top:42px;width:5px;height:5px}.mode-card-copy{display:grid;gap:5px;min-width:0}.mode-card-copy strong{font-family:Fredoka,sans-serif;font-size:20px}.mode-card-copy small{font-size:12px;color:#6c7b68}.mode-card-check{margin-left:auto;color:#416f49;visibility:hidden}.mode-card[aria-pressed=true] .mode-card-check{visibility:visible}.mode-card>.mode-new-badge{position:absolute;right:12px;top:-8px;border:2px solid #fffdf4}@media(max-width:540px){.mode-card{padding:16px 10px;gap:8px;flex-wrap:wrap}.mode-card-art{flex-basis:44px;height:44px}.mode-card-art>.icon{width:28px;height:28px}.mode-card-copy strong{font-size:17px}.mode-card-check{position:absolute;top:8px;right:8px}}.controller-mode .tv-options label:has([data-mode-cards]){grid-column:1 / -1}@media(max-height:500px){.controller-mode .mode-card{padding:9px 12px}.controller-mode .mode-card-art{flex-basis:36px;height:36px}.controller-mode .mode-card-art>.icon{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){.mode-card{transition:none}.mode-card:hover:not(:disabled){transform:none}}.reduce-motion .mode-card{transition:none;transform:none}