/* Palette may be overridden on :root to match the shared site theme. */
:root{--mc-surface:#23242e;--mc-surface-hover:#30303e;--mc-border:#3b3d4c;--mc-highlight:#444054;--mc-accent:#a999ff;--mc-mint:#8bedd0;--mc-text:#f3f2fb;--mc-muted:#aaa8bb;--mc-radius:10px}
.mc-select{position:relative;display:block;width:100%;min-width:0;font:inherit}
.mc-native-select{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;pointer-events:none!important}
.mc-select .mc-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;padding:11px 14px;border:1px solid var(--mc-border);border-radius:var(--mc-radius);background:var(--mc-surface);color:var(--mc-text);font-family:inherit;font-weight:600;font-size:13px;line-height:1.5;text-align:left;box-shadow:inset 0 1px 0 #ffffff05;cursor:pointer;touch-action:manipulation;transition:background .15s,transform .16s,border-color .16s;letter-spacing:normal}
.mc-select-trigger .mc-select-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:inherit}
.mc-select-trigger .mc-select-chevron{font:600 18px/1 system-ui,sans-serif;color:var(--mc-muted);transition:transform .22s;transform-origin:50% 60%}
.mc-select-trigger[aria-expanded=true]{background:var(--mc-surface-hover);border-color:var(--mc-accent)}
.mc-select-trigger[aria-expanded=true] .mc-select-chevron{transform:rotate(180deg)}
.mc-select-trigger:focus-visible{outline:2px solid var(--mc-accent);outline-offset:3px}
.mc-select .mc-select-trigger:disabled{opacity:.45;cursor:not-allowed;transform:none}
.mc-select-trigger:not(:disabled):active{transform:scale(.985)}
.mc-select-trigger.is-swapping .mc-select-label{animation:mc-label-swap .18s ease-out}
.mc-select-menu{position:fixed;z-index:10000;box-sizing:border-box;padding:5px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--mc-border);border-radius:calc(var(--mc-radius) + 3px);background:var(--mc-surface);color:var(--mc-text);box-shadow:0 14px 40px #0006,0 2px 8px #0003;animation:mc-menu-in .18s cubic-bezier(.2,.8,.2,1);transform-origin:top left;scrollbar-width:thin;scrollbar-color:var(--mc-highlight) transparent}
.mc-select-menu[hidden]{display:none!important}.mc-select-menu[data-side=top]{transform-origin:bottom left}
.mc-select-list{position:relative;display:flex;flex-direction:column;gap:1px;min-width:0}
.mc-select-pill{position:absolute;pointer-events:none;inset:0 0 auto;height:42px;border-radius:calc(var(--mc-radius) - 3px);background:var(--mc-highlight);transition:transform .22s cubic-bezier(.23,1,.32,1),height .18s;will-change:transform}
.mc-select-pill.is-instant{transition:none}
.mc-select-option{position:relative;z-index:1;display:flex;align-items:center;gap:14px;flex:0 0 auto;min-height:42px;box-sizing:border-box;padding:9px 11px;border-radius:calc(var(--mc-radius) - 3px);font:600 13px/1.5 system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;color:var(--mc-text)}
.mc-select-option[hidden]{display:none!important}.mc-select-option[aria-disabled=true]{opacity:.35;cursor:not-allowed}
.mc-option-name{flex:1;min-width:0;overflow-wrap:anywhere}.mc-option-check{color:var(--mc-mint);opacity:0;font-size:15px}.mc-select-option[aria-selected=true] .mc-option-check{opacity:1}
.mc-switch{--mc-switch-width:52px;--mc-switch-height:28px;position:relative;display:inline-flex;align-items:center;flex:0 0 auto;min-height:44px;vertical-align:middle}
.mc-switch-track{display:block;position:absolute;right:0;top:50%;width:var(--mc-switch-width);height:var(--mc-switch-height);box-sizing:border-box;border:1px solid var(--mc-border);border-radius:999px;transform:translateY(-50%);background:var(--mc-surface-hover);pointer-events:none;transition:background .3s,border-color .3s,opacity .18s}
.mc-switch-thumb{position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#b6b3c7;box-shadow:0 1px 3px #0004;transform:translateX(0);transition:transform .42s cubic-bezier(.18,.89,.28,1.22),background .3s;transform-origin:center}
.mc-switch[data-on=true] .mc-switch-track{background:var(--mc-accent);border-color:var(--mc-accent)}
.mc-switch[data-on=true] .mc-switch-thumb{background:#191820;transform:translateX(24px)}
.mc-switch[data-animate=on] .mc-switch-thumb{animation:mc-squish-on .43s cubic-bezier(.2,.8,.2,1)}
.mc-switch[data-animate=off] .mc-switch-thumb{animation:mc-squish-off .43s cubic-bezier(.2,.8,.2,1)}
.mc-switch[data-disabled=true]{opacity:.45}.mc-switch[data-disabled=true] .mc-switch-source{cursor:not-allowed!important}
.mc-switch .mc-switch-source:focus-visible{outline:0!important}.mc-switch:focus-within .mc-switch-track{outline:2px solid var(--mc-accent);outline-offset:4px}
.mc-switch-checkbox{width:var(--mc-switch-width);height:44px}
.mc-switch-checkbox input.mc-switch-source{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:0!important;cursor:pointer;z-index:1;touch-action:pan-y}
.mc-switch-label{display:inline-flex!important;align-items:center!important;width:52px!important;height:44px!important;margin:0!important;padding:0!important;overflow:visible!important}
.mc-legacy-track{display:none!important}
.mc-switch-button>button.mc-switch-source{display:block!important;min-height:44px;padding:10px 62px 10px 0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:6px;color:inherit;font:inherit;cursor:pointer;touch-action:pan-y}
.mc-switch[data-held=true] .mc-switch-thumb{scale:1.08}.mc-switch[data-dragging=true] .mc-switch-thumb{animation:none;transform:translateX(var(--mc-drag-x,0));transition:background .3s;scale:1.16 .9}
.mc-difficulty{position:relative;isolation:isolate;padding:5px;background:var(--mc-surface);border:1px solid var(--mc-border);border-radius:calc(var(--mc-radius) + 3px)}
.mc-difficulty>.mc-difficulty-pill{position:absolute;z-index:0;top:0;left:0;border-radius:calc(var(--mc-radius) - 3px);background:var(--mc-highlight);border:1px solid color-mix(in srgb,var(--mc-accent) 55%,transparent);box-shadow:0 2px 8px #0002;pointer-events:none;transition:transform .25s cubic-bezier(.23,1,.32,1),width .2s,height .2s}
.mc-difficulty>.mc-difficulty-pill.is-instant{transition:none}
.mc-difficulty>.diff{position:relative;z-index:1;background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--mc-text)}
.mc-difficulty>.diff.selected{background:transparent!important;border-color:transparent!important}.mc-difficulty>.diff.selected b{color:var(--mc-mint)}
.mc-difficulty>.diff:focus-visible{outline:2px solid var(--mc-accent);outline-offset:1px}
@media(hover:hover) and (pointer:fine){.mc-select-trigger:not(:disabled):hover{background:var(--mc-surface-hover);border-color:#575366}.mc-switch:not([data-disabled=true]):hover .mc-switch-thumb{filter:brightness(1.1)}}
@keyframes mc-menu-in{from{opacity:0;transform:scale(.96) translateY(-3px)}to{opacity:1;transform:none}}
@keyframes mc-label-swap{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}
@keyframes mc-squish-on{0%{transform:translateX(0) scale(1)}35%{transform:translateX(13px) scale(1.3,.82)}75%{transform:translateX(25px) scale(.96,1.04)}100%{transform:translateX(24px) scale(1)}}
@keyframes mc-squish-off{0%{transform:translateX(24px) scale(1)}35%{transform:translateX(11px) scale(1.3,.82)}75%{transform:translateX(-1px) scale(.96,1.04)}100%{transform:translateX(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.mc-select-menu,.mc-select-trigger.is-swapping .mc-select-label,.mc-switch .mc-switch-thumb{animation:none!important}.mc-select-pill,.mc-select-trigger,.mc-select-chevron,.mc-switch-track,.mc-switch-thumb,.mc-difficulty>.mc-difficulty-pill{transition:none!important}.mc-select-trigger:not(:disabled):active{transform:none}.mc-switch[data-held=true] .mc-switch-thumb{scale:1}}