:root{--bg: #111;--ink: #f3f1ea;--dim: #8a877c;--line: #2a2a2a;--mark: #d6ff3f;--mark-ink: #111;--favor: #4dff62;--favor-dim: #1f6b32;--poss: #ffe24a;--poss-dim: #7a6b18;--win: #4dff62;--loss: #ff5a3c;--contra: #ff5a3c;--contra-dim: #7a2e22;--font: "Barlow", system-ui, sans-serif;--cond: "Barlow Condensed", "Barlow", sans-serif;--brand: "Aldrich", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.35;-webkit-font-smoothing:antialiased}button,a{color:inherit;text-decoration:none}button{font:inherit;background:none;border:0;padding:0;cursor:pointer}img,svg{display:block;max-width:100%}.app{min-height:100dvh;max-width:720px;margin:0 auto;overflow-x:clip}.mast{position:sticky;top:0;z-index:20;background:var(--bg);padding:calc(8px + env(safe-area-inset-top)) 14px 0;border-bottom:1px solid var(--line)}.mast-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:8px}.brand img{width:22px;height:22px}.brand b{font-family:var(--brand);font-weight:400;font-size:12px;letter-spacing:.12em}.sex{display:flex;gap:2px}.sex a{padding:6px 8px;text-align:center;font-family:var(--cond);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);border-bottom:2px solid transparent}.sex a.on{color:var(--ink);border-bottom-color:var(--mark)}.flags{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;max-width:100%;justify-items:center;gap:6px 4px;padding:6px 0;margin-top:4px;background:var(--bg);overflow:hidden;border-top:1px solid var(--line)}.flag-btn img,.flag-btn .fallback{width:16px;max-width:16px;height:11px;min-width:0;aspect-ratio:auto;object-fit:cover;background:#1c1c1c;border:1px solid var(--line);border-radius:0}.flag-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;width:100%;overflow:hidden;opacity:.45}.flag-btn.on,.flags:not(:has(.on)) .flag-btn{opacity:1}.flag-btn.on img,.flag-btn.on .fallback{outline:1px solid var(--mark);outline-offset:1px}.flag-btn .fallback{display:grid;place-items:center;font-family:var(--cond);font-size:7px;font-weight:700}.flag-btn em{font-style:normal;font-family:var(--cond);font-size:8px;font-weight:600;letter-spacing:.04em;color:var(--dim);line-height:1}.flag-btn.on em{color:var(--mark)}.sits{display:flex;gap:0;overflow-x:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scrollbar-width:none}.sits::-webkit-scrollbar{display:none}.sits a{flex:0 0 auto;padding:8px 12px;font-family:var(--cond);font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);border-bottom:2px solid transparent}.sits a.on{color:var(--ink);border-bottom-color:var(--mark)}.subs{display:flex;flex-wrap:wrap;gap:0;padding:0 6px;border-bottom:1px solid var(--line)}.subs button{padding:9px 10px;font-family:var(--cond);font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--dim)}.subs button.on{color:var(--mark)}.board{padding:16px 14px 40px;overflow-x:clip}.kicker{display:flex;justify-content:space-between;gap:8px;color:var(--dim);font-size:12px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}.hero{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}.hero .num{font-family:var(--cond);font-size:64px;font-weight:700;letter-spacing:-.04em;line-height:.8;color:var(--mark)}.hero h1{margin:0;font-family:var(--cond);font-size:42px;font-weight:700;letter-spacing:-.02em;line-height:.9;text-transform:uppercase}.hero p{margin:6px 0 0;color:var(--dim);font-size:13px}.meta{color:var(--dim);font-size:12px;margin:0 0 16px}.rank{display:flex;flex-direction:column}.rank a{display:grid;grid-template-columns:28px 36px 1fr auto;gap:6px 10px;align-items:center;padding:10px 0 8px;border-bottom:1px solid var(--line);position:relative}.peek{display:none;position:absolute;left:50%;top:50%;z-index:3;max-width:calc(100% - 132px);padding:2px 5px;background:#161616;border:1px solid var(--mark);color:var(--ink);font-family:var(--cond);font-size:10px;font-weight:600;letter-spacing:.02em;line-height:1.25;text-align:center;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 6px 14px #0006}@media(hover:hover){.rank a:hover .peek,.duo-row.has-peek:hover .peek{display:block}}.rank a.peek-on .peek,.duo-row.peek-on .peek{display:block}@media(hover:hover){.duo-row.has-peek:hover .peek{display:inline}}.duo-row.peek-on .peek{display:inline}.rank .i{font-family:var(--cond);font-size:16px;color:var(--dim)}.rank .who{font-family:var(--cond);font-size:18px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.rank .who small{display:block;font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--dim)}.rank .val{font-family:var(--cond);font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--favor)}.rank .val.contra{color:var(--contra)}.rank .meter{grid-column:3 / 5;height:2px;background:var(--line)}.rank .meter b{display:block;height:2px;background:var(--favor)}.rank .meter.contra b{background:var(--contra)}.rank img,.rank .fallback{width:36px;height:24px;object-fit:cover;border:1px solid var(--line)}.rank .me .who,.rank .me .val{color:var(--mark)}.matches{display:flex;flex-direction:column}.match{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line)}.match .opp{font-family:var(--cond);font-size:18px;font-weight:600;text-transform:uppercase}.match .when{color:var(--dim);font-size:12px}.match .sc{font-family:var(--cond);font-size:22px;font-weight:700}.match .sc .favor{color:var(--favor)}.match .sc .contra{color:var(--contra)}.match .W{color:var(--win)}.match .L{color:var(--loss)}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:8px}.split h2{margin:0 0 4px;font-family:var(--cond);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-weight:600}.split b{font-family:var(--cond);font-size:28px;font-weight:700}.vs{display:flex;flex-wrap:wrap;align-items:center;gap:8px 6px;margin:0 0 16px}.vs .lab{width:100%;color:var(--dim);font-family:var(--cond);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.vs button{font-family:var(--cond);font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--dim);padding:8px 10px}.vs button.on{color:var(--mark)}.vs .mini{width:44px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;opacity:.5}.vs .mini.on{opacity:1;outline:1px solid var(--mark);outline-offset:1px}.vs .mini img,.vs .mini .fallback{width:32px;height:22px;object-fit:cover;border:1px solid var(--line)}.axis{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 8px;color:var(--dim);font-family:var(--cond);font-size:11px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.axis .l{color:var(--favor)}.axis .r{color:var(--contra)}.duo-row{padding:14px 0 12px;border-bottom:1px solid var(--line);scroll-margin-top:140px;position:relative}.duo-row.on .duo-lab{color:var(--mark)}.duo-lab{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-family:var(--cond);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}.duo-row .peek{position:static;transform:none;left:auto;top:auto;max-width:none;text-align:left;box-shadow:none;letter-spacing:.02em;text-transform:none}.duo-vals{display:flex;gap:14px;font-size:16px;font-weight:700;letter-spacing:0;font-variant-numeric:tabular-nums}.duo-vals em{font-style:normal}.duo-vals .l{color:var(--favor)}.duo-vals .r{color:var(--contra)}.pair{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;align-items:end;margin-bottom:8px;width:100%;max-width:100%}.pair-body{min-width:0}.pair-nums{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:3px}.pair-nums.one{justify-content:flex-start}.pair-nums .n{font-family:var(--cond);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;flex:0 0 auto}.pair-nums .n.l{color:var(--favor)}.pair-nums .n.r{color:var(--contra)}.pair-nums .n.poss{color:var(--poss)}.pair.cmp .pair-nums .n{opacity:.75}.share{display:flex;width:100%;height:8px;overflow:hidden;background:#1c1c1c}.share .mine,.share .opp{display:block;height:8px}.share .mine{background:var(--poss)}.share .opp{background:var(--contra)}.pair.cmp .share .mine{background:var(--poss-dim)}.pair.cmp .share .opp{background:var(--contra-dim)}.pair .who{font-family:var(--cond);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.pair.cmp .who{color:var(--dim)}.pair .track{display:block;width:100%;max-width:100%;min-width:0;height:8px}.note{margin:2px 0 0;color:var(--dim);font-size:11px}.note .l{color:var(--favor)}.note .r{color:var(--contra)}.uni-pair{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;align-items:center;margin-bottom:8px}.uni-pair>*{min-width:0}.uni-pair .who{font-family:var(--cond);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.uni-pair.cmp .who,.uni-pair.cmp .n{color:var(--dim)}.uni-pair .n{font-family:var(--cond);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right;color:var(--favor)}.uni-pair .bar{height:8px;background:#1c1c1c;overflow:hidden;min-width:0}.uni-pair .fill{display:block;height:8px;background:var(--favor)}.uni-pair.cmp .fill{background:var(--favor-dim)}.clock{margin:4px 0 18px}.clock .kicker em{font-style:normal;font-weight:700}.clock .kicker .favor{color:var(--favor)}.clock .kicker .contra{color:var(--contra)}.clock-qs{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 4px;font-family:var(--cond);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);text-align:center}.clock-axis{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;align-items:end}.clock-axis button{display:flex;flex-direction:column;justify-content:flex-end;gap:3px;min-width:0;padding:0}.clock.dual .clock-axis{align-items:stretch}.clock.dual .clock-axis button{justify-content:flex-start}.clock-up,.clock-down,.clock-stack{display:flex;width:100%;background:#1a1a1a;overflow:hidden}.clock-up,.clock-stack{flex-direction:column;justify-content:flex-end;height:72px}.clock.dual .clock-up,.clock.dual .clock-down{height:52px}.clock-down{flex-direction:column;justify-content:flex-start}.clock-up i,.clock-stack i{display:block;width:100%;background:var(--favor)}.clock-down i{display:block;width:100%;background:var(--contra)}.clock-axis em{font-family:var(--cond);font-size:9px;font-style:normal;color:var(--dim);text-align:center;line-height:1}.clock-axis button.on em{color:var(--ink)}.clock-tip{margin:6px 0 0;min-height:1.2em;color:var(--dim);font-family:var(--cond);font-size:11px;font-weight:600;letter-spacing:.03em}.chart{width:100%;margin:8px 0 4px}.chart svg{width:100%;height:auto;display:block}@media(min-width:640px){.flag-btn img,.flag-btn .fallback{width:18px;height:12px}.board{padding:20px 18px 48px}}