:root{--accent:#16a34a;--accent-deep:#15803d;--accent-ink:#14532d;--accent-soft:color-mix(in oklab, var(--accent) 14%, white 86%);--accent-line:color-mix(in oklab, var(--accent) 35%, white 65%);--bg:#fbf9f5;--bg-2:#f4f1ea;--paper:#fff;--paper-2:#fafaf7;--border:#ececea;--border-2:#e2e1de;--ink:#1a1a1c;--ink-2:#4a4a4f;--ink-3:#8a8a90;--ink-4:#c2c2c6;--c-mint:#5ec9a8;--c-mint-bg:#e0f3eb;--c-lav:#8b7ec8;--c-lav-bg:#ece8f7;--c-sky:#5ea8d9;--c-sky-bg:#e0eff7;--c-butter:#e8a854;--c-butter-bg:#fbf0db;--c-peach:#ee8765;--c-peach-bg:#fae4d8;--c-rose:var(--accent);--c-rose-bg:#dcfce7;--font-display:"Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--pad-x:clamp(20px, 4vw, 56px);--gap-lg:64px;--gap-md:28px;--gap-sm:16px;--r-xl:28px;--r-lg:20px;--r-md:14px;--r-sm:10px;--shadow-sm:0 1px 2px #14141e0a, 0 1px 3px #14141e0f;--shadow-md:0 4px 8px -2px #14141e0d, 0 10px 24px -8px #14141e1a;--shadow-lg:0 8px 16px -4px #14141e0f, 0 30px 60px -20px #14141e2e;--shadow-coral:0 8px 20px -6px color-mix(in oklab, var(--accent) 55%, transparent)}[data-type=display]{--font-display:"Plus Jakarta Sans", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif}[data-density=compact]{--gap-lg:44px;--gap-md:20px;--gap-sm:12px;--r-xl:22px;--r-lg:16px}[data-density=spacious]{--gap-lg:96px;--gap-md:44px;--gap-sm:22px;--r-xl:32px;--r-lg:24px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;padding:0}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;font-size:15px;line-height:1.55;overflow-x:hidden}button,input,select{font:inherit}.bg-canvas{z-index:0;pointer-events:none;background:var(--bg);position:fixed;inset:0}[data-bg=dots] .bg-canvas:after{content:"";background-image:radial-gradient(#1a1a1c0f 1px,#0000 1.4px);background-size:22px 22px;position:absolute;inset:0}[data-bg=grid] .bg-canvas:after{content:"";background-image:linear-gradient(90deg,#1a1a1c0a 1px,#0000 1px),linear-gradient(#1a1a1c0a 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}[data-bg=plain] .bg-canvas:after{display:none}@media (width<=760px){:root{--gap-lg:44px;--gap-md:22px;--r-xl:22px}}.page{z-index:1;position:relative}.container{width:min(1200px,100%);padding:0 var(--pad-x);margin:0 auto}.topbar{padding:14px var(--pad-x);z-index:50;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid;position:sticky;top:0}.topbar>*{pointer-events:auto}.brand{justify-self:start;align-items:center;gap:10px;display:flex}.brand-mark{background:var(--accent);color:#fff;width:30px;height:30px;box-shadow:var(--shadow-coral);border-radius:9px;place-items:center;display:grid}.brand-name{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-size:17px;font-weight:700}.brand-name span{color:var(--accent)}.top-nav{background:color-mix(in oklab, var(--paper) 38%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.5);border:1px solid #ffffffa6;border-radius:999px;gap:4px;padding:6px;display:flex;box-shadow:0 8px 24px -8px #14141e24,inset 0 1px #ffffffbf}.top-nav a,.top-nav button{font-family:var(--font-body);cursor:pointer;color:var(--ink-2);background:0 0;border:none;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s}.top-nav a:hover,.top-nav button:hover{color:var(--ink);background:#ffffff8c}.top-nav .active,.top-nav .active:hover{background:var(--ink);color:var(--paper)}.top-actions{justify-self:end;align-items:center;gap:10px;display:flex}.nav-burger{background:color-mix(in oklab, var(--paper) 38%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.5);width:38px;height:38px;color:var(--ink);cursor:pointer;border:1px solid #ffffffa6;border-radius:999px;justify-content:center;align-items:center;transition:all .15s;display:none;box-shadow:0 8px 24px -8px #14141e24,inset 0 1px #ffffffbf}.nav-burger:hover{background:#ffffff8c}.api-pill{font-family:var(--font-mono);color:var(--c-mint);background:var(--c-mint-bg);white-space:nowrap;letter-spacing:.04em;border-radius:999px;align-items:center;gap:7px;padding:6px 11px 6px 9px;font-size:11px;font-weight:500;display:inline-flex}.api-pill.offline{color:var(--ink-3);background:var(--bg-2)}.api-pill .dot{background:var(--c-mint);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in oklab, var(--c-mint) 25%, transparent);border-radius:50%;animation:1.8s ease-in-out infinite pulse}.api-pill.offline .dot{background:var(--ink-3);box-shadow:0 0 0 3px color-mix(in oklab, var(--ink-3) 25%, transparent);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero{padding:clamp(40px, 7vh, 76px) 0 var(--gap-lg);text-align:center}.eyebrow{font-family:var(--font-body);color:var(--ink-2);background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow-sm);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 8px;font-size:13px;font-weight:500;display:inline-flex}.eyebrow .dot-pulse{background:var(--accent-soft);width:18px;height:18px;color:var(--accent);border-radius:50%;place-items:center;font-size:10px;display:grid}.hero h1{font-family:var(--font-display);letter-spacing:-.035em;color:var(--ink);text-wrap:balance;margin:22px 0 14px;font-size:clamp(44px,7.2vw,92px);font-weight:700;line-height:1}.hero h1 .accent{color:var(--accent)}.hero p.lede{font-family:var(--font-body);color:var(--ink-2);max-width:580px;margin:0 auto;font-size:clamp(15px,1.3vw,17px);line-height:1.6}.vs-shell{max-width:1000px;margin:clamp(26px,4vw,40px) auto 0;position:relative}.vs-bar{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);grid-template-columns:1fr auto 1fr;align-items:stretch;transition:box-shadow .2s,transform .2s;display:grid;position:relative;overflow:hidden}.vs-bar:hover{box-shadow:var(--shadow-lg), 0 0 0 4px color-mix(in oklab, var(--accent) 8%, transparent)}.pslot{text-align:left;cursor:pointer;color:inherit;font:inherit;background:0 0;border:none;align-items:center;gap:16px;padding:22px 24px;transition:background .15s;display:flex;position:relative}.pslot:hover{background:color-mix(in oklab, var(--accent) 4%, transparent)}.pslot.right{text-align:right;flex-direction:row-reverse}.pslot .label{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:6px;font-size:10px;font-weight:500;display:inline-flex}.pslot.right .label{flex-direction:row-reverse}.pslot .label:before{content:"";background:var(--c-peach);border-radius:50%;width:8px;height:8px}.pslot.right .label:before{background:var(--c-sky)}.pslot .name{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.1}.pslot .meta{font-family:var(--font-mono);color:var(--ink-3);align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.pslot.right .meta{justify-content:flex-end}.pslot .meta .accent{color:var(--accent);font-weight:600}.pslot .meta .sep{color:var(--ink-4)}.pslot .placeholder{color:var(--ink-3);font-weight:500}.pavatar{background:var(--c-peach-bg);border:1px solid var(--border);width:56px;height:56px;font-family:var(--font-display);color:var(--c-peach);border-radius:16px;flex-shrink:0;place-items:center;font-size:18px;font-weight:700;display:grid;position:relative}.pslot.right .pavatar{background:var(--c-sky-bg);color:var(--c-sky)}.pavatar.empty{background:var(--bg-2);color:var(--ink-3);border-style:dashed;font-size:22px;font-weight:400}.pavatar .flag{background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:8px;padding:2px 4px;font-size:14px;line-height:1;position:absolute;bottom:-4px;right:-4px}.vs-mid{background:linear-gradient(to bottom, color-mix(in oklab, var(--c-rose-bg) 55%, var(--paper)), var(--c-rose-bg));border-left:1px solid var(--border);border-right:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:108px;padding:18px 24px;display:flex;position:relative}.vs-mid:before{content:"";border-left:2px dashed color-mix(in oklab, var(--accent) 30%, transparent);position:absolute;top:0;bottom:0;left:50%;transform:translate(-1px)}.vs-mid>*{position:relative}.vs-glyph{background:var(--accent);border:3px solid var(--paper);width:58px;height:58px;box-shadow:var(--shadow-coral);font-family:var(--font-display);letter-spacing:-.02em;color:#fff;border-radius:50%;place-items:center;font-size:19px;font-weight:800;transition:transform .2s;display:grid}.vs-bar:hover .vs-glyph{transform:scale(1.06)}.vs-glyph svg{width:28px;height:28px}.swap-btn{background:var(--paper);border:1px solid var(--border);width:34px;height:34px;color:var(--ink-2);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;transition:all .15s;display:grid}.swap-btn:hover{color:var(--accent);border-color:var(--accent-line);box-shadow:var(--shadow-md)}.swap-btn svg{width:15px;height:15px;transition:transform .25s}.swap-btn:hover svg{transform:rotate(180deg)}.vs-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:20px;display:flex}.ghost-btn{background:var(--paper);border:1px solid var(--border);color:var(--ink-2);font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.ghost-btn:hover{color:var(--ink);border-color:var(--border-2);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ghost-btn svg{width:13px;height:13px;transition:transform .2s}.ghost-btn.open svg{transform:rotate(180deg)}.predict-btn{background:var(--accent);color:#fff;border:1px solid var(--accent-deep);font-family:var(--font-display);cursor:pointer;box-shadow:var(--shadow-coral);letter-spacing:-.005em;border-radius:999px;align-items:center;gap:8px;padding:14px 30px;font-size:15px;font-weight:600;transition:transform .12s,box-shadow .2s;display:inline-flex}.predict-btn:hover:not(:disabled){box-shadow:0 12px 28px -6px color-mix(in oklab, var(--accent) 65%, transparent);transform:translateY(-1px)}.predict-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.predict-btn .arrow{transition:transform .2s}.predict-btn:hover:not(:disabled) .arrow{transform:translate(3px)}.ctx-panel{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);grid-template-columns:repeat(4,1fr);gap:16px;margin-top:14px;padding:24px;display:grid}.ctx-field{text-align:left;flex-direction:column;gap:6px;display:flex}.ctx-field label{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:500}.ctx-field input,.ctx-field select{background:var(--paper-2);border:1px solid var(--border);color:var(--ink);border-radius:var(--r-sm);font-family:var(--font-body);outline:none;padding:10px 12px;font-size:14px;transition:all .15s}.ctx-field input:focus,.ctx-field select:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft);background:var(--paper)}.chip-row{margin-top:var(--gap-md);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.chip-label{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.04em;align-items:center;padding-right:4px;font-size:11px;display:flex}.chip{background:var(--paper);border:1px solid var(--border);color:var(--ink);font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-sm);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.chip:hover{box-shadow:var(--shadow-md);border-color:var(--accent-line);transform:translateY(-1px)}.chip .vs{color:var(--ink-3);font-family:var(--font-mono);background:var(--bg-2);letter-spacing:.04em;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}.chip .flag{font-size:14px}.chip-random{color:var(--accent-deep);background:var(--accent-soft);border-color:var(--accent-line)}.chip-random:hover{background:color-mix(in oklab, var(--accent) 20%, white)}.chip-random svg{flex-shrink:0}.result-shell{max-width:1000px;margin:var(--gap-md) auto 0;transition:max-height .55s cubic-bezier(.4,0,.2,1),opacity .45s,margin-top .3s;overflow:hidden}.result-shell[data-open=false]{opacity:0;max-height:0;margin-top:0}.result-shell[data-open=true]{opacity:1;max-height:1400px}.result-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);text-align:left;padding:clamp(22px,3vw,36px);position:relative;overflow:hidden}.result-card:before{content:"";background:var(--accent);height:4px;position:absolute;top:0;left:0;right:0}.result-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.result-tag{font-family:var(--font-mono);color:var(--accent);letter-spacing:.04em;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:500;display:inline-flex}.result-tag:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%}.winner-name{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(24px,3vw,36px);font-weight:700;line-height:1.1}.winner-name span{color:var(--accent)}.conf-pill{font-family:var(--font-display);color:var(--accent);background:var(--accent-soft);letter-spacing:-.02em;border-radius:999px;align-items:baseline;gap:4px;padding:8px 20px;font-size:26px;font-weight:700;line-height:1;display:inline-flex}.conf-pill:after{content:"%";opacity:.6;font-size:16px}.pbar{background:var(--bg-2);border-radius:999px;height:12px;margin:8px 0 10px;position:relative;overflow:hidden}.pbar .fill-a{background:var(--accent);border-radius:999px;transition:width 1.2s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0}.pbar-labels{font-family:var(--font-body);justify-content:space-between;font-size:13px;display:flex}.pbar-labels .pl strong{color:var(--ink);font-weight:600}.pbar-labels .pa{color:var(--accent);font-weight:700;font-family:var(--font-mono)}.pbar-labels .pb{color:var(--ink-2);font-family:var(--font-mono)}.result-grid{grid-template-columns:1.3fr 1fr;gap:28px;margin-top:24px;display:grid}.scoreline{flex-direction:column;gap:12px;display:flex}.h{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:500}.sets{flex-wrap:wrap;gap:10px;display:flex}.set-tile{background:var(--paper-2);border:1px solid var(--border);border-radius:var(--r-md);font-family:var(--font-display);align-items:baseline;gap:8px;min-width:120px;padding:12px 16px;display:flex}.set-tile .a{color:var(--accent);letter-spacing:-.02em;font-size:24px;font-weight:700}.set-tile .a.lose{color:var(--ink-3);font-weight:500}.set-tile .dash{color:var(--ink-4);font-weight:400}.set-tile .b{color:var(--ink);letter-spacing:-.02em;font-size:24px;font-weight:700}.set-tile .b.lose{color:var(--ink-3);font-weight:500}.set-tile .label{font-family:var(--font-mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.12em;margin-left:auto;font-size:10px}.result-desc{font-family:var(--font-body);color:var(--ink-2);margin-top:12px;font-size:13px;line-height:1.55}.factors{flex-direction:column;gap:12px;display:flex}.factor{font-family:var(--font-body);grid-template-columns:100px 1fr 38px;align-items:center;gap:12px;font-size:13px;display:grid}.factor .fname{color:var(--ink);font-weight:500}.factor .ftrack{background:var(--bg-2);border-radius:999px;height:6px;position:relative;overflow:hidden}.factor .ffill{background:var(--accent);border-radius:999px;transition:width 1s;position:absolute;top:0;bottom:0}.factor .fval{color:var(--ink-2);text-align:right;font-family:var(--font-mono);font-size:12px;font-weight:500}.factor.neg .ffill{background:var(--c-lav)}.result-error{margin:var(--gap-md) auto 0;background:var(--c-rose-bg);border:1px solid var(--accent-line);max-width:1000px;color:var(--accent-ink);border-radius:var(--r-md);font-family:var(--font-body);text-align:center;padding:14px 18px;font-size:14px}.section{padding:var(--gap-lg) 0;position:relative}.section-head{margin-bottom:var(--gap-md);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.section-head h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(28px,3.4vw,44px);font-weight:700;line-height:1.05}.section-head h2 .accent{color:var(--accent)}.section-head .kicker{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;display:inline-flex}.section-head .kicker:before{content:"";background:var(--c-mint);border-radius:50%;width:6px;height:6px}.section-head .right{font-family:var(--font-body);color:var(--ink-2);white-space:nowrap;align-items:center;gap:10px;font-size:13px;display:flex}.section-head .right .slot-tag{font-family:var(--font-mono);background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:4px 9px;font-size:11px;font-weight:600}.vs-disc{justify-content:center;margin-top:clamp(26px,4vw,40px);display:flex}.vs-disc .tabs{flex-wrap:wrap;justify-content:center;max-width:100%;margin-bottom:0}.tabs{background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:999px;margin-bottom:16px;padding:3px;display:inline-flex}.tab{color:var(--ink-3);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .15s}.tab[aria-selected=true]{background:var(--ink);color:var(--paper)}.tab .tab-s{display:none}.lb-table{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);overflow:hidden}.lb-row{border-bottom:1px solid var(--border);grid-template-columns:48px minmax(196px,1.8fr) 92px 90px 120px 84px;align-items:center;gap:14px;padding:14px 22px;transition:background .12s;display:grid}.lb-row.head{background:var(--paper-2);font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:500}.lb-row.head:hover{background:var(--paper-2)}.lb-row:hover{background:color-mix(in oklab, var(--accent) 4%, transparent)}.lb-row:last-child{border-bottom:none}.lb-caption{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-3);margin-top:10px;padding-left:4px;font-size:11px}.lb-caption.live{color:var(--ink-2)}.lb-caption.demo{color:var(--accent)}.lb-empty{text-align:center;color:var(--ink-3);padding:28px 22px;font-size:13px}.lb-form-na{color:var(--ink-3)}.lb-rank{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-size:18px;font-weight:700}.lb-rank-1 .lb-rank{color:var(--accent)}.lb-rank-2 .lb-rank{color:var(--c-peach)}.lb-rank-3 .lb-rank{color:var(--c-butter)}.lb-name{align-items:center;gap:12px;display:flex}.lb-name>span:last-child{flex-direction:column;gap:1px;min-width:0;display:flex}.lb-name>span:last-child>span:first-child{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.lb-name .country{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.08em;font-size:10px}.lb-elo{font-family:var(--font-mono);color:var(--ink);font-size:13px;font-weight:500}.lb-rec{font-family:var(--font-mono);color:var(--ink-3);white-space:nowrap;font-size:12px}.lb-rec strong{color:var(--ink);font-weight:600}.lb-form{gap:3px;display:flex}.lb-form .dot{width:20px;height:20px;font-family:var(--font-mono);border-radius:6px;place-items:center;font-size:10px;font-weight:600;display:grid}.lb-form .dot.w{background:var(--c-mint-bg);color:var(--c-mint)}.lb-form .dot.l{background:var(--bg-2);color:var(--ink-3)}.lb-pick{border:1px solid var(--border);color:var(--ink-2);font-family:var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:500;transition:all .12s}.lb-pick:hover{background:var(--accent);color:#fff;border-color:var(--accent-deep);box-shadow:var(--shadow-coral)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14141c66;place-items:start center;padding-top:8vh;animation:.15s fadein;display:grid;position:fixed;inset:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}.modal{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-xl);width:min(560px,92vw);animation:.25s cubic-bezier(.4,0,.2,1) slideup;overflow:hidden;box-shadow:0 40px 80px -20px #14141e66}@keyframes slideup{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 20px;display:flex}.modal-filters{border-bottom:1px solid var(--border);padding:12px 20px}.modal-filters .tabs{flex-wrap:wrap;margin-bottom:0}.modal-filters .tab{padding:7px 14px;font-size:12px}.modal-search{color:var(--ink);font-size:15px;font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1}.modal-search::placeholder{color:var(--ink-3)}.modal-kbd{font-family:var(--font-mono);color:var(--ink-3);border:1px solid var(--border);background:var(--paper-2);border-radius:4px;padding:3px 7px;font-size:10px}.modal-search-icon{color:var(--ink-3);place-items:center;display:grid}.modal-list{max-height:60vh;padding:8px;overflow-y:auto}.modal-list::-webkit-scrollbar{width:10px}.modal-list::-webkit-scrollbar-thumb{background:var(--border-2);border:2px solid var(--paper);border-radius:999px}.modal-section{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;padding:12px 12px 6px;font-size:10px;font-weight:500}.modal-item{border-radius:var(--r-sm);cursor:pointer;grid-template-columns:40px 1fr auto;align-items:center;gap:14px;padding:10px 12px;transition:background .1s;display:grid}.modal-item:hover,.modal-item[aria-selected=true]{background:var(--paper-2)}.modal-item .pavatar{border-radius:10px;width:36px;height:36px;font-size:13px}.modal-item .pavatar .flag{padding:1px 3px;font-size:11px}.modal-item .mname{flex-direction:column;gap:1px;display:flex}.modal-item .mname b{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);font-size:15px;font-weight:600}.modal-item .mname span{font-family:var(--font-mono);color:var(--ink-3);font-size:11px}.modal-item .mright{font-family:var(--font-mono);flex-direction:column;align-items:end;gap:1px;display:flex}.modal-item .mright .mrank{color:var(--accent);font-size:13px;font-weight:600}.modal-item .mright .melo{color:var(--ink-3);font-size:11px}.modal-empty{text-align:center;font-family:var(--font-body);color:var(--ink-3);padding:40px 20px;font-size:14px}footer{padding:32px var(--pad-x) 28px;border-top:1px solid var(--border);margin-top:var(--gap-lg);font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:11px;display:flex}footer .right{color:var(--ink-2)}@media (width<=760px){.topbar{grid-template-columns:1fr auto}.nav-burger{display:inline-flex}.top-nav{top:calc(100% - 4px);right:var(--pad-x);background:color-mix(in oklab, var(--paper) 92%, transparent);border-radius:20px;flex-direction:column;align-items:stretch;min-width:200px;padding:8px;display:none;position:absolute}.top-nav.open{display:flex}.top-nav button{text-align:left;padding:11px 16px;font-size:15px}.tabs,.modal-filters .tabs{flex-wrap:nowrap;width:100%;max-width:420px;display:flex}.tab{text-align:center;white-space:nowrap;flex:1 1 0;padding:9px 4px;font-size:13.5px;font-weight:600}.tab .tab-l{display:none}.tab .tab-s{font-family:var(--font-mono);letter-spacing:.06em;display:inline}.vs-bar{grid-template-columns:1fr}.vs-mid{border-left:none;border-right:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:row;min-height:76px;padding:14px 16px}.vs-mid:before{border-left:none;border-top:2px dashed color-mix(in oklab, var(--accent) 30%, transparent);inset:50% 0 auto;transform:translateY(-1px)}.pslot.right{text-align:left;flex-direction:row}.pslot.right .label{flex-direction:row}.pslot.right .meta{justify-content:flex-start}.pslot{gap:12px;padding:16px}.vs-bar .pavatar{width:48px;height:48px;font-size:16px}.vs-actions .predict-btn{justify-content:center;width:100%}.chip-row{flex-direction:column;align-items:stretch;gap:8px}.chip-row .chip-label{justify-content:center;padding:0 0 2px}.chip{width:100%;padding:11px 14px}.chip:not(.chip-random){grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px;display:grid}.chip:not(.chip-random)>span:nth-child(2),.chip:not(.chip-random)>span:nth-child(4){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chip:not(.chip-random)>span:nth-child(2){text-align:right}.chip:not(.chip-random)>span:nth-child(4){text-align:left}.chip-random{justify-content:center}.ctx-panel{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.result-grid{grid-template-columns:1fr}.result-shell[data-open=true]{max-height:2400px}.section-head .right{white-space:normal}.lb-row{grid-template-columns:36px 1fr 70px;gap:10px;padding:12px 14px}.lb-row .lb-elo,.lb-row .lb-rec,.lb-row .lb-form,.lb-row.head span:nth-child(3),.lb-row.head span:nth-child(4),.lb-row.head span:nth-child(5){display:none}.modal-backdrop{padding-top:4vh}.modal{width:min(560px,94vw)}.modal-kbd{display:none}footer{text-align:center;justify-content:center}}.sim-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.sim-toolbar .tabs{margin-bottom:0}.sim-actions{flex-wrap:wrap;gap:10px;margin-left:auto;display:flex}.tab:disabled{opacity:.4;cursor:not-allowed}.sim-note{font-family:var(--font-body);color:var(--accent-ink,var(--ink-2));background:var(--c-rose-bg);border:1px solid var(--accent-line);border-radius:var(--r-md);margin-bottom:16px;padding:10px 14px;font-size:13px}.tbracket-hint{font-family:var(--font-body);color:var(--ink-3);margin:4px 0 14px;font-size:12.5px}.tbracket-wrap{padding:6px 6px 16px;position:relative;overflow-x:auto}.tbracket{align-items:stretch;gap:var(--cg);--cg:46px;--line:var(--ink-4);--lw:2px;min-width:min-content;display:flex}.tcol{flex-direction:column;flex:1 1 0;min-width:168px;display:flex}.tcol--winner{flex:0 0 178px;justify-content:center;min-width:150px}.tcol-head{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);align-items:center;height:22px;margin-bottom:6px;font-size:10px;display:flex}.tcol-head .rcode{color:var(--accent);background:var(--accent-soft);border-radius:5px;padding:2px 7px;font-weight:700}.tcol-head .tcol-trophy{color:var(--accent);font-weight:700}.tmatch{flex-direction:column;flex:1 1 0;justify-content:center;display:flex;position:relative}.tcol--winner .tmatch{flex:none}.tmatch--in:before{content:"";width:calc(var(--cg) / 2 + 1px);border-top:var(--lw) solid var(--line);position:absolute;top:50%;right:100%}.tmatch--top:after,.tmatch--bottom:after,.tmatch--straight:after{content:"";width:calc(var(--cg) / 2);position:absolute;left:100%}.tmatch--top:after{border-top:var(--lw) solid var(--line);border-right:var(--lw) solid var(--line);top:50%;bottom:0}.tmatch--bottom:after{border-bottom:var(--lw) solid var(--line);border-right:var(--lw) solid var(--line);top:0;bottom:50%}.tmatch--straight:after{border-top:var(--lw) solid var(--line);top:50%}.tcard{background:var(--paper);border:1px solid var(--border-2);box-shadow:var(--shadow-sm);z-index:1;border-radius:10px;position:relative;overflow:hidden}.ts-row{width:100%;font-family:var(--font-body);color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:9px 12px;font-size:13.5px;transition:background-color .4s,color .3s;display:flex}.ts-row+.ts-row{border-top:1px solid var(--border)}.ts-edit{cursor:pointer;transition:background .12s}.ts-edit:hover{background:var(--accent-soft)}.ts-seed{font-family:var(--font-mono);color:var(--ink-3);background:var(--bg-2);border-radius:5px;flex-shrink:0;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-weight:600;display:grid}.ts-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ts-prob{font-family:var(--font-mono);color:var(--ink-3);margin-left:auto;font-size:11.5px}.ts-empty{color:var(--ink-3);font-style:italic}.ts-row.win{background:color-mix(in oklab, var(--accent) 8%, transparent)}.ts-row.win .ts-name{color:var(--ink);font-weight:700}.ts-row.win .ts-prob{color:var(--accent);font-weight:700}.ts-row.win .ts-seed{color:var(--accent);background:var(--accent-soft)}.ts-row.lose{color:var(--ink-3)}.ts-row.lose .ts-prob{color:var(--ink-4)}.tcard--winner{z-index:1;text-align:center;background:var(--paper);border:1px solid var(--border-2);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;align-items:center;gap:7px;padding:22px 16px 20px;display:flex;position:relative;overflow:hidden}.tcard--winner.filled{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 5%, var(--paper));box-shadow:var(--shadow-coral);animation:.55s cubic-bezier(.2,.8,.2,1) both twinPop}.tw-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:17px;font-weight:700}.tw-sub{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:9.5px}.tw-placeholder{font-family:var(--font-display);color:var(--ink-3);font-size:14px;font-weight:700}.tbracket-loading{z-index:5;background:color-mix(in oklab, var(--bg) 68%, transparent);-webkit-backdrop-filter:blur(2px);border-radius:var(--r-md);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.tbracket-loading-text{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-size:11.5px}.tspinner{border:3px solid var(--border-2);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.7s linear infinite tspin}.btn-loading{align-items:center;gap:8px;display:inline-flex}.btn-spinner{border:2px solid color-mix(in oklab, currentColor 35%, transparent);border-top-color:currentColor;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite tspin}@keyframes tspin{to{transform:rotate(360deg)}}.tcard.is-enter{animation:.5s cubic-bezier(.2,.7,.2,1) both tcardIn}@keyframes tcardIn{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes twinPop{0%{opacity:0;transform:scale(.88)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.tcard.is-pending{animation:1.2s ease-in-out infinite tpending}@keyframes tpending{0%,to{opacity:.45}50%{opacity:.8}}@media (prefers-reduced-motion:reduce){.tspinner,.btn-spinner{animation-duration:1.6s}.tcard.is-enter,.tcard--winner.filled,.tcard.is-pending{animation:none}}@media (width<=760px){.sim-actions{grid-template-columns:1fr 1fr;width:100%;margin-left:0;display:grid}.sim-actions .ghost-btn{justify-content:center}.sim-actions .predict-btn{grid-column:1/-1;justify-content:center}.tbracket{--cg:30px}.tcol{min-width:146px}.tcol--winner{flex-basis:146px;min-width:132px}}