@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans: "Plus Jakarta Sans Variable", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--ease-out: cubic-bezier(.2, .75, .25, 1);--ease-in-out: cubic-bezier(.45, 0, .25, 1);--dur-fast: .14s;--dur-med: .24s;--flip-dur: .62s;--select-dur: .26s;--z-deck: 30;--z-header: 40;--z-sheet: 50;--z-dialog: 60;--z-toast: 70;--blur-panel: 22px}:root,:root[data-theme=dark]{color-scheme:dark;--bg-0: #101216;--bg-1: #15171c;--bg-2: #1c1f26;--ambient-1: rgba(255, 255, 255, .07);--ambient-2: rgba(160, 172, 196, .07);--ambient-3: rgba(255, 255, 255, .035);--text: #f2f4f7;--text-muted: #9aa1ac;--text-faint: #6c737f;--panel-bg: rgba(30, 33, 41, .58);--sheet-bg: rgba(24, 27, 33, .94);--panel-solid: #1b1e25;--panel-border: rgba(255, 255, 255, .11);--panel-highlight: rgba(255, 255, 255, .16);--panel-shadow: 0 24px 70px rgba(0, 0, 0, .5);--control-bg: rgba(255, 255, 255, .065);--control-bg-hover: rgba(255, 255, 255, .11);--control-bg-active: rgba(255, 255, 255, .16);--control-border: rgba(255, 255, 255, .14);--control-highlight: rgba(255, 255, 255, .2);--input-bg: rgba(0, 0, 0, .22);--accent: #f4f5f7;--accent-ink: #15171c;--focus-ring: rgba(255, 255, 255, .85);--title-top: #ffffff;--title-bottom: #a9b0bb;--card-base: rgb(25, 28, 35);--card-top: rgba(255, 255, 255, .115);--card-bottom: rgba(255, 255, 255, .025);--card-edge: rgba(255, 255, 255, .24);--card-edge-low: rgba(255, 255, 255, .05);--card-sheen: rgba(255, 255, 255, .2);--card-shadow: rgba(0, 0, 0, .55);--card-glow: rgba(255, 255, 255, .07);--card-glow-hover: rgba(255, 255, 255, .2);--selected-ring: rgba(255, 255, 255, .7);--selected-glow: rgba(255, 255, 255, .24);--card-glow-shuffle: rgba(255, 255, 255, .16);--card-front-base: rgb(35, 39, 48);--card-front-top: rgba(255, 255, 255, .13);--label: #f7f8fa;--label-glow: rgba(255, 255, 255, .32);--badge-bg: rgba(250, 251, 252, .92);--badge-ink: #15171c;--danger: #ff9393;--danger-bg: rgba(255, 120, 120, .12);--success: #93e2bd;--success-bg: rgba(120, 220, 170, .1);--warning: #ffd59a;--warning-bg: rgba(255, 200, 120, .1)}:root[data-theme=light]{color-scheme:light;--bg-0: #e4e7ec;--bg-1: #edf0f4;--bg-2: #f8f9fb;--ambient-1: rgba(255, 255, 255, .95);--ambient-2: rgba(150, 162, 186, .22);--ambient-3: rgba(255, 255, 255, .6);--text: #15171c;--text-muted: #59616d;--text-faint: #8a919c;--panel-bg: rgba(255, 255, 255, .6);--sheet-bg: rgba(246, 247, 250, .94);--panel-solid: #f7f8fa;--panel-border: rgba(255, 255, 255, .9);--panel-highlight: rgba(255, 255, 255, 1);--panel-shadow: 0 20px 56px rgba(38, 48, 68, .14);--control-bg: rgba(255, 255, 255, .62);--control-bg-hover: rgba(255, 255, 255, .88);--control-bg-active: rgba(255, 255, 255, 1);--control-border: rgba(22, 28, 40, .1);--control-highlight: rgba(255, 255, 255, 1);--input-bg: rgba(255, 255, 255, .75);--accent: #17191e;--accent-ink: #ffffff;--focus-ring: rgba(21, 23, 28, .7);--title-top: #2a2e36;--title-bottom: #6c7380;--card-base: rgb(236, 239, 244);--card-top: rgba(255, 255, 255, .95);--card-bottom: rgba(255, 255, 255, .45);--card-edge: rgba(255, 255, 255, 1);--card-edge-low: rgba(28, 36, 52, .09);--card-sheen: rgba(255, 255, 255, .95);--card-shadow: rgba(38, 48, 68, .17);--card-glow: rgba(255, 255, 255, .45);--card-glow-hover: rgba(255, 255, 255, .95);--selected-ring: rgba(23, 25, 30, .42);--selected-glow: rgba(255, 255, 255, 1);--card-glow-shuffle: rgba(255, 255, 255, .8);--card-front-base: rgb(249, 250, 252);--card-front-top: rgba(255, 255, 255, 1);--label: #1b1e24;--label-glow: rgba(255, 255, 255, .9);--badge-bg: rgba(23, 25, 30, .88);--badge-ink: #ffffff;--danger: #c23b3b;--danger-bg: rgba(194, 59, 59, .08);--success: #1d8556;--success-bg: rgba(29, 133, 86, .08);--warning: #9a6100;--warning-bg: rgba(154, 97, 0, .08)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-md);line-height:1.5;color:var(--text);background-color:var(--bg-1);background-image:radial-gradient(70vmax 55vmax at 8% -12%,var(--ambient-1),transparent 62%),radial-gradient(60vmax 50vmax at 104% 108%,var(--ambient-2),transparent 60%),radial-gradient(40vmax 30vmax at 70% 20%,var(--ambient-3),transparent 70%),linear-gradient(180deg,var(--bg-1),var(--bg-0));background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}img{display:block;max-width:100%}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.glass{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:inset 0 1px 0 var(--panel-highlight),var(--panel-shadow);-webkit-backdrop-filter:blur(var(--blur-panel)) saturate(140%);backdrop-filter:blur(var(--blur-panel)) saturate(140%)}.splash{display:grid;place-items:center;min-height:100%;color:var(--text-muted);font-size:var(--text-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}.card{position:absolute;left:0;top:0;box-sizing:border-box;width:var(--cell);height:var(--cell);min-width:var(--cell);min-height:var(--cell);max-width:var(--cell);max-height:var(--cell);aspect-ratio:1 / 1;flex:none;perspective:calc(var(--cell) * 4.5)}.card__inner{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(0)}.card__face{position:absolute;inset:0;border-radius:var(--card-radius);overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;user-select:none}.card__face--back{transform:rotateY(0) translateZ(.5px);background:radial-gradient(120% 85% at 18% 0%,var(--card-top),transparent 58%),linear-gradient(160deg,var(--card-top),var(--card-bottom) 70%),var(--card-base);border:1px solid var(--card-edge);border-bottom-color:var(--card-edge-low);box-shadow:inset 0 1px 0 var(--card-sheen),inset 0 -10px 24px #00000014,0 0 calc(var(--cell) * .16) var(--card-glow),0 calc(var(--cell) * .06) calc(var(--cell) * .18) var(--card-shadow)}.card__face--front{transform:rotateY(180deg) translateZ(.5px);background:radial-gradient(110% 80% at 50% 0%,var(--card-front-top),transparent 60%),var(--card-front-base);border:1px solid var(--card-edge);box-shadow:0 0 calc(var(--cell) * .16) var(--card-glow),0 calc(var(--cell) * .06) calc(var(--cell) * .18) var(--card-shadow)}.card__face--front:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 var(--card-sheen),inset 0 0 0 1px #ffffff0d;background:linear-gradient(160deg,rgba(255,255,255,.1),transparent 32%);pointer-events:none}.card__sheen{position:absolute;inset:-20%;background:linear-gradient(118deg,transparent 38%,var(--card-sheen) 48%,transparent 58%);opacity:.22;pointer-events:none}.card__label{position:absolute;inset:0;display:grid;place-items:center;font-weight:760;font-size:calc(var(--cell) * .36);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--label);text-shadow:0 0 calc(var(--cell) * .1) var(--label-glow);pointer-events:none}.card__label[data-len="2"]{font-size:calc(var(--cell) * .3)}.card__image{position:absolute;inset:0;width:100%;height:100%;max-width:none;border-radius:calc(var(--card-radius) - 1px);object-fit:contain;object-position:center;-webkit-user-drag:none;pointer-events:none}.board{position:absolute;inset:0}.board.is-hidden{visibility:hidden}.cell{appearance:none;border:0;margin:0;padding:0;background:none;border-radius:var(--card-radius);transform:translate(var(--x),var(--y));translate:0 0;transition:translate var(--select-dur) var(--ease-out);cursor:default;color:inherit}.cell .card__inner{transition:transform var(--flip-dur) cubic-bezier(.3,.7,.2,1)}.board.is-instant .cell .card__inner,.board.is-instant .cell{transition:none}.cell.is-open .card__inner{transform:rotateY(180deg)}.cell.is-clickable{cursor:pointer}.cell.is-selected{z-index:2;translate:0 calc(var(--cell) * -.045)}.cell.is-selected .card__face--front{box-shadow:0 0 0 max(1.5px,var(--cell) * .012) var(--selected-ring),0 0 calc(var(--cell) * .26) var(--selected-glow),0 calc(var(--cell) * .11) calc(var(--cell) * .26) var(--card-shadow);transition:box-shadow var(--select-dur) var(--ease-out)}.cell:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.board.is-idle .card__label{opacity:.55}.cell__pending{position:absolute;inset:-3px;border-radius:calc(var(--card-radius) + 3px);border:2px solid var(--card-glow-hover);opacity:0;pointer-events:none}.cell.is-pending .cell__pending{animation:cell-pending .9s var(--ease-in-out) infinite}@keyframes cell-pending{0%,to{opacity:.15}50%{opacity:.9}}.deck{position:absolute;inset:0;z-index:var(--z-deck);pointer-events:none}.deck-card{will-change:transform}.deck__glow{position:absolute;left:0;top:0;width:calc(var(--cell) * 2.6);height:calc(var(--cell) * 2.6);border-radius:50%;background:radial-gradient(closest-side,var(--card-glow-shuffle),transparent);opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.cell .card__inner{transition-duration:.26s}.cell{transition-duration:1ms}.cell.is-pending .cell__pending{animation:none;opacity:.6}}.title{margin:0;font-weight:800;letter-spacing:.16em;padding-inline-start:.16em;line-height:1.1;white-space:normal;text-wrap:balance;overflow-wrap:anywhere;text-align:center;background:linear-gradient(180deg,var(--title-top) 15%,var(--title-bottom) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.app{display:flex;flex-direction:column;min-height:100%;height:100dvh}.header{display:grid;grid-template-columns:minmax(136px,1fr) minmax(0,auto) minmax(136px,1fr);align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-2)}.header__title{grid-column:2;font-size:clamp(1.15rem,2.3vw,1.8rem)}.header__actions{grid-column:3;justify-self:end;display:flex;gap:var(--space-2)}.stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5) var(--space-5)}.board-area{position:relative;flex:1;width:100%;max-width:1480px;min-height:200px}.stage__notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);max-width:640px;text-align:center}.controls{display:flex;gap:var(--space-1);padding:6px;border-radius:var(--radius-pill)}.control-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:46px;padding:0 var(--space-6);border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;font-weight:650;font-size:var(--text-md);letter-spacing:.01em;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.control-btn:hover:not(:disabled){background:var(--control-bg-hover);border-color:var(--control-border)}.control-btn:active:not(:disabled){background:var(--control-bg-active)}.control-btn:disabled{opacity:.42}.control-btn svg{flex:none}.login{min-height:100%;display:grid;place-items:center;padding:var(--space-6) var(--space-4)}.login__panel{width:min(420px,100%);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8) var(--space-6);border-radius:var(--radius-lg)}.login__title{font-size:1.6rem;text-align:center}.login__lead{margin:0 0 var(--space-2);color:var(--text-muted);font-size:var(--text-sm);text-align:center}.splash__error{display:grid;gap:var(--space-4);justify-items:center;max-width:420px;padding:var(--space-6);border-radius:var(--radius-lg);text-align:center;color:var(--text)}@media(max-width:720px){.header{grid-template-columns:minmax(0,1fr) auto;padding:var(--space-3) var(--space-4) var(--space-1)}.header__title{grid-column:1;justify-self:start;padding-inline-start:0;text-align:start}.header__actions{grid-column:2}.stage{padding:var(--space-1) var(--space-3) var(--space-3)}.controls{width:100%}.control-btn{flex:1;min-width:0;padding:0 var(--space-2);font-size:var(--text-sm);gap:6px;white-space:nowrap}}@media(max-width:380px){.control-btn svg{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--control-border);background:var(--control-bg);box-shadow:inset 0 1px 0 var(--control-highlight);font-weight:600;font-size:var(--text-sm);color:var(--text);text-decoration:none;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.btn:hover:not(:disabled){background:var(--control-bg-hover)}.btn:disabled{opacity:.45}.btn--primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;box-shadow:0 6px 20px #0000002e}.btn--primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.06)}.btn--danger{background:var(--danger);color:#fff;border-color:transparent}.btn--danger:hover:not(:disabled){background:var(--danger);filter:brightness(1.08)}.btn--ghost{background:transparent;box-shadow:none}.btn--small{min-height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.btn--block{width:100%;min-height:46px;font-size:var(--text-md)}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;padding:0;border-radius:var(--radius-pill);border:1px solid var(--control-border);background:var(--control-bg);box-shadow:inset 0 1px 0 var(--control-highlight);color:var(--text);transition:background-color var(--dur-fast) var(--ease-out)}.icon-btn:hover:not(:disabled){background:var(--control-bg-hover)}.icon-btn:disabled{opacity:.4}.icon-btn--small{width:32px;height:32px}.field{display:grid;gap:6px}.field__label{font-size:var(--text-sm);font-weight:600}.input{width:100%;min-height:42px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--control-border);background:var(--input-bg);color:var(--text);font-size:var(--text-md);transition:border-color var(--dur-fast) var(--ease-out)}.input:focus{outline:none;border-color:var(--focus-ring)}.input[aria-invalid=true]{border-color:var(--danger)}.input:disabled{opacity:.55}.notice{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.45;border:1px solid transparent}.notice--info{background:var(--control-bg);border-color:var(--control-border)}.notice--error{background:var(--danger-bg);border-color:color-mix(in srgb,var(--danger) 35%,transparent);color:var(--danger)}.notice--warning{background:var(--warning-bg);border-color:color-mix(in srgb,var(--warning) 35%,transparent);color:var(--text)}.chip{display:inline-flex;align-items:center;min-height:28px;padding:0 var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:650;font-variant-numeric:tabular-nums;border:1px solid transparent}.chip--ok{background:var(--success-bg);color:var(--success);border-color:color-mix(in srgb,var(--success) 30%,transparent)}.chip--warn{background:var(--warning-bg);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 30%,transparent)}.segmented{display:inline-flex;padding:4px;gap:4px;border-radius:var(--radius-pill);background:var(--input-bg);border:1px solid var(--control-border)}.segmented__option{min-width:96px;min-height:36px;padding:0 var(--space-4);border:0;border-radius:var(--radius-pill);background:transparent;font-weight:600;font-size:var(--text-sm);color:var(--text-muted);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.segmented__option.is-active{background:var(--accent);color:var(--accent-ink)}.segmented__option:disabled{opacity:.5}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.switch{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:var(--space-3);position:relative;cursor:pointer}.switch input{position:absolute;opacity:0;width:44px;height:26px;margin:0;cursor:pointer}.switch__track{width:44px;height:26px;border-radius:var(--radius-pill);background:var(--input-bg);border:1px solid var(--control-border);position:relative;transition:background-color var(--dur-fast) var(--ease-out)}.switch__track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--text-muted);transition:transform var(--dur-med) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.switch input:checked+.switch__track{background:var(--accent)}.switch input:checked+.switch__track:after{transform:translate(18px);background:var(--accent-ink)}.switch input:focus-visible+.switch__track{outline:2px solid var(--focus-ring);outline-offset:2px}.switch__text{display:grid;font-size:var(--text-sm);font-weight:600}.switch__text small{font-weight:400;color:var(--text-muted);font-size:var(--text-xs)}.toasts{position:fixed;left:50%;bottom:calc(var(--space-6) + env(safe-area-inset-bottom));transform:translate(-50%);z-index:var(--z-toast);display:grid;gap:var(--space-2);width:min(460px,calc(100vw - 32px));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);pointer-events:auto;animation:toast-in var(--dur-med) var(--ease-out)}.toast--error{border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.toast--success{border-color:color-mix(in srgb,var(--success) 45%,transparent)}.toast__message{flex:1;padding-top:2px}.toast__close{border:0;background:transparent;font-size:1.25rem;line-height:1;color:var(--text-muted);padding:2px 6px;border-radius:var(--radius-sm)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.dialog-backdrop{position:fixed;inset:0;z-index:var(--z-dialog);display:grid;place-items:center;padding:var(--space-4);background:#0000006b}.dialog{width:min(440px,100%);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--panel-solid)}.dialog__title{margin:0 0 var(--space-2);font-size:var(--text-lg)}.dialog__message{margin:0 0 var(--space-6);color:var(--text-muted);font-size:var(--text-sm)}.dialog__actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2)}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.sheet-backdrop{position:fixed;inset:0;z-index:var(--z-sheet);display:flex;justify-content:flex-end;background:#0000004d}.sheet{width:min(560px,100vw);height:100%;display:flex;flex-direction:column;border-radius:var(--radius-lg) 0 0 var(--radius-lg);border-right:0;background:var(--sheet-bg);animation:sheet-in var(--dur-med) var(--ease-out)}.sheet:focus{outline:none}@keyframes sheet-in{0%{transform:translate(24px);opacity:0}}.sheet__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-5) var(--space-3)}.sheet__title{margin:0;font-size:var(--text-xl);font-weight:750}.tabs{display:flex;gap:var(--space-1);padding:0 var(--space-4) var(--space-3);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs__tab{flex:none;min-height:36px;padding:0 var(--space-3);border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);font-weight:600;font-size:var(--text-sm);white-space:nowrap}.tabs__tab:hover{color:var(--text)}.tabs__tab.is-active{background:var(--control-bg-active);border-color:var(--control-border);color:var(--text)}.sheet__body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-2) var(--space-5) var(--space-6);overscroll-behavior:contain}.sheet__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5) calc(var(--space-4) + env(safe-area-inset-bottom));border-top:1px solid var(--panel-border)}.save-status{font-size:var(--text-xs);color:var(--text-muted);min-width:0}.save-status .is-ok{color:var(--success)}.save-status__problems{margin:0;padding:0;list-style:none;color:var(--warning);display:grid;gap:2px}.settings-section{display:grid;gap:var(--space-6)}.setting{display:grid;gap:var(--space-3);justify-items:start}.setting>*{max-width:100%}.setting__head{display:grid;gap:2px;width:100%}.setting__head--row{grid-template-columns:1fr auto;align-items:start;gap:var(--space-3)}.setting__title{margin:0;font-size:var(--text-md);font-weight:700}.setting__hint{margin:0;font-size:var(--text-xs);color:var(--text-muted);max-width:60ch}.setting__status{margin:0;font-size:var(--text-xs)}.setting__status.is-ok{color:var(--success)}.setting__status.is-warn{color:var(--warning)}.stepper{display:flex;align-items:center;gap:var(--space-2)}.stepper__value{width:88px;text-align:center;font-weight:700;font-size:var(--text-lg);font-variant-numeric:tabular-nums;-moz-appearance:textfield}.stepper__value::-webkit-outer-spin-button,.stepper__value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.range{width:100%;accent-color:var(--accent)}.label-preview{margin:0;font-weight:700;letter-spacing:.08em;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:pre}.empty-state{margin:0;font-size:var(--text-sm);color:var(--text-muted)}.pool-summary{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pool-list{list-style:none;margin:0;padding:0;width:100%;display:grid;gap:var(--space-2)}.pool-row{display:grid;grid-template-columns:48px minmax(0,1fr) 112px 32px;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);background:var(--control-bg);border:1px solid var(--control-border)}.pool-row.has-error{border-color:color-mix(in srgb,var(--danger) 50%,transparent)}.pool-row__thumb{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-sm);background:var(--input-bg);overflow:hidden}.pool-row__thumb img{width:100%;height:100%;object-fit:contain}.pool-row__name{display:grid;min-width:0}.pool-row__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:600}.pool-row__meta{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.chance-input{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--text-muted)}.chance-input .input{min-height:38px;text-align:right;font-variant-numeric:tabular-nums;font-weight:650}.pool-row__error{grid-column:2 / -1;margin:0;font-size:var(--text-xs);color:var(--danger)}.title-field{position:relative;width:100%;max-width:420px}.title-field .input{padding-right:64px;font-weight:650}.title-field__count{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;pointer-events:none}.title-field__count.is-warn{color:var(--warning)}.form-switch{display:flex;width:100%}.form-switch .segmented__option{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.form-switch__dot{width:7px;height:7px;border-radius:50%;background:var(--warning)}.empty-state--action{display:grid;justify-items:start;gap:var(--space-2)}.empty-state--action p{margin:0}.pool-row--chance{grid-template-columns:48px minmax(0,1fr) 112px}.pool-row__name .chance-bar{margin-top:6px}.chance-bar{display:block;height:4px;border-radius:var(--radius-pill);background:var(--input-bg);overflow:hidden}.chance-bar__fill{display:block;height:100%;border-radius:inherit;background:var(--success);transition:width var(--dur-fast) var(--ease-out)}.pool-cards{list-style:none;margin:0;padding:0;width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-2)}.pool-card{display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-areas:"thumb info" "actions actions";gap:var(--space-2) var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);background:var(--control-bg);border:1px solid var(--control-border);min-width:0}.pool-card__thumb{grid-area:thumb;display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-sm);background:var(--input-bg);overflow:hidden}.pool-card__thumb img{width:100%;height:100%;object-fit:contain}.pool-card__info{grid-area:info;display:grid;align-content:center;gap:1px;min-width:0}.pool-card__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:600}.pool-card__meta{font-size:.6875rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.pool-card__chance{font-size:var(--text-xs);font-weight:650;color:var(--success);font-variant-numeric:tabular-nums}.pool-card__chance.is-missing{color:var(--warning)}.pool-card.is-empty{border-style:dashed;background:transparent}.pool-card.has-error{grid-template-areas:"thumb info" "error error" "actions actions";border-color:color-mix(in srgb,var(--danger) 50%,transparent)}.pool-card__placeholder{color:var(--text-muted);opacity:.7}.pool-card__slot{display:flex;align-items:center;gap:var(--space-2);font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.pool-card__flag{padding:1px 6px;border-radius:var(--radius-pill);background:var(--warning-bg);color:var(--warning);letter-spacing:0;text-transform:none}.pool-card.is-empty .pool-card__name{color:var(--text-muted)}.pool-card__error{grid-area:error;margin:0;padding:0;list-style:none;font-size:var(--text-xs);color:var(--danger);overflow-wrap:anywhere}.pool-card__actions{grid-area:actions;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.pool-card__upload{min-width:96px}.pool-card__tools{display:flex;gap:var(--space-1)}.icon-btn--danger:not(:disabled){color:var(--danger)}.pool-row__slot{margin-right:var(--space-2);font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.link-field{display:flex;gap:var(--space-2);width:100%}.link-field .input{font-size:var(--text-sm)}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.steps{margin:0;padding-left:var(--space-5);display:grid;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);max-width:60ch}.steps strong{color:var(--text)}@media(max-width:560px){.sheet{border-radius:0}.pool-row{grid-template-columns:40px minmax(0,1fr) 96px 32px;gap:var(--space-2)}.pool-row__thumb{width:40px;height:40px}.pool-row--chance{grid-template-columns:40px minmax(0,1fr) 96px}.sheet__footer{flex-direction:column;align-items:stretch}}@media(prefers-reduced-motion:reduce){.sheet{animation:none}}html.overlay-transparent,html.overlay-transparent body{background:transparent!important}.overlay{height:100dvh;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vh,20px);padding:clamp(10px,3vh,32px) clamp(10px,3vw,32px);overflow:hidden}.overlay__title{font-size:clamp(1.4rem,5vmin,3rem);flex:none;max-width:100%}html.overlay-transparent .overlay__title{filter:drop-shadow(0 2px 10px rgba(0,0,0,.45))}.overlay__board{max-width:none;min-height:0}.overlay__status{position:fixed;right:12px;bottom:10px;margin:0;padding:4px 10px;border-radius:var(--radius-pill);font-size:12px;background:#0000008c;color:#fff}.overlay--message{justify-content:center}.overlay__message{max-width:460px;margin:0;padding:var(--space-5);border-radius:var(--radius-lg);text-align:center}