:root{--ground:#fff;--panel:#f2f4f8;--panel-2:#e8ebf2;--line:#dfe3ec;--line-2:#c8cedc;--ink:#0a0c12;--ink-2:#3a4152;--muted:#6c7488;--accent:#2440db;--accent-ink:#fff;--danger:#b3261e;--f-display:"Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;--f-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--tap:48px;--pad:16px;--maxw:620px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0a0c12;--panel:#14171f;--panel-2:#1d212c;--line:#242938;--line-2:#333a4d;--ink:#eef0f6;--ink-2:#b4bbcc;--muted:#838b9f;--accent:#7b93ff;--accent-ink:#070910;--danger:#ff8a80}}:root[data-theme=dark]{--ground:#0a0c12;--panel:#14171f;--panel-2:#1d212c;--line:#242938;--line-2:#333a4d;--ink:#eef0f6;--ink-2:#b4bbcc;--muted:#838b9f;--accent:#7b93ff;--accent-ink:#070910;--danger:#ff8a80}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--f-display);font-variation-settings:"wdth" 100, "wght" 400;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.5}button,input{font:inherit;color:inherit}button{cursor:pointer;text-align:inherit;background:0 0;border:none;margin:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{max-width:var(--maxw);border-left:1px solid var(--line);border-right:1px solid var(--line);flex-direction:column;min-height:100%;margin:0 auto;display:flex}@media (width<=660px){.app{border:none}}.pad{padding-left:var(--pad);padding-right:var(--pad)}.stack{display:grid}.grow{flex:1}.label{font-family:var(--f-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--muted);font-size:10px}.label.accent{color:var(--accent)}.title{font-variation-settings:"wdth" 106, "wght" 660;letter-spacing:-.028em;text-wrap:balance;font-size:26px;line-height:1.05}.subtitle{font-variation-settings:"wdth" 104, "wght" 640;letter-spacing:-.022em;font-size:19px}.body{color:var(--ink-2);font-size:15px}.hint{color:var(--muted);font-size:13px;line-height:1.5}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.num{font-variation-settings:"wdth" 112, "wght" 700;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.topbar{z-index:20;background:var(--ground);border-bottom:1px solid var(--line);padding:12px var(--pad);padding-top:max(12px, env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar .name{font-variation-settings:"wght" 640;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.conn{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:inline-flex}.conn.live{color:var(--accent)}.conn.off{color:var(--muted)}.dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}@media (prefers-reduced-motion:no-preference){.conn.live .dot{animation:2.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}}.tabs{z-index:15;background:var(--ground);border-bottom:1px solid var(--line);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:sticky;top:0}.tabs button{text-align:center;font-variation-settings:"wght" 560;color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:13px 4px;font-size:12.5px}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent);font-variation-settings:"wght" 640}.round-head{padding:18px var(--pad) 10px;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.round-head .r{font-variation-settings:"wdth" 104, "wght" 660;letter-spacing:-.025em;font-size:21px}.match{padding:14px var(--pad);border-top:1px solid var(--line);gap:9px;width:100%;display:grid}.match.now{background:var(--panel)}.match.tappable:active{background:var(--panel-2)}.match-meta{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.match-meta .live{color:var(--accent)}.side{justify-content:space-between;align-items:center;gap:12px;display:flex}.side .who{font-variation-settings:"wght" 470;color:var(--ink-2);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.side.won .who{font-variation-settings:"wght" 670;color:var(--ink)}.side .g{font-variation-settings:"wdth" 112, "wght" 600;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--muted);text-align:right;flex:none;min-width:1.6ch;font-size:23px}.side.won .g{color:var(--ink);font-variation-settings:"wdth" 112, "wght" 750}.side .pending{font-family:var(--f-mono);color:var(--line-2);letter-spacing:.1em;flex:none;font-size:12px}.btn{width:100%;min-height:var(--tap);background:var(--accent);color:var(--accent-ink);text-align:center;font-variation-settings:"wght" 640;letter-spacing:-.005em;padding:13px 16px;font-size:15px;display:block}.btn:disabled{color:var(--muted);cursor:not-allowed}.btn:disabled:not(.ghost):not(.quiet){opacity:.4}.btn.ghost{color:var(--ink);border:1px solid var(--line-2);background:0 0}.btn.quiet{color:var(--muted);font-variation-settings:"wght" 520;background:0 0}.btn.danger{color:var(--danger);border:1px solid var(--line-2);background:0 0}.btn-row{padding:14px var(--pad);gap:8px;display:grid}.field{gap:6px;display:grid}.field input{min-height:var(--tap);background:var(--ground);border:1px solid var(--line-2);color:var(--ink);letter-spacing:-.01em;border-radius:0;width:100%;padding:11px 12px;font-size:16px}.field input::placeholder{color:var(--line-2)}.field input:focus{border-color:var(--accent);outline:none}.seg{grid-auto-columns:1fr;grid-auto-flow:column;gap:-1px;display:grid}.seg button{min-height:var(--tap);border:1px solid var(--line-2);text-align:center;font-variation-settings:"wght" 560;color:var(--ink-2);margin-right:-1px;font-size:14px}.seg button:last-child{margin-right:0}.seg button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--ground);font-variation-settings:"wght" 700;z-index:1;position:relative}.pad-team{padding:16px var(--pad);border-top:1px solid var(--line);gap:10px;display:grid}.pad-team .who{font-variation-settings:"wght" 640;letter-spacing:-.015em;font-size:16px}.pad-nums{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.pad-nums button{aspect-ratio:1;border:1px solid var(--line);font-variation-settings:"wght" 560;font-variant-numeric:tabular-nums;color:var(--ink-2);place-items:center;min-height:44px;font-size:17px;display:grid}.pad-nums button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--ground);font-variation-settings:"wght" 750}.pad-nums button.more{font-family:var(--f-mono);color:var(--muted);font-size:15px}.table-head,.table-row{padding-left:var(--pad);padding-right:var(--pad);grid-template-columns:22px 1fr 26px 34px 38px;align-items:center;gap:8px;display:grid}.table-head{border-bottom:1px solid var(--line);font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-top:12px;padding-bottom:8px;font-size:9.5px}.table-row{border-bottom:1px solid var(--line);padding-top:11px;padding-bottom:11px}.table-row .pos{font-family:var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums;font-size:11.5px}.table-row .who{font-variation-settings:"wght" 520;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;overflow:hidden}.table-row .n{font-variant-numeric:tabular-nums;text-align:right;color:var(--ink-2);font-variation-settings:"wght" 500;font-size:14.5px}.table-row .n.strong{font-variation-settings:"wght" 680;color:var(--ink)}.table-row.cut{border-bottom:1.5px solid var(--accent)}.cut-note{padding:8px var(--pad);font-family:var(--f-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--accent);font-size:9.5px}.champ{padding:26px var(--pad) 20px;border-bottom:1px solid var(--line-2);gap:6px;display:grid}.champ .who{font-variation-settings:"wdth" 110, "wght" 730;letter-spacing:-.038em;text-wrap:balance;font-size:clamp(30px,9vw,42px);line-height:1.02}.podium-row{padding:13px var(--pad);border-bottom:1px solid var(--line);grid-template-columns:26px 1fr;align-items:baseline;gap:12px;display:grid}.podium-row .p{font-family:var(--f-mono);color:var(--muted);font-size:11.5px}.podium-row .who{font-variation-settings:"wdth" 104, "wght" 640;letter-spacing:-.02em;font-size:17px}.stat-grid{background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.stat{background:var(--ground);padding:13px var(--pad);gap:3px;display:grid}.stat .k{font-family:var(--f-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--muted);font-size:9px}.stat .v{font-variation-settings:"wdth" 112, "wght" 700;font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:23px}.stat .w{color:var(--ink-2);font-size:12px;line-height:1.35}.notice{padding:12px var(--pad);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);gap:4px;display:grid}.notice .t{font-variation-settings:"wght" 620;font-size:13.5px}.notice .d{color:var(--muted);font-size:12.5px;line-height:1.45}.sheet-backdrop{z-index:40;background:color-mix(in srgb, var(--ink) 45%, transparent);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (prefers-reduced-motion:no-preference){.sheet-backdrop{animation:.14s ease-out fade}.sheet{animation:.2s cubic-bezier(.2,.8,.2,1) rise}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}}.sheet{width:100%;max-width:var(--maxw);background:var(--ground);border-top:1px solid var(--line-2);max-height:92vh;padding-bottom:env(safe-area-inset-bottom);overflow-y:auto}.sheet-head{padding:16px var(--pad) 4px;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.linkbox{padding:16px var(--pad);border-top:1px solid var(--line);gap:8px;display:grid}.linkbox .url{font-family:var(--f-mono);color:var(--ink-2);word-break:break-all;background:var(--panel);border:1px solid var(--line);padding:10px 12px;font-size:12px}.empty{padding:40px var(--pad);text-align:center;gap:8px;display:grid}footer.foot{padding:24px var(--pad) calc(24px + env(safe-area-inset-bottom));border-top:1px solid var(--line);gap:6px;display:grid}
