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