:root{--btn-rim: inset 0 1px 0 rgba(255, 255, 255, .6), inset 0 0 0 1px rgba(255, 255, 255, .16)}[data-theme=dark]{--btn-rim: inset 0 1px 0 rgba(255, 255, 255, .22), inset 0 0 0 1px rgba(255, 255, 255, .08)}.btn-primary,.btn-ink,.btn-outline,.btn-secondary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:var(--pad-btn) var(--s5);border:var(--border-w) solid transparent;border-radius:var(--r-full);font-size:var(--fs-3);font-weight:800;letter-spacing:var(--track-btn);line-height:1.1;cursor:pointer;white-space:nowrap;transition:background var(--t-fast) linear,color var(--t-fast) linear,transform var(--t-fast) var(--spring),box-shadow var(--t-fast) linear,border-color var(--t-fast) linear}.btn-primary svg,.btn-ink svg,.btn-outline svg,.btn-secondary svg,.btn-ghost svg{width:calc(var(--u) * 1.2);height:calc(var(--u) * 1.2);flex:0 0 auto}.btn-primary kbd{display:none}.btn-primary{flex:1;position:relative;border-radius:var(--r-md);border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 86%,transparent);color:var(--accent-contrast);box-shadow:var(--btn-rim),0 10px 26px -14px color-mix(in srgb,var(--accent) 80%,transparent)}.btn-primary:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--btn-rim),0 14px 32px -14px color-mix(in srgb,var(--accent) 85%,transparent)}.btn-primary:active{transform:translateY(0) scale(.99);box-shadow:inset 0 2px 8px #00000047}.btn-ink,.btn-primary--ink{flex:1;border-color:transparent;background:var(--ink);color:var(--ink-inv);box-shadow:none}.btn-ink:hover,.btn-primary--ink:hover{background:var(--ink);border-color:transparent;color:var(--ink-inv);transform:none;box-shadow:none}.btn-ink:active,.btn-primary--ink:active{transform:none}.btn-outline,.btn-secondary,.btn-ghost{background:var(--ctl-fill-ghost);border-color:var(--accent-line);color:var(--accent-ink);box-shadow:var(--btn-rim)}[data-theme=dark] .btn-outline,[data-theme=dark] .btn-secondary,[data-theme=dark] .btn-ghost{background:var(--ctl-fill-ghost)}.btn-outline:hover,.btn-secondary:hover,.btn-ghost:hover{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:var(--accent);color:var(--accent-ink);transform:translateY(-2px);box-shadow:var(--btn-rim)}.btn-outline:active,.btn-secondary:active,.btn-ghost:active{transform:translateY(0) scale(.98)}.btn-secondary{border-radius:var(--r-md)}.btn-glass{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:10px var(--s4);border:var(--border-w) solid var(--glass-line);border-radius:var(--r-full);background:var(--glass);color:var(--ink-2);box-shadow:var(--btn-rim);font-size:var(--fs-2);font-weight:800;letter-spacing:var(--track-btn);cursor:pointer;transition:background var(--t-fast) linear,color var(--t-fast) linear,transform var(--t-fast) var(--spring),box-shadow var(--t-fast) linear}.btn-glass:hover{color:var(--ink);transform:translateY(-1px);box-shadow:var(--btn-rim)}.btn-glass.active{background:var(--ink);color:var(--ink-inv)}.btn-chip{display:inline-flex;align-items:center;padding:7px var(--s3);border:var(--border-w) solid var(--line-2);border-radius:var(--r-full);background:var(--ctl-fill);color:var(--ink-2);box-shadow:var(--btn-rim);font-size:var(--fs-1);font-weight:800;letter-spacing:var(--track-btn);cursor:pointer;transition:background var(--t-fast) linear,transform var(--t-fast) var(--spring)}.btn-chip:hover{background:var(--surface-hover);color:var(--ink)}.btn-chip.active{background:var(--ink);color:var(--ink-inv)}.btn-icon{width:44px;height:44px;display:grid;place-items:center;border:var(--border-w) solid var(--line);border-radius:var(--r-full);background:var(--ctl-fill);color:var(--ink-2);box-shadow:var(--btn-rim);font-size:var(--fs-3);line-height:1;cursor:pointer;transition:background var(--t-fast) linear,color var(--t-fast) linear,transform var(--t-fast) var(--spring),box-shadow var(--t-fast) linear}.btn-icon:hover{background:var(--surface-hover);color:var(--ink);transform:scale(1.05)}.btn{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--s2);padding:var(--pad-btn) var(--s4);border:var(--border-w) solid var(--line-2);border-radius:var(--r-md);background:var(--ctl-fill-soft);color:var(--ink);font-size:var(--fs-4);font-weight:800;cursor:pointer;box-shadow:var(--btn-rim);transition:transform var(--t-fast) var(--spring),background var(--t-fast) linear,border-color var(--t-fast) linear,box-shadow var(--t-fast) linear}.btn svg,.btn .ays-ico{width:22px;height:22px;flex:0 0 22px;vertical-align:middle}.btn span{display:inline-flex;align-items:center;line-height:1.2}.btn:active{transform:scale(.975)}.btn.is-pressed{animation:btnPress .32s var(--ease-out)}@keyframes btnPress{0%{transform:scale(.94);box-shadow:0 0 0 0 var(--press-ring)}55%{transform:scale(1.02);box-shadow:0 0 0 7px transparent}to{transform:scale(1)}}.btn.is-chosen{background:var(--ink);color:var(--ink-inv);border-color:transparent}.btn-no.is-chosen{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-ink);border-color:transparent}.btn-yes.is-chosen{background:color-mix(in srgb,var(--yes-tint) 18%,transparent);color:var(--yes-tint);border-color:transparent}.btn{--press-ring: color-mix(in srgb, var(--accent) 30%, transparent)}.btn-yes{--press-ring: rgba(10, 10, 10, .24);box-shadow:none;background:color-mix(in srgb,var(--yes-tint) 10%,transparent);border-color:transparent}.btn-no{--press-ring: color-mix(in srgb, var(--accent) 30%, transparent);box-shadow:none;background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:transparent}[data-theme=dark] .btn-yes{--press-ring: rgba(250, 250, 250, .28)}[data-theme=dark] .btn-no{--press-ring: color-mix(in srgb, var(--accent) 34%, transparent)}.btn-yes:hover:not(:disabled){background:color-mix(in srgb,var(--yes-tint) 18%,transparent);border-color:transparent;color:var(--yes-tint);transform:translateY(-3px);box-shadow:var(--shadow-md)}.btn-yes:focus-visible{color:var(--yes-tint)}.btn-no:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:transparent;color:var(--accent-ink);transform:translateY(-3px);box-shadow:var(--shadow-md)}.btn-no:focus-visible{color:var(--accent-ink)}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-choice{padding:var(--s4);border-radius:var(--r-md);border:var(--border-w) solid var(--line-2);background:var(--surface);color:var(--ink);font-size:var(--fs-3);font-weight:800;letter-spacing:var(--track-btn);box-shadow:var(--btn-rim);cursor:pointer;transition:background var(--t-fast) linear,border-color var(--t-fast) linear,transform var(--t-fast) var(--spring),box-shadow var(--t-fast) linear}.btn-choice:hover{background:var(--surface-2)}.btn-choice:active{transform:scale(.98)}.btn-choice.is-chosen{background:var(--accent);color:var(--accent-contrast);border-color:transparent}.btn-link{display:inline-flex;align-items:center;gap:6px;padding:0;border:none;background:none;font-family:var(--font-ui);font-size:var(--fs-2);font-weight:700;color:var(--accent);cursor:pointer;white-space:nowrap;border-bottom:var(--border-w) solid transparent;flex:0 0 auto;vertical-align:baseline;transition:color var(--t-fast) linear,border-color var(--t-fast) linear}.btn-link svg{width:calc(var(--u) * 1.05);height:calc(var(--u) * 1.05);flex:0 0 auto;display:block}.btn-link:hover{color:var(--accent-hover);border-bottom-color:currentColor}.btn-link:active{transform:translateY(1px)}.footer-link{border:none;background:none;padding:0;font-family:var(--font-mono);font-size:var(--fs-2);font-weight:700;color:var(--ink);cursor:pointer;transition:color var(--t-fast) linear}.footer-link:hover{color:var(--ink)}.refresh{width:calc(var(--u) * 1.5);height:calc(var(--u) * 1.5);flex:0 0 auto;display:grid;place-items:center;border:var(--border-w) solid var(--line);border-radius:var(--r-sm);background:var(--ctl-fill);color:var(--ink-2);cursor:pointer;box-shadow:var(--btn-rim);transition:background var(--t-fast) linear,transform var(--t-mid) var(--ease),box-shadow var(--t-fast) linear}.refresh:hover{background:var(--surface-hover);transform:rotate(180deg)}.refresh:active{transform:rotate(180deg) scale(.94)}.refresh svg,.refresh .ays-ico{width:calc(var(--u) * .95)!important;height:calc(var(--u) * .95)!important;display:block}.refresh [data-icon]{display:grid;place-items:center}.refresh.spinning svg{animation:spin .5s var(--ease-out)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-btn{height:48px;padding:0 var(--s5);display:inline-flex;align-items:center;border:var(--border-w) solid var(--glass-line);border-radius:var(--r-full);background:var(--glass);color:var(--ink);font-size:var(--fs-2);font-weight:800;letter-spacing:var(--track-btn);cursor:pointer;white-space:nowrap;box-shadow:var(--btn-rim);transition:transform var(--t-fast) var(--spring),box-shadow var(--t-fast) linear,background var(--t-fast) linear}.header-btn:hover{background:var(--glass-hover);transform:translateY(-1px)}.header-btn:active{transform:translateY(0)}.invite-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:calc(var(--u) * 2.75);padding:0 var(--s4);border:var(--border-w) solid var(--glass-line);border-radius:var(--r-full);background:var(--glass);color:var(--ink);box-shadow:var(--btn-rim);font-size:var(--fs-2);font-weight:800;cursor:pointer;white-space:nowrap;transition:background var(--t-fast) linear,transform var(--t-fast) var(--spring),box-shadow var(--t-fast) linear}.invite-btn svg{width:calc(var(--u) * 1.1);height:calc(var(--u) * 1.1);flex:0 0 auto}.invite-btn:hover{transform:translateY(-2px);background:var(--glass-hover);border-color:var(--glass-edge)}.invite-btn:active{transform:translateY(0) scale(.97)}.modal-close{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1.5px solid var(--line);border-radius:var(--r-full);background:var(--ctl-fill);color:var(--ink-2);font-size:var(--fs-3);line-height:1;cursor:pointer;transition:background var(--t-fast) linear,color var(--t-fast) linear,transform var(--t-fast) var(--spring)}.modal-close:hover{background:var(--surface-hover);color:var(--ink);transform:rotate(90deg)}.duel-center .duel-pause-btn{margin-left:var(--s2)}.invite-btn--icon{width:var(--invite-btn-size, calc(var(--u) * 2.75));height:var(--invite-btn-size, calc(var(--u) * 2.75));justify-content:center;padding:0}.invite-btn--icon svg{width:calc(var(--u) * 1.3);height:calc(var(--u) * 1.3)}.setup-opt{flex:1 1 calc(50% - var(--s2));min-width:100px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:var(--s3) var(--s3);border:var(--border-w) solid var(--line);border-radius:var(--r-md);background:var(--ctl-fill-strong);color:var(--ink-2);font-size:var(--fs-2);font-weight:700;text-align:left;cursor:pointer;white-space:normal;transition:background var(--t-fast) linear,color var(--t-fast) linear,border-color var(--t-fast) linear,transform var(--t-fast) var(--spring),box-shadow var(--t-fast) linear;position:relative}.setup-opt--time{flex:0 0 auto;align-items:center;text-align:center;padding:var(--s3) var(--s2)}.setup-opt--time .setup-opt-name{font-variant-numeric:tabular-nums}.setup-opt--wide{flex:1 1 100%}.setup-opt-name{font-size:var(--fs-3);font-weight:800}.setup-opt-desc{font-size:var(--fs-2);font-weight:500;line-height:1.4;color:var(--ink-3)}.setup-opt:hover{background:var(--surface-hover);color:var(--ink);border-color:var(--accent-line);transform:translateY(-2px)}.setup-opt:active{transform:scale(.98)}.setup-opt.active{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--ink-2);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-line)}.setup-opt.active .setup-opt-name{color:var(--accent-ink)}.setup-opt.active .setup-opt-desc{color:var(--ink-2)}.btn-primary:disabled,.btn-ink:disabled,.btn-outline:disabled,.btn-secondary:disabled,.btn-ghost:disabled,.btn-glass:disabled,.btn-chip:disabled,.btn-icon:disabled,.setup-opt:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary:disabled,.btn-ink:disabled,.btn-outline:disabled,.btn-secondary:disabled,.btn-ghost:disabled{background:var(--ctl-fill);color:var(--ink-3);border-color:var(--line)}.btn.is-loading,.btn-primary.is-loading,.btn-ink.is-loading,.btn-outline.is-loading,.btn-secondary.is-loading,.btn-ghost.is-loading,.btn-glass.is-loading{position:relative;color:transparent!important;pointer-events:none}.btn.is-loading>*,.btn-primary.is-loading>*,.btn-ink.is-loading>*,.btn-outline.is-loading>*,.btn-secondary.is-loading>*,.btn-ghost.is-loading>*,.btn-glass.is-loading>*{visibility:hidden}.btn.is-loading:after,.btn-primary.is-loading:after,.btn-ink.is-loading:after,.btn-outline.is-loading:after,.btn-secondary.is-loading:after,.btn-ghost.is-loading:after,.btn-glass.is-loading:after{content:"";position:absolute;width:1.2em;height:1.2em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;color:var(--accent-contrast);animation:btnSpin .7s linear infinite}.btn-ink.is-loading:after,.btn-outline.is-loading:after,.btn-secondary.is-loading:after,.btn-ghost.is-loading:after,.btn-glass.is-loading:after{color:var(--accent)}@keyframes btnSpin{to{transform:rotate(360deg)}}[data-theme=dark] .btn-chip,[data-theme=dark] .btn-icon,[data-theme=dark] .btn:not(.btn-yes):not(.btn-no),[data-theme=dark] .refresh,[data-theme=dark] .modal-close,[data-theme=dark] .duel-pause-btn,[data-theme=dark] .setup-opt,[data-theme=dark] .map-filter-opt{background:var(--ctl-fill)}@media(max-width:560px){.answers .btn{padding:calc(var(--u) * 1) var(--s3);font-size:var(--fs-3);min-width:0}.answers .btn svg{width:20px;height:20px;flex-basis:20px}.answers--choice{gap:var(--s2)}.btn-choice{padding:var(--s3);font-size:var(--fs-2)}.setup-opt{flex:1 1 100%}}@media(max-width:380px){.answers .btn{font-size:var(--fs-2);padding:calc(var(--u) * .55) var(--s1);gap:var(--s1)}.answers .btn svg{width:16px;height:16px;flex-basis:16px}}