:root{--bg: #12121a;--surface: #1b1b26;--border: #2c2c3b;--text: #e8e8f0;--muted: #8d8da5;--accent: #f5b52b;--win: #4ade80;--loss: #f87171;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.page{width:100%;max-width:64rem;margin:0 auto;flex:1;padding:1.25rem 1.5rem 4rem}.page--centered{display:flex;justify-content:center;padding:2rem 1.5rem}.page--centered>*{margin:auto}.page--home{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:3rem 1rem 2rem}.about{width:min(36rem,100%);color:var(--muted);line-height:1.55}.about h2{margin:0 0 .5rem;font-size:1.1rem;color:var(--text)}.about p{margin:0 0 .75rem}.about ul{margin:0;padding-left:1.2rem}.about li+li{margin-top:.35rem}.about strong{color:var(--text);font-weight:600}#root{display:flex;flex-direction:column;min-height:100vh}.disclaimer{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem .75rem;padding:1.5rem;border-top:1px solid var(--border);color:var(--muted);font-size:.8rem;text-align:center}.disclaimer .build{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;font-variant-numeric:tabular-nums;opacity:.75}h1{margin:0;font-size:1.6rem;letter-spacing:-.01em}.muted{color:var(--muted)}.prompt{display:flex;flex-direction:column;gap:.6rem;width:min(26rem,100%);padding:2rem;background:var(--surface);border:1px solid var(--border);border-radius:12px}.prompt .lede{margin:0 0 1rem;color:var(--muted)}.prompt label{font-size:.85rem;color:var(--muted)}.prompt .hint,.modal .hint{margin:.4rem 0 0;font-size:.8rem;color:var(--muted)}.prompt--wide{width:min(58rem,100%)}.prompt__row{display:flex;gap:.5rem}.prompt__row input{flex:1;min-width:0}.recent{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.recent__label{font-size:.8rem;color:var(--muted)}.turnstile{min-height:65px}.turnstile--quiet{position:fixed;right:1rem;bottom:1rem;z-index:10;min-height:0}.prompt .count,.modal .count{margin:.6rem 0 0;font-size:.85rem}.results-scroll{overflow-x:auto}.results__row{cursor:pointer}.results__row:hover{background:var(--bg)}.link-button{padding:0;font:inherit;font-weight:600;color:var(--text);background:none;border:0;cursor:pointer}.results__row:hover .link-button{color:var(--accent)}.flag{margin-right:.35rem;font-size:1rem;line-height:1}input{padding:.6rem .7rem;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{padding:.55rem 1rem;font:inherit;font-weight:600;color:#1b1b26;background:var(--accent);border:1px solid transparent;border-radius:8px;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button.ghost{color:var(--text);background:transparent;border-color:var(--border);font-weight:500}.bar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.bar p{margin:.35rem 0 0;font-size:.85rem}.actions{display:flex;gap:.5rem}.banner{margin:1.25rem 0 0;padding:.7rem .9rem;font-size:.9rem;background:var(--surface);border:1px solid var(--border);border-radius:8px}.banner--error{color:var(--loss);border-color:color-mix(in srgb,var(--loss) 40%,var(--border))}.empty{margin-top:2.5rem;color:var(--muted);text-align:center}.count{margin:1.5rem 0 .5rem;font-size:.85rem}.filters .count{margin:0}.log{margin-top:1.5rem}.battle-log,.results{width:100%;border-collapse:collapse;font-size:.9rem}.battle-log th,.results th{padding:.5rem .6rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:left;border-bottom:1px solid var(--border)}.battle-log td,.results td{padding:.55rem .6rem;border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent);white-space:nowrap}.battle-log tbody tr:hover{background:var(--surface)}.numeric{font-variant-numeric:tabular-nums}.outcome{font-weight:600}.pager{display:flex;gap:1rem;align-items:center;justify-content:center;margin-top:1rem;font-size:.85rem}.outcome--win{color:var(--win)}.outcome--loss{color:var(--loss)}.drift{margin-left:.4rem;font-size:.78rem}.outcome--draw,.outcome--unknown{color:var(--muted)}.tabs{display:flex;gap:.25rem;margin-top:1.5rem;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.tab{flex-shrink:0;white-space:nowrap;padding:.55rem .9rem;color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent;border-radius:6px 6px 0 0;font-weight:500;margin-bottom:-1px}.tab:hover{color:var(--text)}.tab[aria-current=page]{color:var(--text);border-bottom-color:var(--accent)}.rank{margin-top:1.5rem}.filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1rem}.filters--page{justify-content:flex-start;gap:.75rem 2rem;margin-top:1.25rem;margin-bottom:0}.filter{display:flex;flex-wrap:wrap;gap:.4rem .6rem;align-items:center}.filter__label{font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{display:inline-flex;align-items:center;gap:.4rem;min-height:2rem;padding:.35rem .75rem;font-size:.875rem;font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:999px}.chip:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.chip[aria-pressed=true]{color:#1b1b26;background:var(--accent);border-color:var(--accent);font-weight:600}.chip__star{color:var(--accent)}.chip__count{font-size:.78rem;opacity:.65}.card{padding:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:12px}.card__head{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem}.card__head h2{margin:0;font-size:.95rem;font-weight:600}.stat{display:flex;flex-wrap:wrap;gap:.6rem;align-items:baseline;margin:.35rem 0 0;font-size:.85rem}.stat__value{font-size:1.75rem;font-weight:600;letter-spacing:-.02em}button.small{padding:.35rem .7rem;font-size:.85rem}.chart-tip{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .7rem;font-size:.85rem;background:var(--bg);border:1px solid var(--border);border-radius:8px}.chart-tip .muted{font-size:.78rem}.recharts-wrapper:focus-visible,.recharts-surface:focus{outline:none}.card__tools{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.legend{display:flex;gap:.9rem;margin:0;padding:0;list-style:none;font-size:.8rem;color:var(--muted)}.legend li{display:inline-flex;align-items:center;gap:.4rem}.legend__swatch{width:14px;height:2px;border-radius:1px}.legend__swatch--faint{opacity:.7}.forecast{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem}.forecast__note{margin:.35rem 0 0;font-size:.8rem}.forecast__tile{display:flex;flex-direction:column;gap:.25rem;padding:1rem;font-size:.85rem;background:var(--bg);border:1px solid var(--border);border-radius:10px}.forecast__head{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline}.forecast__total{font-weight:600;color:var(--text)}.forecast__label{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.forecast__next{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.5rem 0 0}.chart--zoomable .recharts-surface{cursor:crosshair}.chart--zoomable{-webkit-user-select:none;user-select:none}.card+.card{margin-top:1rem}.card .empty{margin:2rem 0}.stat__rank{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;font-size:.8rem;font-weight:600;background:var(--bg);border:1px solid var(--border);border-radius:999px}.rank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.2rem;height:1.2rem;padding:0 .25rem;font-size:.68rem;font-weight:700;line-height:1;letter-spacing:.01em;border:1px solid var(--bg);border-radius:999px}.profile-link{color:inherit;text-decoration:none}.profile-link:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--accent)}.star{margin-left:.4rem;padding:0 .2rem;font-size:1.4rem;line-height:1;vertical-align:.1em;color:var(--muted);background:none;border:0;border-radius:4px;cursor:pointer}.star:hover,.star[aria-pressed=true]{color:var(--accent)}.star:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.profile-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}kbd{padding:.1rem .35rem;margin-left:.35rem;font-family:inherit;font-size:.72rem;font-weight:600;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:4px}.modal{width:min(58rem,calc(100vw - 2rem));max-height:min(80vh,44rem);margin:6vh auto auto;padding:0;overflow:auto;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px}.modal::backdrop{background:#0000008c}.modal__body{display:flex;flex-direction:column;gap:.6rem;padding:1.25rem}.modal__head{display:flex;gap:1rem;align-items:center;justify-content:space-between}.modal__head h2{margin:0;font-size:1rem;font-weight:600}.results__row--active{background:color-mix(in srgb,var(--accent) 14%,var(--bg))}.results__row--active .link-button{color:var(--accent)}.results__row--active td:first-child{box-shadow:inset 2px 0 var(--accent)}.battle-log tbody tr:hover .link-button,.battle-log .link-button:focus-visible{color:var(--accent);text-decoration:underline}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.matchups{margin-top:1.5rem}.sort{display:inline-flex;align-items:center;gap:.25rem;padding:0;font:inherit;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:inherit;background:none;border:0;cursor:pointer}.sort:hover{color:var(--text)}.sort__arrow{display:inline-block;min-width:.6em;font-size:.9em}.record{display:inline-flex;gap:.15rem;font-weight:600}.ratio{display:grid;grid-template-columns:7rem auto;gap:.5rem;align-items:center}.ratio__track{display:block;height:.5rem;overflow:hidden;background:var(--loss);border-radius:999px}.ratio__win{display:block;height:100%;background:var(--win)}.ratio__mark{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--text);opacity:.85;border-radius:1px}.ratio__track{position:relative}.compare{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.compare__field{display:inline-flex;gap:.4rem;align-items:center;font-size:.85rem}.compare select{padding:.3rem .5rem;font:inherit;font-size:.85rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px}.compare select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.matchups__count{margin:0 0 .75rem}.ratio__caveat{margin-left:.1rem;font-size:.75em;vertical-align:super}.matchups__total th,.matchups__total td{padding:.7rem .6rem;font-size:.9rem;font-weight:600;text-transform:none;letter-spacing:normal;color:var(--text);white-space:nowrap;border-bottom:1px solid var(--border)}.battle-log .matchups__total tr:hover{background:none}@media (max-width: 40rem){.ratio{grid-template-columns:3.5rem auto}}.rivals{margin-top:1.5rem}.rivals__count{margin:0 0 .75rem}.boards{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem;align-items:start}.board{padding:1.1rem 1.1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:12px}.board__head{margin-bottom:.9rem}.board__head h2{margin:0;font-size:.95rem;font-weight:600}.board__head p{margin:.2rem 0 0;font-size:.8rem}.board__list{display:flex;flex-direction:column;gap:.1rem;margin:0;padding:0;list-style:none}.board__empty,.board__note{margin:0;font-size:.8rem}.board__note{margin-top:.6rem}.rival{display:grid;grid-template-columns:1.1rem minmax(0,1fr) auto;gap:.1rem .55rem;align-items:center;padding:.45rem 0;border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent)}.rival:last-child{border-bottom:0}.rival__place{font-size:.8rem;font-weight:600;color:var(--muted);text-align:right}.rival__who,.rival__figures{display:flex;min-width:0;flex-direction:column;gap:.1rem}.rival__figures{text-align:right}.rival__who .link-button{overflow:hidden;font-size:.9rem;font-weight:600;text-align:left;text-overflow:ellipsis;white-space:nowrap}.rival:hover .link-button,.rival .link-button:focus-visible{color:var(--accent);text-decoration:underline}.rival__meta,.rival__record{font-size:.78rem;white-space:nowrap}.rival__meta{overflow:hidden;text-overflow:ellipsis}.rival__count{font-size:.95rem;font-weight:600}.rival__unit{font-size:.75rem;font-weight:400}