@font-face{font-family:Barlow Condensed;font-weight:600;font-display:swap;src:url(/fonts/BarlowCondensed-SemiBold.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-weight:700;font-display:swap;src:url(/fonts/BarlowCondensed-Bold.woff2)format("woff2")}:root{--ground:#eef1ec;--page:#f6f8f5;--surface:#fff;--surface-2:#f1f4f0;--ink:#141b16;--muted:#5a685d;--line:#e1e7de;--line-2:#ecf0ea;--brand:#1b9e4b;--brand-deep:#0e7a38;--destructive:#c62828;--warning:#e06e00;--planned:#1565c0;--ended:#6b7280;--num:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--radius-card:16px;--radius-control:12px}@media (prefers-color-scheme:dark){:root{--ground:#0a0f0b;--page:#0c110d;--surface:#161d17;--surface-2:#1e271f;--ink:#e9efe9;--muted:#94a397;--line:#263127;--line-2:#1e271f;--brand:#2fb765;--brand-deep:#2fb765;--destructive:#e5484d;--warning:#f08a2e;--planned:#4c93e8;--ended:#8a94a2}}:root[data-theme=dark]{--ground:#0a0f0b;--page:#0c110d;--surface:#161d17;--surface-2:#1e271f;--ink:#e9efe9;--muted:#94a397;--line:#263127;--line-2:#1e271f;--brand:#2fb765;--brand-deep:#2fb765;--destructive:#e5484d;--warning:#f08a2e;--planned:#4c93e8;--ended:#8a94a2}:root[data-theme=light]{--ground:#eef1ec;--page:#f6f8f5;--surface:#fff;--surface-2:#f1f4f0;--ink:#141b16;--muted:#5a685d;--line:#e1e7de;--line-2:#ecf0ea;--brand:#1b9e4b;--brand-deep:#0e7a38;--destructive:#c62828;--warning:#e06e00;--planned:#1565c0;--ended:#6b7280}*{box-sizing:border-box}html,body{background:var(--ground);color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;margin:0;padding:0;line-height:1.5}a{color:var(--planned);text-decoration:none}a:focus-visible,button:focus-visible,select:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.num{font-family:var(--num);font-variant-numeric:tabular-nums}.shell{max-width:860px;margin:0 auto;padding:28px 20px 80px}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.wordmark{letter-spacing:-.02em;font-size:26px;font-weight:800}.crumb{color:var(--planned);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:15px;font-weight:600}.spacer{flex:1}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:22px 2px 10px;font-size:12px;font-weight:700}.section-label:first-child{margin-top:0}.grid2{grid-template-columns:1fr 1fr;gap:22px;display:grid}@media (max-width:720px){.grid2{grid-template-columns:1fr;gap:10px}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}.card.pad{padding:16px 18px}.rowlist{flex-direction:column;display:flex}.rowitem{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:14px;padding:13px 16px;display:flex}.rowitem+.rowitem{border-top:1px solid var(--line-2)}.rowitem:hover{background:var(--surface-2)}.grow{flex:1;min-width:0}.rtitle{font-size:16px;font-weight:600}.rsub{color:var(--muted);margin-top:1px;font-size:13px}.chev{color:var(--muted);opacity:.5;flex:none;font-size:16px}.pill{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.pill.planned{color:var(--planned);background:color-mix(in srgb, var(--planned) 15%, transparent)}.pill.active{color:var(--brand-deep);background:color-mix(in srgb, var(--brand) 15%, transparent)}.pill.ended{color:var(--ended);background:color-mix(in srgb, var(--ended) 16%, transparent)}.pill.warn{color:var(--warning);background:color-mix(in srgb, var(--warning) 15%, transparent)}.mono-sq{color:#fff;border-radius:9px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:flex}.countpill{font-family:var(--num);font-variant-numeric:tabular-nums;color:var(--brand-deep);background:color-mix(in srgb, var(--brand) 14%, transparent);border-radius:999px;padding:1px 10px;font-size:16px;font-weight:600}.score{font-family:var(--num);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.club-logo{object-fit:contain;vertical-align:middle;border-radius:4px}.club-logo.sm{width:18px;height:18px;margin-right:6px}.team-line{align-items:center;display:inline-flex}.sb-logo{object-fit:contain;width:40px;height:40px;margin-bottom:6px}.card-logo{object-fit:contain;border-radius:4px;flex:none;width:20px;height:20px}.card-logos{align-items:center;gap:3px;margin-right:8px;display:inline-flex}.rank-badge{font-family:var(--num);font-variant-numeric:tabular-nums;color:var(--brand-deep);background:color-mix(in srgb, var(--brand) 15%, transparent);vertical-align:middle;border-radius:6px;margin-right:.3em;padding:.1em .4em;font-size:.62em;font-weight:700}.gtitle{letter-spacing:-.02em;text-wrap:balance;margin:2px 0 4px;font-size:34px;font-weight:800}.gsub{color:var(--muted);font-size:14px}.stat{flex-wrap:wrap;gap:26px;margin:16px 0 4px;display:flex}.stat .n{font-family:var(--num);font-size:30px;font-weight:700;line-height:1}.stat .l{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:12px}button,.btn{font-family:var(--ui);cursor:pointer;font-size:15px;font-weight:700}.btn-brand{background:var(--brand);color:#fff;border-radius:var(--radius-control);border:none;padding:11px 18px}.btn-brand:disabled{opacity:.5;cursor:default}.btn-ghost{border:1px solid var(--line);border-radius:var(--radius-control);color:var(--ink);background:0 0;padding:9px 14px}.btn-danger{background:var(--destructive);color:#fff;border-radius:var(--radius-control);border:none;padding:9px 14px}.btn-danger:disabled{opacity:.5;cursor:default}.link-btn{color:var(--planned);cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px;font-weight:600}.icon-toggle{background:var(--surface);border:1px solid var(--line);cursor:pointer;width:36px;height:36px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;font-size:16px;display:flex}.select{background:var(--ground);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:8px 11px;font-size:14px}input{border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:16px;font-family:var(--ui);border-radius:10px;padding:12px 14px}input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 22%, transparent);outline:none}.textarea{border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:15px;font-family:var(--ui);resize:vertical;border-radius:10px;padding:12px 14px}.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 22%, transparent);outline:none}.inline-edit{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:inline-flex}.pencil{color:var(--muted);cursor:pointer;opacity:.55;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:15px}.pencil:hover,.pencil:focus-visible{opacity:1;background:var(--surface-2);color:var(--ink)}.pencil:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.inline-edit.editing input{flex:1;min-width:180px}.title-input{letter-spacing:-.02em;padding:8px 12px;font-size:28px;font-weight:800}.label-input{padding:6px 10px;font-size:14px}.muted{color:var(--muted)}.error{color:var(--destructive);font-size:14px}.notice{color:var(--brand-deep);font-size:14px}.download-card{flex-wrap:wrap;align-items:center;gap:14px;margin:18px 0 8px;padding:16px 18px;display:flex}.auth-hero{max-width:420px;margin:40px auto 0}form.auth{flex-direction:column;gap:10px;display:flex}.clip-search{margin:14px 0 10px}.clip-search input{width:100%}.chip-row{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.chip-row .chip{color:var(--muted);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700}.chip-row .chip:hover{color:var(--ink)}.chip-row .chip.on{background:color-mix(in srgb, var(--brand) 15%, transparent);color:var(--brand-deep);border-color:var(--brand)}.chip-select{overflow:hidden;padding:0!important}.chip-select select{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:5px 12px;font-weight:700}.clip-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.clip-card{position:relative}.clip-poster{aspect-ratio:3/4;border:1px solid var(--line);cursor:pointer;background:radial-gradient(120% 90% at 30% 20%, var(--surface-2), var(--surface) 65%);border-radius:10px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.clip-poster:hover{border-color:var(--brand)}.clip-film{color:var(--muted);opacity:.35;letter-spacing:3px;justify-content:center;align-items:center;font-size:26px;display:flex;position:absolute;inset:0}.clip-dur{color:#fff;background:#0009;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;top:6px;right:6px}.clip-label{color:#fff;text-align:left;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700;position:absolute;bottom:6px;left:6px;right:6px;overflow:hidden}.clip-orient{color:#fff;letter-spacing:.5px;background:#0009;border-radius:5px;padding:1px 5px;font-size:10px;font-weight:700;position:absolute;top:6px;left:38px}.clip-fav{color:#fff;cursor:pointer;background:#0006;border:none;border-radius:999px;width:28px;height:28px;font-size:15px;line-height:1;position:absolute;top:4px;left:4px}.clip-fav.on{color:var(--warning)}.clip-modal{z-index:50;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.clip-sheet{width:100%;max-width:460px;max-height:88vh;padding:16px 18px;overflow-y:auto}.clip-sheet-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.clip-video-placeholder{aspect-ratio:16/9;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex}.clip-film-lg{color:var(--muted);opacity:.4;letter-spacing:4px;font-size:34px}.clip-video{aspect-ratio:16/9;border:1px solid var(--line);object-fit:contain;background:#000;border-radius:12px;width:100%}.clip-actions{gap:8px;margin:12px 0;display:flex}.clip-actions .btn-ghost.fav-on{color:var(--warning);border-color:var(--warning)}.clip-kv{flex-direction:column;display:flex}.clip-kv-row{border-bottom:1px solid var(--line-2);justify-content:space-between;gap:16px;padding:9px 0;display:flex}.clip-kv-row:last-child{border-bottom:none}.clip-kv-row .k{color:var(--muted);font-size:14px}.clip-kv-row .v{text-align:right;font-size:14px;font-weight:600}.scoreboard{text-align:center;flex-direction:column;align-items:center;gap:12px;margin:14px 0 4px;padding:18px 16px 16px;display:flex}.sb-chip{letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:800}.sb-chip.live{color:#fff;background:var(--destructive)}.sb-chip.final{color:var(--ended);background:color-mix(in srgb, var(--ended) 16%, transparent)}.sb-chip.pre{color:var(--planned);background:color-mix(in srgb, var(--planned) 15%, transparent);letter-spacing:0;text-transform:none;font-weight:700}.sb-row{justify-content:center;align-items:flex-start;gap:20px;width:100%;display:flex}.sb-side{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;max-width:220px;display:flex}.sb-side.dim{opacity:.45}.sb-num{font-family:var(--num);font-variant-numeric:tabular-nums;font-size:64px;font-weight:700;line-height:.9}.sb-team{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:600;overflow:hidden}.sb-vs{font-family:var(--num);color:var(--muted);opacity:.5;flex:none;margin-top:8px;font-size:36px;font-weight:700}.sb-steppers{gap:6px;margin-top:2px;display:flex}.sb-step{border:1px solid var(--line);background:var(--surface-2);width:34px;height:34px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.sb-step:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.sb-step:disabled{opacity:.4;cursor:default}.rank-filters{flex-wrap:wrap;gap:14px;margin:14px 0 4px;display:flex}.chipset{background:var(--surface);border:1px solid var(--line);border-radius:999px;gap:4px;padding:3px;display:inline-flex}.chip{color:var(--muted);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700}.chip:hover{color:var(--ink)}.chip.on{background:color-mix(in srgb, var(--brand) 15%, transparent);color:var(--brand-deep)}.ranktable{border-collapse:collapse;width:100%;font-size:14px}.ranktable th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--line);padding:10px 12px;font-size:11px;font-weight:700}.ranktable td{border-bottom:1px solid var(--line-2);padding:9px 12px}.ranktable tr:last-child td{border-bottom:none}.ranktable .r{text-align:right}.rankno{font-size:16px;font-weight:700}.rank-team{align-items:center;gap:10px;font-weight:600;display:flex}.rank-logo{object-fit:contain;background:var(--surface-2);border-radius:6px;flex:none;width:24px;height:24px}.rank-logo.placeholder{display:inline-block}.mv{font-size:12px;font-weight:700}.mv.up{color:var(--brand-deep)}.mv.down{color:var(--destructive)}.mv.same{color:var(--muted);opacity:.6}.mv.new{color:var(--planned);font-size:11px}.marker{align-items:center;gap:12px;padding:12px 14px;display:flex}.marker+.marker{border-top:1px solid var(--line-2)}.dot{border-radius:50%;flex:none;width:12px;height:12px}.marker .t{font-family:var(--num);font-variant-numeric:tabular-nums;color:var(--muted);font-size:16px}.marker-body{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.marker-type{padding:5px 8px;font-weight:600}.marker .btn-danger{padding:5px 9px;font-size:13px}.marker .inline-edit{font-size:14px}.marker .rsub{color:var(--muted);font-size:13px}.follow-star{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:2px 4px;font-size:16px;line-height:1}.follow-star.on{color:var(--brand)}.follow-star:hover{color:var(--ink)}.follow-star.on:hover{color:var(--brand)}.act-glyph{text-align:center;flex-shrink:0;width:28px;font-size:16px}
