:root{--canvas:#010102;--surface-1:#0f1011;--surface-2:#141516;--surface-3:#18191a;--hairline:#23252a;--hairline-2:#34343a;--ink:#f7f8f8;--ink-muted:#d0d6e0;--ink-subtle:#8a8f98;--ink-3:#7c818a;--accent:#5e6ad2;--accent-hover:#828fff;--accent-bg:#5e6ad221;--live:#4ade80;--success:var(--live);--ink-out:#82828d;--win:#f5b73d;--win-bg:#f5b73d21;--font:"Inter", -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--top-h:64px;--top-total:calc(var(--top-h) + env(safe-area-inset-top));--nav-h:58px;--panel-w:320px;--gutter:16px;--tl-gutter:40px;--bk-gap:26px;--page-w:1120px;--fs-micro:.62rem;--fs-xs:.72rem;--fs-sm:.82rem;--fs-md:.94rem;--fs-lg:1.06rem;--fs-xl:1.25rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--canvas);color:var(--ink);font-family:var(--font);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button{font-family:inherit}.app{max-width:620px;min-height:100dvh;padding-bottom:calc(var(--nav-h) + max(28px, env(safe-area-inset-bottom)));transition:margin .28s var(--ease);margin:0 auto}.topbar{z-index:100;min-height:var(--top-h);padding-inline:var(--gutter);padding-top:env(safe-area-inset-top);background:var(--canvas);border-bottom:1px solid var(--hairline);align-items:center;gap:14px;display:flex;position:sticky;top:0}.topbar-title{flex-direction:column;gap:2px;min-width:0;display:flex}.topbar-day:first-letter{text-transform:uppercase}.topbar-day{font-size:var(--fs-xs);color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar h1{font-size:clamp(var(--fs-lg), 4.6vw, var(--fs-xl));letter-spacing:-.02em;color:var(--ink);margin:0;font-weight:600}.topbar h1:after{content:"";background:var(--accent);vertical-align:.12em;border-radius:50%;width:7px;height:7px;margin-left:8px;display:inline-block}.admin{gap:7px;display:inline-flex;position:absolute;right:14px}.topbar-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.view-link{background:var(--accent-bg);border:1px solid var(--accent);min-height:36px;color:var(--accent-hover);font-size:var(--fs-sm);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-weight:600;text-decoration:none;display:inline-flex}.view-link:hover{background:var(--accent);color:#fff}.view-link.live{color:#ff6166;background:#e5484d24;border-color:#e5484d}.view-link.live:hover{color:#fff;background:#e5484d}.refresh{background:var(--surface-1);border:1px solid var(--hairline);min-height:40px;color:var(--ink-muted);font-size:var(--fs-sm);cursor:pointer;transition:border-color .14s var(--ease), color .14s var(--ease);border-radius:8px;align-items:center;gap:5px;padding:0 12px;font-weight:500;display:inline-flex}.refresh:hover{border-color:var(--hairline-2);color:var(--ink)}.mainnav{z-index:100;padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--canvas) 88%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);border-top:1px solid var(--hairline);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav-item{min-height:var(--nav-h);color:var(--ink-3);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:0;cursor:pointer;transition:color .14s var(--ease);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 2px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:var(--ink-muted)}.nav-item.on{color:var(--accent-hover);font-weight:600}.nav-icon{flex-shrink:0;width:20px;height:20px}.nav-icon-live{display:inline-flex;position:relative}.nav-dot{border:1.5px solid var(--canvas);background:#e5484d;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-4px}.filters-btn{background:var(--surface-2);border:1px solid var(--hairline);min-height:40px;color:var(--ink-muted);font-size:var(--fs-sm);cursor:pointer;transition:background .14s var(--ease), border-color .14s var(--ease), color .14s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex}.filters-btn:hover{border-color:var(--hairline-2);color:var(--ink)}.filters-btn.on{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-hover)}.filters-btn-icon{background:linear-gradient(currentColor,currentColor) 0 0/100% 1.8px no-repeat,linear-gradient(currentColor,currentColor) 0/66% 1.8px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/38% 1.8px no-repeat;width:14px;height:10px}.filters-count{background:var(--accent-hover);min-width:18px;color:var(--canvas);font-size:var(--fs-micro);text-align:center;border-radius:999px;padding:1px 6px;font-weight:700}.filters-backdrop{z-index:110;opacity:0;pointer-events:none;transition:opacity .24s var(--ease);background:#0000008c;position:fixed;inset:0}.filters-backdrop.on{opacity:1;pointer-events:auto}.filters-panel{z-index:120;background:var(--surface-1);border-left:1px solid var(--hairline);visibility:hidden;width:min(312px,86vw);transition:transform .28s var(--ease), visibility .28s;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-24px 0 60px #000c}.filters-panel.on{visibility:visible;transform:none}.filters-head{padding:max(18px, env(safe-area-inset-top)) 18px 14px;border-bottom:1px solid var(--hairline);align-items:center;gap:10px;display:flex}.filters-head h2{font-size:var(--fs-lg);letter-spacing:-.01em;margin:0;font-weight:700}.filters-clear{color:var(--accent-hover);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;margin-left:auto;font-weight:500}.filters-close{background:var(--surface-3);width:44px;height:44px;color:var(--ink-subtle);font-size:var(--fs-lg);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex}.filters-clear+.filters-close{margin-left:0}.filters-head h2~.filters-close{margin-left:auto}.filters-clear~.filters-close{margin-left:0}.filters-close:hover{color:var(--ink)}.filters-body{flex:1;overflow-y:auto}.filters-body .cat-filter+.cat-filter{padding-top:0}.filters-body .cat-filter:empty{display:none}.filters-switch{background:var(--surface-2);font-size:var(--fs-md);cursor:pointer;border-radius:12px;align-items:center;gap:12px;margin:18px 18px 0;padding:12px 14px;display:flex}.filters-switch input{opacity:0;width:0;height:0;position:absolute}.filters-switch .switch{background:var(--surface-3);border:1px solid var(--hairline);width:42px;height:25px;transition:background .16s var(--ease), border-color .16s var(--ease);border-radius:999px;flex:none;margin-left:auto;position:relative}.filters-switch .switch:after{content:"";background:var(--ink-subtle);width:19px;height:19px;transition:transform .16s var(--ease), background .16s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.filters-switch input:checked+.switch{background:var(--accent-bg);border-color:var(--accent)}.filters-switch input:checked+.switch:after{background:var(--accent-hover);transform:translate(17px)}.filters-switch input:focus-visible+.switch{outline:2px solid var(--accent-hover);outline-offset:2px}.filters-foot{padding:14px 18px max(18px, env(safe-area-inset-bottom));border-top:1px solid var(--hairline)}.filters-apply{background:var(--accent);color:#fff;width:100%;min-height:46px;font-family:var(--font);font-size:var(--fs-md);cursor:pointer;border:0;border-radius:12px;font-weight:600}.filters-apply:hover{background:var(--accent-hover)}.cat-filter{flex-direction:column;gap:18px;padding:18px;display:flex}.cat-row{flex-direction:column;align-items:stretch;gap:9px;display:flex}.cat-rowlabel{font-size:var(--fs-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);text-align:left;flex:none;font-weight:700}.cat-grid{flex:1;gap:6px;display:grid}.cat-chip{background:var(--surface-1);border:1px solid var(--hairline);width:100%;min-width:0;min-height:44px;color:var(--ink-subtle);font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.01em;cursor:pointer;transition:background .14s var(--ease), border-color .14s var(--ease), color .14s var(--ease);border-radius:999px;padding:0 4px;font-weight:600}.cat-chip:hover{border-color:var(--hairline-2);color:var(--ink-muted)}.cat-chip.on{background:var(--accent-bg);border-color:color-mix(in srgb, var(--accent) 60%, var(--hairline));color:var(--accent-hover)}.day-group{padding-bottom:6px}.day-group h2{top:var(--top-total);z-index:90;padding:11px var(--gutter) 8px;font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-subtle);background:color-mix(in srgb, var(--canvas) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--hairline);margin:0;font-weight:600;position:sticky}.state-group h3{padding:13px var(--gutter) 5px;font-size:var(--fs-micro);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin:0;font-weight:600}.state-group.state-now h3{color:var(--success)}.card{margin:10px var(--gutter);background:var(--surface-1);border:1px solid var(--hairline);transition:border-color .14s var(--ease);border-radius:12px;padding:16px;box-shadow:inset 0 1px #ffffff09;container-type:inline-size}.card.match{position:relative}.card.match:after{content:"";background:0 0;border-radius:0 3px 3px 0;width:3px;position:absolute;top:13px;bottom:13px;left:-1px}.card.status-live:after{background:var(--success)}.card.status-pending:after{background:repeating-linear-gradient(to bottom, var(--ink-3) 0 5px, transparent 5px 10px)}.card.status-finished{background:color-mix(in srgb, var(--surface-1) 55%, var(--canvas));border-color:color-mix(in srgb, var(--hairline) 72%, var(--canvas));box-shadow:none}.card.status-finished .time{color:var(--ink-subtle)}.card.status-finished .court{color:var(--ink-subtle);border:1px solid color-mix(in srgb, var(--hairline) 72%, var(--canvas));background:0 0}.card.status-finished .cat{color:var(--ink-subtle)}.card.status-finished .teams{color:var(--ink-muted)}.card.status-finished .vs{color:var(--ink-3)}.card.status-finished .result{color:var(--ink)}.card.status-finished .team.followed{color:var(--accent-hover)}.card.status-finished .team.winner{color:var(--win)}.card.fav,.card.fav.status-finished{border-color:color-mix(in srgb, var(--accent) 55%, var(--hairline));box-shadow:inset 0 1px 0 #ffffff0a, 0 0 0 1px var(--accent-bg)}.card.timeoff{background:var(--canvas);box-shadow:none;border-style:dashed;justify-content:center;align-items:center;gap:10px;display:flex}.off-label{color:var(--ink-subtle);font-size:var(--fs-sm);font-weight:500}.card.timeoff .time{color:var(--ink-3)}.card-head{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px 9px;margin-bottom:17px;display:flex}.time{font-size:clamp(var(--fs-md), 4.2vw, var(--fs-lg));letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.court{font-size:var(--fs-micro);letter-spacing:.02em;color:var(--ink-muted);background:var(--surface-3);border:1px solid var(--hairline);border-radius:999px;padding:2px 8px;font-weight:600}.cat{font-size:var(--fs-xs);color:var(--ink-3);font-weight:500}.status-chip{background:var(--surface-2);font-size:var(--fs-micro);letter-spacing:.03em;text-transform:uppercase;color:var(--ink-subtle);border-radius:999px;align-items:center;gap:5px;padding:2px 9px 2px 7px;font-weight:600;display:inline-flex}.status-chip:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.status-chip.live{color:var(--success);background:color-mix(in srgb, var(--live) 12%, var(--surface-2))}.status-chip.live:before{animation:pulse-dot 1.8s var(--ease) infinite}.status-chip.pending{color:var(--ink-subtle)}.status-chip.finished{color:var(--ink-muted)}.status-chip.finished:before,.status-chip.pending:before,.status-chip.upcoming:before{background:0 0;box-shadow:inset 0 0 0 1.5px}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--success) 55%, transparent)}70%{box-shadow:0 0 0 5px #0000}}@media (prefers-reduced-motion:reduce){.status-chip.live{box-shadow:0 0 0 1px color-mix(in srgb, var(--success) 45%, transparent)}}.teams{text-align:center;letter-spacing:-.015em;color:var(--ink);font-weight:500;line-height:1.3;font-size:clamp(var(--fs-sm), 3.6vw, var(--fs-lg));grid-template-columns:1fr auto 1fr;place-items:center;column-gap:.3em;display:grid}.teams>*{min-width:0}.team{text-align:center;overflow-wrap:anywhere;font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;transition:color .14s var(--ease), background .14s var(--ease);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:3px;margin:-5px -3px;padding:5px 3px;display:inline-flex}button.team:hover{background:var(--surface-2)}.team.slot,.team.tbd{color:var(--ink-subtle)}.team.followed{color:var(--accent-hover);font-weight:600}.fav-star{color:var(--accent-hover);margin-left:3px;font-size:.68em;line-height:1}.team.winner{color:var(--win);font-weight:700}.team.eliminated{color:var(--ink-out)}.team .trophy{flex:none;font-size:.85em}.team .names{flex-direction:column;min-width:0;display:flex}.vs{color:var(--ink-3);font-size:.62em;font-weight:500}.slot-group{flex-direction:column;align-items:center;gap:5px;display:inline-flex}.slot-label{font-size:var(--fs-micro);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-subtle);margin:0 0 1px;font-weight:600}.feeder-teams{flex-direction:column;align-items:center;gap:5px;display:inline-flex}.result{text-align:center;font-size:var(--fs-lg);letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums;margin-top:12px;font-weight:600}.search{padding:16px var(--gutter)}.search-field{display:flex;position:relative}.search input{background:var(--surface-1);border:1px solid var(--hairline);width:100%;min-height:46px;color:var(--ink);font-family:var(--font);font-size:var(--fs-md);transition:border-color .14s var(--ease);border-radius:8px;padding:0 44px 0 14px}.search input::placeholder{color:var(--ink-3)}.search input:focus{border-color:var(--hairline-2);box-shadow:0 0 0 2px var(--accent-bg);outline:none}.search-clear{width:44px;height:100%;color:var(--ink-3);font-size:var(--fs-lg);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:0;right:0}.search-clear:hover{color:var(--ink)}.search ul{flex-direction:column;gap:7px;margin:12px 0 0;padding:0;list-style:none;display:flex}.star{background:var(--surface-1);border:1px solid var(--hairline);width:100%;min-height:50px;color:var(--ink);font-family:var(--font);font-size:var(--fs-md);text-align:left;cursor:pointer;transition:border-color .14s var(--ease), background .14s var(--ease), color .14s var(--ease);border-radius:8px;align-items:center;gap:10px;padding:0 15px;font-weight:500;display:flex}.star:hover{border-color:var(--hairline-2)}.star.on{color:var(--accent-hover);border-color:color-mix(in srgb, var(--accent) 55%, var(--hairline));background:var(--accent-bg)}.empty,.error{margin:26px var(--gutter);text-align:center;font-size:var(--fs-md);color:var(--ink-subtle);line-height:1.5}.error{color:#e5484d}.meta{padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));text-align:center;font-size:var(--fs-xs);color:var(--ink-3);border-top:1px solid var(--hairline);margin-top:18px}.confirm{background:var(--surface-2);border:1px solid var(--hairline-2);width:min(340px,100vw - 40px);color:var(--ink);border-radius:14px;margin:auto;padding:22px 22px 18px;box-shadow:0 24px 60px -20px #000c}.confirm::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#010102a8}.confirm-q{text-align:center;font-size:var(--fs-lg);color:var(--ink-muted);margin:0 0 18px;line-height:1.4}.confirm-q strong{color:var(--ink);font-weight:600}.confirm-actions{gap:10px;display:flex}.confirm-actions button{min-height:44px;font-family:var(--font);font-size:var(--fs-md);cursor:pointer;transition:background .14s var(--ease), border-color .14s var(--ease);border-radius:8px;flex:1;font-weight:600}.btn-ghost{background:var(--surface-1);border:1px solid var(--hairline);color:var(--ink-muted)}.btn-ghost:hover{border-color:var(--hairline-2);color:var(--ink)}.btn-primary{background:var(--accent);border:1px solid var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}html.has-overlay{overflow:hidden}.route-overlay{top:var(--top-total);bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));z-index:95;overscroll-behavior:contain;background:var(--canvas);position:fixed;left:0;right:0;overflow-y:auto}.tl-page{flex-direction:column;max-width:none;height:100%;padding:0;display:flex}.tl-loading{color:var(--ink-subtle);padding:28px 16px}.tl-body{flex:1 1 0;min-height:0;display:flex;position:relative;overflow:hidden}.tl-gutter{flex:0 0 var(--tl-gutter);z-index:6;background:var(--canvas);border-right:1px solid var(--hairline);overflow:hidden}.tl-gutter-inner{will-change:transform}.tl-lane-label{font-size:var(--fs-sm);color:var(--ink-subtle);border-top:1px solid var(--hairline);align-items:center;padding-left:8px;font-weight:600;display:flex}.tl-scroller{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;cursor:grab;-webkit-user-select:none;user-select:none;flex:1;position:relative;overflow:auto}.tl-scroller:active{cursor:grabbing}.tl-scroller{scrollbar-width:thin;scrollbar-color:var(--accent-hover) transparent}.tl-scroller::-webkit-scrollbar{width:6px;height:6px}.tl-scroller::-webkit-scrollbar-track{background:0 0}.tl-scroller::-webkit-scrollbar-thumb{background:var(--accent-hover);border-radius:999px;box-shadow:0 0 6px #828fffb3}.tl-scroller::-webkit-scrollbar-thumb:hover{background:var(--accent)}.tl-track,.tl-canvas{position:relative}.tl-scroller *{-webkit-user-drag:none}.tl-playhead{top:0;bottom:0;left:calc(50% + var(--tl-gutter) / 2);background:var(--ink);opacity:.85;z-index:7;pointer-events:none;width:2px;margin-left:-1px;position:absolute}.tl-playhead:before{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:7px solid var(--ink);position:absolute;top:-1px;left:-5px}.tl-ph-badge{background:color-mix(in srgb, var(--surface-2) 88%, transparent);border:1px solid var(--hairline-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:var(--fs-xs);white-space:nowrap;border-radius:999px;align-items:baseline;gap:7px;padding:3px 10px;font-weight:600;display:inline-flex;position:absolute;top:9px;left:50%;transform:translate(-50%)}.tl-ph-rel{color:var(--ink)}.tl-ph-rel.is-now{color:#ff6166}.tl-ph-clock{color:var(--ink-subtle);font-variant-numeric:tabular-nums;font-weight:500}.tl-tick{background:var(--hairline);z-index:1;width:1px;position:absolute;top:0}.tl-tick-label{font-size:var(--fs-xs);color:var(--ink-3);white-space:nowrap;position:absolute;top:11px;left:5px}.tl-day-label{font-size:var(--fs-micro);letter-spacing:.04em;color:var(--accent-hover);font-weight:700;position:absolute;top:-1px;left:5px}.tl-gap{z-index:2;border-left:1px dashed var(--hairline-2);border-right:1px dashed var(--hairline-2);background:repeating-linear-gradient(-45deg,#0000 0 6px,#8a8f981a 6px 12px);justify-content:center;align-items:center;display:flex;position:absolute}.tl-gap-label{font-size:var(--fs-micro);color:var(--ink-subtle);background:var(--canvas);white-space:nowrap;border-radius:5px;padding:2px 5px;transform:rotate(-90deg)}.tl-band{z-index:3;border-left:1px solid var(--accent);border-right:1px solid var(--accent);background:#5e6ad21a;justify-content:center;align-items:flex-start;display:flex;position:absolute}.tl-band-label{font-size:var(--fs-micro);color:var(--accent-hover);white-space:nowrap;writing-mode:vertical-rl;margin-top:6px}.tl-block{z-index:4;box-sizing:border-box;background:var(--surface-2);border:1px solid var(--hairline);cursor:default;border-radius:8px;grid-template-columns:1fr auto;align-content:center;align-items:center;gap:1px 7px;padding:7px 11px;display:grid;position:absolute;overflow:hidden}.tl-team{font-size:var(--fs-sm);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:500;line-height:1.18;overflow:hidden}.tl-mid{font-size:var(--fs-xs);line-height:1.1}.tl-mid i{color:var(--ink-3);font-style:normal}.tl-team,.tl-mid{grid-column:1}.tl-block>*{min-width:0}.tl-rnd{font-size:var(--fs-micro);letter-spacing:.04em;color:var(--ink-subtle);pointer-events:none;grid-area:3/2;font-weight:700}.tl-block.status-live .tl-cat{color:var(--ink-subtle)}.tl-block.status-live .tl-rnd{color:var(--ink-muted)}.tl-block.status-finished .tl-rnd{color:var(--ink-3)}.tl-block.fav .tl-cat{color:var(--accent)}.tl-block.fav .tl-rnd{color:var(--accent-hover)}.tl-block .tl-rnd.is-final{color:var(--win)}.tl-tbd{border-style:dashed}.tl-tbd .tl-team{color:var(--ink-3);font-style:italic}.tl-cat{font-size:var(--fs-micro);letter-spacing:.03em;color:var(--ink-3);pointer-events:none;grid-area:1/2;font-weight:600}.tl-score{color:var(--success);font-weight:700}.tl-win{color:var(--win);font-weight:700}.tl-out{color:var(--ink-out)}.tl-win:before{content:"🏆 ";font-size:.85em}.tl-block.status-live{border-color:var(--success);background:#27a6441a}.tl-block.status-pending{border-style:dashed;border-color:var(--hairline-2)}.tl-block.status-finished{background:color-mix(in srgb, var(--surface-2) 55%, var(--canvas));border-color:color-mix(in srgb, var(--hairline) 70%, var(--canvas))}.tl-block.status-finished .tl-team:not(.tl-win):not(.tl-out){color:var(--ink-muted)}.tl-block.fav{border-color:color-mix(in srgb, var(--accent) 60%, var(--hairline));background:var(--accent-bg);box-shadow:0 0 0 1px var(--accent-bg)}.tl-now{background:var(--accent-hover);z-index:5;pointer-events:none;width:2px;position:absolute;top:0}.tl-now-dot{background:var(--accent-hover);border-radius:50%;width:10px;height:10px;position:absolute;top:0;left:-4px}.tl-band-cheer{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;display:flex}.tl-band-cheer .tl-cheer-match{font-size:var(--fs-sm);color:var(--accent-hover);letter-spacing:.02em;font-weight:600}.tl-cheer-score{align-items:center;gap:12px;margin:2px 0;display:inline-flex}.tl-cheer-score b{color:#4aa3ff;font-size:2.4rem;font-weight:800;line-height:1}.tl-cheer-score .tl-cheer-sep{color:var(--ink-subtle);font-size:1.1rem;font-weight:600}.tl-cheer-score .tl-cheer-team{font-size:var(--fs-sm);letter-spacing:.05em;color:var(--ink);font-weight:700}.tl-band-cheer strong{letter-spacing:-.01em;color:#4aa3ff;font-size:1.5rem;font-weight:800}.tl-band-cheer span:last-child{font-size:var(--fs-md);color:var(--ink);font-weight:600}.bk-loading{color:var(--ink-subtle);padding:28px 16px}.ad-page{max-width:620px;padding:0 14px max(28px, env(safe-area-inset-bottom));margin:0 auto}.ad-head{border-bottom:1px solid var(--hairline);align-items:center;gap:12px;padding:14px 0 10px;display:flex}.ad-head h1{font-size:var(--fs-lg);letter-spacing:-.02em;margin:0;font-weight:600}.ad-loading,.ad-sub{color:var(--ink-subtle);font-size:var(--fs-sm);margin:0;padding:14px 2px}.ad-group{padding:6px 0 14px}.ad-group h2{font-size:var(--fs-sm);letter-spacing:.02em;color:var(--ink);align-items:center;gap:8px;margin:12px 0 4px;font-weight:600;display:flex}.ad-count{background:var(--win-bg);min-width:20px;color:var(--win);font-size:var(--fs-micro);text-align:center;border-radius:999px;padding:1px 7px;font-weight:700}.ad-why{font-size:var(--fs-xs);color:var(--ink-3);margin:0 0 10px;line-height:1.45}.ad-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ad-item{background:var(--surface-1);border:1px solid var(--hairline);border-left:3px solid var(--win);border-radius:0 8px 8px 0;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.ad-cat{font-size:var(--fs-micro);letter-spacing:.04em;color:var(--ink-3);font-weight:700}.ad-team{font-size:var(--fs-sm);color:var(--ink);font-weight:500}.ad-vs{font-size:var(--fs-sm);color:var(--ink-3)}.ad-note{font-size:var(--fs-micro);color:var(--ink-subtle)}.ad-toggle{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.ad-group.tier-infer .ad-item{border-left-color:var(--accent)}.ad-group.tier-infer .ad-count{background:var(--accent-bg);color:var(--accent-hover)}.ad-group.tier-ok .ad-item{border-left-color:var(--hairline-2)}.ad-group.tier-ok .ad-count{background:var(--surface-2);color:var(--ink-3)}.ad-why-inline{font-size:var(--fs-xs);color:var(--ink-subtle);flex-basis:100%}@media (width>=1024px){:root{--top-h:60px;--nav-h:0px}.topbar{padding-inline:max(24px, (100% - var(--page-w)) / 2);background:color-mix(in srgb, var(--canvas) 80%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);position:fixed;top:0;left:0;right:0}.topbar-title{white-space:nowrap;flex-direction:row;align-items:baseline;gap:10px}.app{max-width:var(--page-w);padding-top:calc(var(--top-h) + 10px)}.state-group{padding-inline:var(--gutter);grid-template-columns:1fr 1fr;gap:12px;display:grid}.state-group h3{grid-column:1/-1;padding-inline:0}.state-group .card{margin-inline:0}.topbar-day{font-size:var(--fs-xs)}.mainnav{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;gap:4px;padding:0;display:flex;position:static}.nav-item{min-height:40px;font-size:var(--fs-sm);border-radius:8px;flex-direction:row;gap:7px;padding:0 12px}.nav-item.on{background:var(--surface-2);color:var(--ink)}.nav-icon{width:17px;height:17px}.filters-backdrop{display:none}.filters-panel{top:var(--top-h);width:var(--panel-w);box-shadow:none}.filters-foot{display:none}.app.with-filters{margin-right:calc(var(--panel-w) + 24px)}}@media (prefers-reduced-motion:reduce){.app,.filters-panel,.filters-backdrop{transition:none}}.tl-block.tl-dim{opacity:.65;filter:saturate(.85)}.team-panel{z-index:130;background:var(--surface-1);border-left:1px solid var(--hairline);width:min(400px,92vw);animation:team-in .26s var(--ease);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-24px 0 60px #000c}@keyframes team-in{0%{transform:translate(100%)}}.team-panel.out{animation:team-out .22s var(--ease) forwards}@keyframes team-out{to{transform:translate(100%)}}.team-head{padding:max(16px, env(safe-area-inset-top)) 18px 16px;border-bottom:1px solid var(--hairline)}.team-head-top{align-items:center;gap:10px;margin-bottom:10px;display:flex}.team-head h2{font-size:var(--fs-xl);letter-spacing:-.02em;margin:0 0 10px;font-weight:700;line-height:1.2}.team-cat{font-size:var(--fs-micro);letter-spacing:.08em;color:var(--ink-3);font-weight:700}.team-head-top .filters-close{margin-left:auto}.team-state{font-size:var(--fs-micro);letter-spacing:.07em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-weight:700;display:inline-block}.team-state.alive{background:color-mix(in srgb, var(--live) 14%, transparent);color:var(--live)}.team-state.out{color:#ff6166;background:#e5484d24}.team-state.champ{background:var(--win-bg);color:var(--win)}.team-body{overscroll-behavior:contain;padding:16px 18px max(24px, env(safe-area-inset-bottom));flex:1;overflow-y:auto}.team-fav{border:1px solid var(--hairline);background:var(--surface-2);width:100%;min-height:44px;color:var(--ink-muted);font-family:var(--font);font-size:var(--fs-md);cursor:pointer;border-radius:12px;margin-bottom:18px;font-weight:600}.team-fav.on{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-hover)}.team-block{background:var(--surface-2);border:1px solid var(--hairline);border-radius:12px;margin-bottom:18px;padding:14px 16px}.team-block.out{border-color:color-mix(in srgb, #e5484d 45%, var(--hairline))}.team-block h3,.team-path h3{font-size:var(--fs-micro);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin:0 0 8px;font-weight:700}.team-rival{font-size:var(--fs-lg);margin:0;font-weight:600}.team-when{font-size:var(--fs-sm);color:var(--ink-subtle);margin:4px 0 0}.team-path ol{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.team-step{background:var(--surface-2);border-left:3px solid var(--hairline-2);border-radius:11px;overflow:hidden}.team-step>button,.team-step{flex-direction:column;gap:3px;display:flex}.team-step>button{text-align:left;width:100%;color:inherit;font-family:var(--font);cursor:pointer;transition:background .14s var(--ease);background:0 0;border:0;padding:11px 13px}.team-step>button:hover{background:var(--surface-3)}.team-step:not(:has(>button)){padding:11px 13px}.team-step.won{border-left-color:var(--win)}.team-step.lost{border-left-color:#e5484d}.team-step.pending{border-left-color:var(--accent)}.team-step-when{font-size:var(--fs-micro);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:8px;font-weight:700;display:flex}.team-step-round{font-size:var(--fs-micro);letter-spacing:.06em;background:var(--accent-bg);color:var(--accent-hover);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-radius:6px;padding:3px 8px}.team-step-round.r-FINAL{background:var(--win-bg);color:var(--win);border-color:color-mix(in srgb, var(--win) 45%, transparent)}.team-step-round.r-ZONA{background:var(--surface-3);color:var(--ink-subtle);border-color:var(--hairline)}.team-step-rival{font-size:var(--fs-md);color:var(--ink-muted)}.team-step-score{font-size:var(--fs-sm);color:var(--ink-subtle)}.team-step.won .team-step-score{color:var(--win)}.favs-list{padding:6px var(--gutter) 20px}.favs-list h2{font-size:var(--fs-micro);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin:0 0 10px;font-weight:700}.favs-list ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.favs-list li{background:var(--surface-1);border:1px solid var(--hairline);border-radius:12px;align-items:center;gap:8px;display:flex}.favs-name{min-height:48px;padding:0 var(--gutter);text-align:left;color:var(--ink);font-family:var(--font);font-size:var(--fs-md);cursor:pointer;background:0 0;border:0;flex:1;font-weight:600}.favs-list li .star{width:auto;min-height:48px;color:var(--accent-hover);font-size:var(--fs-lg);cursor:pointer;background:0 0;border:0;flex:none;padding:0 14px}.tl-end{z-index:3;border-left:1px dashed var(--hairline-2);background:repeating-linear-gradient(-45deg,#0000 0 6px,#8a8f981a 6px 12px);justify-content:flex-start;align-items:center;padding:0 18px;display:flex;position:absolute}.tl-end-card{background:var(--surface-1);border:1px solid var(--hairline);border-radius:14px;max-width:100%;padding:16px 18px;box-shadow:0 18px 40px #0000008c}.tl-end-card h2{text-align:center;font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--win);margin:0 0 16px;font-weight:700}.champs-empty{font-size:var(--fs-sm);color:var(--ink-subtle);margin:0}.champs{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.champs li{font-size:var(--fs-md);color:var(--ink);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:2px 9px;font-weight:600;line-height:1.3;display:grid}.champs-cat{text-align:center;font-size:var(--fs-micro);letter-spacing:.12em;color:var(--ink-3);grid-column:1/-1;font-weight:700}.champs-a,.champs-b{color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;margin:-6px 0;padding:6px 0}.champs-a{text-align:right}.champs-b{text-align:left}.champs-a:hover,.champs-b:hover{color:var(--accent-hover)}.champs-cup{font-size:.95em}@media (orientation:landscape) and (height<=540px){:root{--nav-h:0px;--top-h:46px}.mainnav{width:56px;padding:0 env(safe-area-inset-right) 0 0;border-top:0;border-left:1px solid var(--hairline);flex-direction:column;justify-content:center;gap:4px;display:flex;position:fixed;inset:0 0 0 auto}.nav-item{border-radius:10px;min-height:48px;margin-inline:6px;padding:0}.nav-item.on{background:var(--surface-2)}.nav-label{display:none}.nav-icon{width:22px;height:22px}.app{max-width:none;margin-right:56px}.route-overlay{margin-right:56px}.topbar{padding-inline:0}.topbar-title{flex-direction:row;align-items:baseline;gap:10px}.filters-panel,.team-panel{right:56px}.cr-cat{padding:8px 14px 12px}.cr-board{--bk-gap:22px}}.cr-page{flex-direction:column;min-height:100%;padding-bottom:6px;display:flex}.cr-phase-head{padding:12px var(--gutter) 10px;align-items:baseline;gap:9px;display:flex}.cr-phase-head b{font-size:var(--fs-lg);letter-spacing:-.015em;font-weight:700}.cr-phase-head span{font-size:var(--fs-sm);color:var(--ink-subtle)}.cr-track{--cr-page-w:calc(100cqw - 24px);touch-action:pan-x pan-y pinch-zoom;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;align-items:flex-start;gap:12px;padding:0 26px 6px;scroll-padding:0 26px;display:flex;overflow:auto hidden;container-type:inline-size}.cr-track::-webkit-scrollbar{display:none}.cr-track.dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.cr-groups-page{width:var(--cr-page-w);flex:none}.cr-groups-page.away{max-height:var(--cr-cross-h);overflow:hidden}.cr-groups-page{scroll-snap-align:center;flex-direction:column;gap:18px;display:flex}.cr-grid{flex:none;gap:18px 12px;display:grid}.cr-grid>.cr-cat{scroll-snap-align:center}.cr-cat{flex-direction:column;gap:9px;display:flex}.cr-cat-body{flex-direction:column;flex:1;gap:9px;display:flex}.cr-cat-body.spread{justify-content:space-around}.cr-cat h2{font-size:var(--fs-md);letter-spacing:-.01em;color:var(--accent-hover);margin:0;font-weight:700}.cr-none{border:1px dashed var(--hairline-2);min-height:120px;font-size:var(--fs-lg);color:var(--ink-3);background:repeating-linear-gradient(-45deg,#0000 0 6px,#8a8f981a 6px 12px);border-radius:12px;flex:1;place-items:center;margin:0;font-weight:600;display:grid}.cr-dots{z-index:4;background:linear-gradient(to top, var(--canvas) 62%, transparent);justify-content:center;align-items:center;padding:4px 0 2px;display:flex;position:sticky;bottom:0}.cr-dots button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.cr-dots button:before{content:"";background:var(--hairline-2);width:7px;height:7px;transition:width .2s var(--ease), background .2s var(--ease);border-radius:999px}.cr-dots button.on:before{background:var(--accent-hover);width:20px}.cr-card{background:var(--surface-1);border:1px solid var(--hairline);border-radius:12px;flex-direction:column;gap:1px;padding:8px 13px 10px;display:flex}.cr-card.status-live{border-color:color-mix(in srgb, var(--live) 40%, transparent)}.cr-card>header{font-size:var(--fs-micro);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);justify-content:space-between;align-items:baseline;gap:10px;font-weight:700;display:flex}.cr-card.status-live .cr-status{color:var(--live)}.cr-team{align-items:baseline;gap:10px;display:flex}.cr-team button{text-align:left;min-width:0;color:var(--ink);font-family:var(--font);font-size:var(--fs-md);cursor:pointer;background:0 0;border:0;padding:7px 0;font-weight:500;line-height:1.3}.cr-team.won button{color:var(--win);font-weight:600}.cr-team.out button{color:var(--ink-out)}.cr-team.fav{background:var(--accent-bg);box-shadow:inset 3px 0 0 var(--accent);border-radius:6px;margin-inline:-8px;padding-inline:8px}.cr-team.fav button:after{content:" ★";color:var(--accent-hover);font-size:.7em}.cr-team.tbd{color:var(--ink-3);font-size:var(--fs-sm);font-style:italic}.cr-games{font-size:var(--fs-sm);font-variant-numeric:tabular-nums;color:var(--ink-subtle);flex:none;gap:7px;margin-left:auto;display:inline-flex}.cr-team.won .cr-games{color:var(--win);font-weight:600}.cr-team.out .cr-games{color:var(--ink-out)}.cr-group{background:var(--surface-1);border:1px solid var(--hairline);border-radius:12px;overflow:hidden}.cr-group>header{background:var(--surface-3);justify-content:space-between;align-items:center;gap:10px;padding:10px 13px;display:flex}.cr-group h3{font-size:var(--fs-md);margin:0;font-weight:700}.cr-group>header span{font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:700}.cr-group table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.cr-group th{font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);text-align:right;padding:7px 10px 5px;font-weight:700}.cr-group th:first-child{text-align:left}.cr-group td{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-muted);border-top:1px solid var(--hairline);padding:12px 10px}.cr-group td:first-child{text-align:left;border-left:3px solid #0000}.cr-group tr.in td:first-child{border-left-color:var(--live)}.cr-group tr.open td:first-child{border-left-color:var(--hairline-2)}.cr-group tr.out td{color:var(--ink-3)}.cr-group tr.fav td{background:var(--accent-bg)}.cr-group tr.fav td:first-child{border-left-color:var(--accent)}.cr-group tr.fav td button:after{content:" ★";color:var(--accent-hover);font-size:.7em}.cr-group td button{color:inherit;font-family:var(--font);font-size:var(--fs-md);text-align:left;cursor:pointer;background:0 0;border:0;margin:-12px 0;padding:12px 0;font-weight:600}.cr-group tr.out td button{font-weight:500}.cr-group>footer{border-top:1px solid var(--hairline);font-size:var(--fs-xs);color:var(--ink-3);padding:9px 13px}.cr-board{display:none}@media (width>=1024px),(orientation:landscape) and (height<=540px){.cr-track,.cr-dots,.cr-phase-head{display:none}.cr-cat.wide{width:100%;max-width:var(--page-w);padding:18px var(--gutter) 26px;margin-inline:auto;display:block}.cr-cat-head{align-items:baseline;gap:14px;padding:0 0 14px;display:flex}.cr-meta{font-size:var(--fs-sm);color:var(--ink-3)}.cr-link{color:var(--accent-hover);font-family:var(--font);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;font-weight:500}.cr-groups{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding-bottom:20px;display:grid}.cr-board{align-items:stretch;gap:var(--bk-gap);display:flex}.cr-col{flex-direction:column;flex:1 1 0;min-width:0;max-width:340px;display:flex}.cr-col-head{font-size:var(--fs-micro);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);flex:none;padding-bottom:8px;font-weight:700}.cr-col-head i{font-style:normal;font-weight:500}.cr-col-body{flex-direction:column;flex:1;justify-content:space-around;display:flex}.cr-pair{flex-direction:column;flex:1;justify-content:space-around;display:flex;position:relative}.cr-pair:before,.cr-pair:after{content:"";border:0 solid #ffffff24;position:absolute}.cr-pair:before{top:25%;bottom:25%;right:calc(var(--bk-gap) / -2);width:calc(var(--bk-gap) / 2);border-width:2px 2px 2px 0;border-radius:0 6px 6px 0}.cr-pair:after{top:50%;right:calc(var(--bk-gap) * -1);width:calc(var(--bk-gap) / 2);border-top-width:2px}.cr-solo{flex-direction:column;flex:1;justify-content:space-around;display:flex;position:relative}.cr-solo:after{content:"";top:50%;right:calc(var(--bk-gap) * -1);width:var(--bk-gap);border-top:2px solid #ffffff24;position:absolute}.cr-solo:before{content:"";top:50%;right:calc(var(--bk-gap) * -1 + 1px);transform-origin:50%;border:2px solid #ffffff24;border-width:2px 2px 0 0;width:7px;height:7px;margin-top:1px;position:absolute;transform:translateY(-50%)rotate(45deg)}.cr-board .cr-card{flex:none;justify-content:center;gap:2px;margin:5px 0;padding:8px 11px}.cr-board .cr-games{font-size:var(--fs-sm)}}.champs-card{margin:18px var(--gutter) 6px;background:var(--surface-1);border:1px solid var(--hairline);border-radius:14px;padding:18px}.champs-card h2{text-align:center;font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--win);margin:0 0 18px;font-weight:700}