*{box-sizing:border-box}:root{color-scheme:dark;--vs-void: #050a0f;--vs-navy: #0d1b2a;--vs-surface: #111c28;--vs-raised: #152232;--vs-card: #18283a;--vs-text: #e8f4fc;--vs-text-muted: #94a3b8;--vs-ice: #e0ffff;--vs-cyan: #00e5ff;--vs-cyan-dim: #0891b2;--vs-emerald: #00e676;--vs-bronze: #d4a84b;--vs-ember: #ff6b35;--vs-silver: #cbd5e1;--vs-slate: #4a5568;--vs-border: rgba(148, 163, 184, .22);--vs-border-cyan: rgba(0, 229, 255, .35);--vs-glow-cyan: 0 0 22px rgba(0, 229, 255, .2);--vs-glow-active: 0 0 28px rgba(0, 229, 255, .35)}[data-theme=light]{color-scheme:light;--vs-void: #eef2f0;--vs-navy: #dce8e3;--vs-surface: #ffffff;--vs-raised: #ffffff;--vs-card: #f4f7f6;--vs-text: #0f172a;--vs-text-muted: #64748b;--vs-ice: #0c4a6e;--vs-cyan: #0891b2;--vs-cyan-dim: #0e7490;--vs-emerald: #059669;--vs-bronze: #b45309;--vs-ember: #c2410c;--vs-silver: #475569;--vs-slate: #64748b;--vs-border: rgba(15, 23, 42, .12);--vs-border-cyan: rgba(8, 145, 178, .4);--vs-glow-cyan: 0 2px 14px rgba(8, 145, 178, .12);--vs-glow-active: 0 4px 22px rgba(8, 145, 178, .22)}body{margin:0;font-family:Inter,system-ui,sans-serif;-webkit-text-size-adjust:100%;background:radial-gradient(ellipse 130% 90% at 50% -10%,var(--vs-navy) 0%,var(--vs-void) 50%);background-color:var(--vs-void);color:var(--vs-text);min-height:100vh}#root{min-height:100vh}.page{max-width:1200px;margin:0 auto;padding:20px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px;flex-wrap:wrap}.topbar__brand{min-width:0;flex:1 1 200px}.topbar__end{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;flex:0 1 auto}.topbar h1{margin:0;font-size:1.6rem;color:var(--vs-text)}.theme-switcher{display:inline-flex;border-radius:999px;border:1px solid var(--vs-border);overflow:hidden;background:var(--vs-surface)}.theme-switcher__btn{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:var(--vs-text-muted)!important;padding:7px 14px!important;font-size:12px!important;font-weight:700!important;cursor:pointer;margin:0!important}.theme-switcher__btn:hover{color:var(--vs-text)!important;border-color:transparent!important}.theme-switcher__btn.is-active{background:#00e5ff24!important;color:var(--vs-cyan)!important}[data-theme=light] .theme-switcher__btn.is-active{background:#0891b21f!important;color:var(--vs-cyan-dim)!important}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--vs-cyan);opacity:.88}.row{display:flex;gap:8px;align-items:center}.stack{display:flex;flex-direction:column;gap:10px}.compact input{width:56px}button,a{border:1px solid var(--vs-border-cyan);background:linear-gradient(180deg,var(--vs-card) 0%,var(--vs-navy) 100%);color:var(--vs-ice);text-decoration:none;padding:8px 12px;border-radius:999px;font-size:13px;cursor:pointer;box-shadow:var(--vs-glow-cyan)}button:hover,a:hover{border-color:var(--vs-cyan);color:var(--vs-text)}[data-theme=dark] button:hover,[data-theme=dark] a:hover{color:#fff}.config{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;background:var(--vs-raised);border:1px solid var(--vs-border);border-radius:12px;padding:14px;box-shadow:0 12px 40px #00000059}textarea{width:100%;resize:vertical;border-radius:8px;border:1px solid var(--vs-border);padding:10px;font-family:inherit;background:var(--vs-void);color:var(--vs-text)}textarea::placeholder{color:var(--vs-text-muted)}.config label.row{color:var(--vs-text-muted);font-size:13px}.config input[type=number]{background:var(--vs-void);color:var(--vs-text);border:1px solid var(--vs-border);border-radius:6px;padding:6px 8px}.board-wrap{background:linear-gradient(180deg,#0a1219 0%,var(--vs-navy) 100%);border:1px solid var(--vs-border);border-radius:12px;overflow:auto;padding:14px;box-shadow:inset 0 1px #ffffff0a}.bracket-scroll-wrap{width:100%;min-height:70vh;overflow:auto;border-radius:8px}.bracket-scroll-wrap--zoom{min-height:min(70vh,720px)}.bracket-zoom-slot{position:relative;display:block}.bracket-zoom-scale{display:block}.bracket-svg-mount{display:block;line-height:0}.bracket-svg-mount svg{display:block;max-width:none}.bracket-scroll-wrap svg{display:block}.bracket-zoom-toolbar{justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:10px}.bracket-zoom-toolbar__label{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--vs-cyan);opacity:.9}.bracket-zoom-toolbar__controls{flex-wrap:wrap;gap:6px;align-items:center}.bracket-zoom-btn{min-width:36px;height:34px;padding:0 10px;border-radius:8px;font-size:16px;font-weight:800;line-height:1;border:1px solid var(--vs-border);background:var(--vs-surface);color:var(--vs-text);cursor:pointer}.bracket-zoom-btn:hover:not(:disabled){background:var(--vs-card);border-color:var(--vs-border-cyan)}.bracket-zoom-btn:disabled{opacity:.45;cursor:not-allowed}.bracket-zoom-btn--text{min-width:auto;font-size:12px;font-weight:700;padding:0 12px}.bracket-zoom-pct{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--vs-silver);min-width:3.2rem;text-align:center}.gloot-match{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:6px;box-sizing:border-box;overflow:hidden;transition:opacity .45s ease,filter .45s ease,box-shadow .35s ease}.gloot-match--round-active{opacity:1;filter:none}.gloot-match--round-active .gloot-row{box-shadow:var(--vs-glow-active),0 0 0 1px var(--vs-border-cyan);border-color:var(--vs-cyan)}.gloot-match--round-pending{opacity:.5;filter:saturate(.72)}.gloot-match--round-closed{opacity:.4;filter:saturate(.65)}.gloot-match-head{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px;margin:0 0 2px;padding:0 2px;min-height:18px;max-height:18px;overflow:hidden}.gloot-match-head__round{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--vs-text-muted);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:65%;flex:1 1 auto}.gloot-match-head__round--muted{text-transform:none;letter-spacing:.04em;font-weight:600}.gloot-match-head__num{font-size:11px;font-weight:800;color:var(--vs-silver);line-height:1.2;white-space:nowrap;flex:0 0 auto}.gloot-row{display:flex;justify-content:flex-start;align-items:center;gap:8px;min-height:80px;height:80px;flex:0 0 80px;background:linear-gradient(180deg,var(--vs-card) 0%,var(--vs-raised) 100%);border:1px solid var(--vs-border);border-radius:10px;padding:8px 12px;box-shadow:0 4px 14px #00000040}.gloot-row.winner{border-color:var(--vs-bronze);box-shadow:0 0 16px #d4a84b33}.gloot-team{display:flex;flex-direction:row;align-items:center;gap:12px;min-width:0;flex:1}.gloot-avatar{width:60px;height:60px;border-radius:999px;object-fit:cover;border:2px solid rgba(0,229,255,.25);background:var(--vs-surface);flex:0 0 60px;box-shadow:0 0 12px #00e5ff14}.gloot-name{flex:1;min-width:0;font-size:12px;font-weight:700;line-height:1.35;letter-spacing:.01em;color:var(--vs-text);text-align:left;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.board{position:relative;min-width:max-content}.round{position:absolute;top:0;transition:opacity .45s ease,filter .45s ease}.round h3{font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;color:var(--vs-text-muted);transition:color .35s ease}.round .stack{gap:18px}.round--active{opacity:1;z-index:2;filter:none}.round--active h3{color:var(--vs-cyan);text-shadow:0 0 18px rgba(0,229,255,.35)}.round--active .match-card{border-color:var(--vs-cyan);box-shadow:var(--vs-glow-active),0 0 0 1px var(--vs-border-cyan)}.round--pending{opacity:.5;z-index:1;filter:saturate(.72)}.round--closed{opacity:.4;z-index:1;filter:saturate(.65)}.bracket-svg{position:absolute;left:0;top:0;overflow:visible}.bracket-path{fill:none;stroke:#64748b80;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bracket-node{fill:var(--vs-card);stroke:#00e5ff59;stroke-width:2}.match-card{background:linear-gradient(180deg,var(--vs-card) 0%,var(--vs-raised) 100%);border:1px solid var(--vs-border);border-radius:14px;padding:10px 10px 12px;box-shadow:0 8px 24px #0000004d}.match-card__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--vs-border)}.match-card__round-pill{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--vs-cyan-dim);background:#00e5ff1a;border:1px solid var(--vs-border-cyan);border-radius:999px;padding:4px 10px}.match-card .match-link{display:inline-block;background:transparent;color:var(--vs-ice);padding:0;margin:0;font-weight:800;font-size:12px;letter-spacing:.02em;text-decoration:none;border:0;border-radius:0;cursor:pointer}.match-card .match-link:hover{color:var(--vs-cyan);text-decoration:underline;text-shadow:0 0 12px rgba(0,229,255,.45)}.team-members{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px 8px}.team-members li{font-size:11px;font-weight:600;color:var(--vs-text);background:#00e6761f;border:1px solid rgba(0,230,118,.28);border-radius:999px;padding:3px 9px;line-height:1.3}.team-row{border:1px solid var(--vs-border);background:var(--vs-surface);border-radius:10px;padding:8px;margin-top:8px;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 12px #0003}.team-row.winner{border-color:var(--vs-bronze);box-shadow:0 0 14px #d4a84b26}.team-main{justify-content:space-between;align-items:center;width:100%;min-width:0}.team-name-wrap{min-width:0;flex:1;display:flex;flex-direction:row;align-items:center;gap:12px}.team-card-name{margin:0;font-size:13px;font-weight:700;color:var(--vs-text);line-height:1.35;letter-spacing:.01em;text-align:left;white-space:normal;word-break:break-word;max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.team-total{font-size:12px;font-weight:700;color:var(--vs-emerald)}.avatar{width:60px;height:60px;flex:0 0 60px;border-radius:999px;border:2px solid rgba(0,229,255,.3);object-fit:cover;box-shadow:0 0 10px #00e5ff1a;background:var(--vs-surface)}.score-controls{display:flex;gap:6px;align-self:flex-end}.score-controls label{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:var(--vs-text-muted)}.team-row input{border:1px solid var(--vs-border);border-radius:6px;padding:3px 4px;width:44px;font-size:12px;background:var(--vs-void);color:var(--vs-text)}.champion{display:inline-block;margin:0 0 10px;padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,#d4a84b40,#d4a84b14);color:var(--vs-bronze);font-weight:700;border:1px solid rgba(212,168,75,.45);box-shadow:0 0 20px #d4a84b26}.single{max-width:560px}.muted{color:var(--vs-text-muted)}.inline-msg{margin:0;font-size:12px}.inline-msg.ok{color:var(--vs-emerald)}.inline-msg.err{color:var(--vs-ember)}.toast{margin:10px 0;display:inline-block;background:var(--vs-card);color:var(--vs-ice);border:1px solid var(--vs-border-cyan);border-radius:999px;padding:8px 12px;font-size:12px;box-shadow:var(--vs-glow-cyan)}.round-badge{display:inline-block;font-size:11px;font-weight:700;border-radius:999px;padding:4px 10px;margin-bottom:8px}.round-badge.active{background:#00e5ff26;color:var(--vs-cyan);border:1px solid var(--vs-border-cyan);box-shadow:0 0 14px #00e5ff33}.round-badge.pending{background:#4a556859;color:var(--vs-silver);border:1px solid var(--vs-border)}.round-badge.closed{background:#ff6b351f;color:#fca5a5;border:1px solid rgba(255,107,53,.35)}.timer-pill{display:inline-block;margin:0 0 10px;background:var(--vs-surface);border:1px solid var(--vs-border);border-radius:999px;padding:6px 12px;font-size:12px;color:var(--vs-text-muted)}.hype-timer{display:inline-flex;flex-direction:column;align-items:center;gap:4px;margin:0 0 12px;padding:12px 18px;background:linear-gradient(145deg,var(--vs-navy) 0%,var(--vs-surface) 100%);color:var(--vs-text);border-radius:14px;border:1px solid var(--vs-border-cyan);box-shadow:var(--vs-glow-cyan),0 10px 28px #0006}.hype-timer.pending{background:linear-gradient(145deg,var(--vs-surface) 0%,var(--vs-navy) 100%);border-color:var(--vs-border);box-shadow:0 8px 24px #00000059}.hype-timer.closed{background:linear-gradient(145deg,#1a2332 0%,var(--vs-void) 100%);border-color:#ff6b3540}.hype-timer.urgent{border-color:var(--vs-ember);box-shadow:0 0 #ff6b3580,var(--vs-glow-cyan);animation:timerPulse 1.2s ease-in-out infinite}.hype-label{margin:0;font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.9}.hype-timer h3{margin:0;font-size:18px;letter-spacing:.02em}.hype-time{margin:0;font-size:32px;font-weight:800;letter-spacing:.06em;font-variant-numeric:tabular-nums;line-height:1}.hype-sub{margin:0;font-size:12px;opacity:.9}@keyframes timerPulse{0%{box-shadow:0 0 #ff6b3573,var(--vs-glow-cyan)}70%{box-shadow:0 0 0 14px #ff6b3500,var(--vs-glow-cyan)}to{box-shadow:0 0 #ff6b3500,var(--vs-glow-cyan)}}.match-page{max-width:640px;margin:0 auto}.match-page__round-pill{margin:0 0 14px}.match-page__timer-card{text-align:center;padding:18px 20px;border-radius:16px;margin-bottom:22px;border:1px solid var(--vs-border-cyan);background:linear-gradient(145deg,var(--vs-navy) 0%,var(--vs-surface) 100%);color:var(--vs-text);box-shadow:var(--vs-glow-cyan),0 16px 40px #00000073}.match-page__timer-card--pending{background:linear-gradient(145deg,var(--vs-surface) 0%,var(--vs-navy) 100%);border-color:var(--vs-border);box-shadow:0 12px 32px #0006}.match-page__timer-card--closed{background:linear-gradient(145deg,#1a2332 0%,var(--vs-void) 100%);border-color:#ff6b354d}.match-page__timer-card--urgent{border-color:var(--vs-ember);animation:timerPulse 1.2s ease-in-out infinite}.match-page__timer-card--active{border-color:var(--vs-cyan)}.match-page__timer-eyebrow{margin:0 0 8px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.85}.match-page__timer-clock{margin:0 0 6px;font-size:40px;font-weight:800;letter-spacing:.06em;font-variant-numeric:tabular-nums;line-height:1}.match-page__timer-meta{margin:0;font-size:13px;opacity:.92}.match-page__showdown{margin-bottom:24px;border-radius:18px;overflow:hidden;box-shadow:0 16px 48px #0000008c,0 0 0 1px var(--vs-border)}.match-page__hero{margin:0;padding:0;line-height:0;background:radial-gradient(ellipse 120% 80% at 50% 100%,var(--vs-navy) 0%,var(--vs-void) 70%)}.match-page__hero img{width:100%;height:auto;max-height:min(42vh,320px);display:block;object-fit:cover;object-position:center}.match-page__versus{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;padding:20px 14px;background:var(--vs-raised);border:1px solid var(--vs-border);border-radius:16px;box-shadow:0 8px 28px #00000059}.match-page__showdown .match-page__versus{margin-bottom:0;border-radius:0;border:none;box-shadow:none}.match-page__versus--arena{padding:22px 16px 26px;background:radial-gradient(ellipse 140% 100% at 50% 0%,var(--vs-navy) 0%,var(--vs-void) 55%,#020608 100%);border-top:1px solid rgba(0,229,255,.15)}.match-page__versus--arena .match-page__team-ring{background:#050a0fa6;border-color:#94a3b859}.match-page__versus--arena .match-page__team:first-of-type:not(.match-page__team--winner) .match-page__team-ring{box-shadow:0 0 36px #00e5ff66,0 0 2px #00ffff80;border-color:#00e5ffd9}.match-page__versus--arena .match-page__team:last-of-type:not(.match-page__team--winner) .match-page__team-ring{box-shadow:0 0 36px #00e67659,0 0 12px #ff6b3540;border-color:#00e676bf}.match-page__versus--arena .match-page__team-name{color:var(--vs-text)}.match-page__team-integrantes{width:100%;max-width:240px;display:flex;flex-direction:column;align-items:center;gap:6px}.match-page__integrantes-label{margin:0;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--vs-text-muted)}.match-page__versus--arena .match-page__integrantes-empty{margin:0;font-size:12px;color:var(--vs-slate);font-style:italic}.match-page__versus--arena.match-page__versus{justify-content:space-around;gap:24px}.match-page__team{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.match-page__team--winner .match-page__team-ring{border-color:var(--vs-bronze);box-shadow:0 0 0 3px #d4a84b66,0 0 24px #d4a84b40}.match-page__team-ring{width:108px;height:108px;border-radius:999px;border:3px solid var(--vs-border);padding:6px;background:linear-gradient(180deg,var(--vs-card) 0%,var(--vs-surface) 100%);display:flex;align-items:center;justify-content:center}.match-page__team-logo{width:100%;height:100%;border-radius:999px;object-fit:cover}.match-page__team-name{margin:0;font-size:clamp(15px,3.5vw,18px);font-weight:800;line-height:1.2;color:var(--vs-text);word-break:break-word}.match-page__team-members{justify-content:center;width:100%;max-width:220px}.match-page__team-members li{font-size:11px;background:#0f172a59;border-color:#94a3b859;color:#e2e8f0}.match-page__team-badge{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--vs-void);background:linear-gradient(135deg,var(--vs-bronze) 0%,#e8c066 100%);padding:4px 10px;border-radius:999px;box-shadow:0 0 16px #d4a84b59}.match-page__reto{margin-bottom:22px;padding:18px 18px 20px;border-radius:14px;border:1px solid rgba(0,230,118,.22);background:linear-gradient(135deg,rgba(0,230,118,.08) 0%,var(--vs-raised) 50%,var(--vs-navy) 100%)}.match-page__reto-title{margin:0 0 10px;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:var(--vs-emerald)}.match-page__reto-icon{font-size:18px;line-height:1}.match-page__reto-body{margin:0;font-size:14px;line-height:1.55;color:var(--vs-text-muted)}.match-page__scores-title{margin:0 0 10px;font-size:14px;font-weight:800;color:var(--vs-cyan)}.match-page__scores .card{margin-top:0}.schedule-grid{margin:12px 0 6px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.schedule-card{background:var(--vs-raised);border:1px solid var(--vs-border);border-radius:10px;padding:10px;transition:opacity .45s ease,filter .45s ease,box-shadow .35s ease,border-color .35s ease,transform .35s ease}.schedule-card h4{margin:0 0 6px;font-size:14px;color:var(--vs-text)}.schedule-card p{margin:2px 0;font-size:12px;color:var(--vs-text-muted)}.schedule-card.pending{opacity:.52;filter:saturate(.75)}.schedule-card.closed{opacity:.42;filter:saturate(.68);border-color:#ff6b3533}.schedule-card.active{opacity:1;filter:none;border-color:var(--vs-cyan);box-shadow:var(--vs-glow-active),0 10px 28px #00000059;transform:translateY(-2px)}.zoom-row{justify-content:flex-end;margin-bottom:8px}.svg-viewport{overflow:auto;width:100%}.svg-canvas{position:relative;transform-origin:top left;will-change:transform}.c-match-abs{position:absolute;background:var(--vs-raised);border:1px solid var(--vs-border);border-radius:8px;padding:6px;box-shadow:0 4px 14px #0000004d}.c-match-abs .match-link{margin-bottom:4px;font-size:10px;line-height:1}.c-row{border:1px solid var(--vs-border);background:var(--vs-surface);border-radius:6px;padding:4px 6px;margin-top:4px;display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center}.c-row.winner{border-color:var(--vs-bronze)}.c-row strong{font-size:12px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:122px;color:var(--vs-text)}.c-row span{font-size:11px;color:var(--vs-emerald);font-weight:700}.c-trophy-abs{position:absolute;width:84px;height:84px;border-radius:999px;border:3px solid var(--vs-bronze);background:var(--vs-raised);display:flex;align-items:center;justify-content:center;font-size:32px}.c-dot-abs{position:absolute;width:12px;height:12px;border-radius:999px;background:var(--vs-card);border:2px solid var(--vs-border-cyan)}.c-final-link{position:absolute;display:inline-block;background:var(--vs-card);color:var(--vs-ice);border:1px solid var(--vs-border-cyan);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.comp-hero-block{margin-bottom:16px;border-radius:16px;overflow:hidden;border:1px solid rgba(148,163,184,.25);box-shadow:0 12px 40px #0f172a59;background:#020617}.comp-hero-block .comp-hero--split{margin-bottom:0;border-radius:0;border:0;box-shadow:none}.comp-hero{position:relative;width:100%;aspect-ratio:16 / 9;max-height:min(480px,58vh);min-height:220px;margin-bottom:16px;border-radius:16px;overflow:hidden;border:1px solid rgba(148,163,184,.25);box-shadow:0 12px 40px #0f172a59;background:#030712}.comp-hero--closed{margin-bottom:16px}.comp-hero__frame--split{justify-content:flex-start}.comp-hero__scrim--split{background:linear-gradient(to bottom,rgba(2,6,23,.5) 0%,transparent 26%),linear-gradient(to top,rgba(2,6,23,.22) 0%,transparent 52%),linear-gradient(to right,rgba(2,6,23,.32) 0%,transparent 18%),linear-gradient(to left,rgba(2,6,23,.32) 0%,transparent 18%)}.comp-hero__panel{background:linear-gradient(180deg,#0f172a,#020617);border-top:1px solid rgba(148,163,184,.22);padding:12px 14px 18px}.comp-hero__match--from-art{border-color:#38bdf847;box-shadow:0 0 0 1px #38bdf814}.comp-hero__name--from-art{white-space:normal;line-height:1.25;max-width:min(200px,36vw);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-hyphens:auto;hyphens:auto}.comp-hero__slides{position:absolute;top:0;right:0;bottom:0;left:0}.comp-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#030712;background-size:contain;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1.2s ease-in-out}.comp-hero__slide.is-on{opacity:1}.comp-hero__scrim--edges{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,rgba(2,6,23,.5) 0%,transparent 28%),linear-gradient(to top,rgba(2,6,23,.55) 0%,transparent 38%),linear-gradient(to right,rgba(2,6,23,.35) 0%,transparent 20%),linear-gradient(to left,rgba(2,6,23,.35) 0%,transparent 20%)}.comp-hero__frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;pointer-events:none;color:#e2e8f0}.comp-hero__frame>*{pointer-events:auto}.comp-hero__frame--closed{justify-content:flex-end}.comp-hero__topbar{display:grid;grid-template-columns:minmax(9rem,13.5rem) 1fr minmax(9rem,13.5rem);align-items:stretch;column-gap:12px;width:100%;padding:12px 14px;box-sizing:border-box;pointer-events:none}.comp-hero__topbar .comp-hero__pill{pointer-events:auto;min-width:0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-self:stretch}.comp-hero__pill{border-radius:12px;padding:10px 14px;background:#02061794;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000059}.comp-hero__pill--round{grid-column:1;justify-self:start;align-items:flex-start;text-align:left}.comp-hero__pill--timer{grid-column:3;justify-self:end;text-align:right;align-items:flex-end}.comp-hero__pill--urgent{border-color:#f871718c;animation:timerPulse 1.2s ease-in-out infinite}.comp-hero__pill-label{margin:0;font-size:9px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#94a3b8}.comp-hero__pill-clock{margin:5px 0 0;font-size:clamp(1.1rem,3.4vw,1.4rem);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.05em;line-height:1.1;color:#f8fafc;text-shadow:0 2px 12px rgba(0,0,0,.55)}.comp-hero__pill-eta{margin:5px 0 0;font-size:11px;font-weight:600;color:#cbd5e1;line-height:1.3}.comp-hero__spacer{flex:1;min-height:0;pointer-events:none!important}.comp-hero__dock{margin-top:auto;padding:18px 12px 22px;background:linear-gradient(to top,rgba(2,6,23,.94) 0%,rgba(2,6,23,.72) 55%,transparent 100%)}.comp-hero__dock--closed{padding:16px 18px 18px;max-width:32rem}.comp-hero__eyebrow{margin:0;font-size:10px;font-weight:800;letter-spacing:.22em;color:#94a3b8}.comp-hero--active .comp-hero__pill--round .comp-hero__eyebrow{color:var(--vs-cyan);text-shadow:0 0 18px rgba(0,229,255,.45)}.comp-hero--pending .comp-hero__pill--round .comp-hero__eyebrow{color:#fcd34d}.comp-hero--active .comp-hero__pill--timer .comp-hero__pill-label{color:var(--vs-cyan);opacity:.95}.comp-hero--pending .comp-hero__pill--timer .comp-hero__pill-label{color:#fcd34d;opacity:.95}.comp-hero__title{margin:6px 0 0;font-size:1.2rem;font-weight:800;letter-spacing:.02em;color:#f8fafc;text-shadow:0 2px 12px rgba(0,0,0,.65)}.comp-hero__title--pill{margin-top:4px;font-size:clamp(1rem,3vw,1.2rem)}.comp-hero__timer{margin:6px 0 0;font-size:12px;font-weight:600;color:#e2e8f0;text-shadow:0 1px 8px rgba(0,0,0,.7)}.comp-hero__sub{margin:8px 0 0;font-size:13px;color:#cbd5e1;max-width:36rem}.comp-hero__matches-label{margin:0 0 6px;font-size:10px;font-weight:700;letter-spacing:.18em;color:#cbd5e1;text-transform:uppercase}.comp-hero__slider{display:flex;flex-direction:column;gap:12px;outline:none}.comp-hero__slider:focus-visible{box-shadow:0 0 0 2px #38bdf880;border-radius:12px}.comp-hero__slider-row{display:flex;align-items:stretch;gap:10px}.comp-hero__slider-btn{flex-shrink:0;width:42px;min-height:48px;align-self:center;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#020617a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#f1f5f9;font-size:26px;line-height:1;padding:0 0 2px;cursor:pointer;transition:background .2s,border-color .2s,color .2s,opacity .2s}.comp-hero__slider-btn:hover:not(:disabled){background:#1e3a8a8c;border-color:#38bdf859;color:#fff}.comp-hero__slider-btn:disabled{opacity:.28;cursor:not-allowed}.comp-hero__slider-viewport{flex:1;min-width:0;overflow:hidden;border-radius:12px}.comp-hero__slider-track{display:flex;width:100%;transition:transform .42s cubic-bezier(.22,1,.36,1)}.comp-hero__slider-item{flex:0 0 100%;width:100%;max-width:100%;padding:0 2px;box-sizing:border-box}.comp-hero__slider-dots{display:flex;justify-content:center;align-items:center;gap:10px;padding-top:2px}.comp-hero__slider-dot{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:#94a3b873;cursor:pointer;transition:transform .2s,background .2s}.comp-hero__slider-dot:hover{background:#94a3b8bf}.comp-hero__slider-dot.is-active{background:var(--vs-cyan);transform:scale(1.2);box-shadow:0 0 14px #00e5ff8c}.comp-hero__match{display:flex;align-items:center;gap:8px;width:100%;min-width:0;box-sizing:border-box;padding:10px 14px;border-radius:12px;text-decoration:none;color:inherit;background:#0f172ab8;border:1px solid rgba(148,163,184,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .2s,box-shadow .2s,transform .15s}.comp-hero__match:hover{border-color:#38bdf880;box-shadow:0 0 0 1px #38bdf826,0 8px 24px #0006;transform:translateY(-1px)}.comp-hero__side{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.comp-hero__side--right{flex-direction:row;justify-content:flex-end;text-align:right}.comp-hero__logo{width:36px;height:36px;border-radius:999px;object-fit:cover;border:2px solid rgba(226,232,240,.3);flex-shrink:0;box-shadow:0 0 12px #38bdf81f}.comp-hero__side--right .comp-hero__logo{box-shadow:0 0 12px #f8717126}.comp-hero__name{font-size:11px;font-weight:700;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(140px,28vw)}.comp-hero__vs{flex-shrink:0;font-size:13px;font-weight:900;font-style:italic;letter-spacing:.06em;background:linear-gradient(180deg,var(--vs-silver) 0%,var(--vs-slate) 55%,var(--vs-cyan-dim) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.75))}[data-theme=light] .board-wrap{background:linear-gradient(180deg,#e8f1ee,#dce8e3);border-color:#0f172a24}[data-theme=light] .round--pending{opacity:.68;filter:saturate(.86)}[data-theme=light] .round--closed{opacity:.62;filter:saturate(.82)}[data-theme=light] .bracket-path{stroke:#47556973}[data-theme=light] .bracket-node{fill:#f8fbfa;stroke:#0891b252}[data-theme=light] .comp-hero-block{border-color:#0891b238;box-shadow:0 10px 28px #0f172a1f;background:#f4faf8}[data-theme=light] .comp-hero{border-color:#0891b238;box-shadow:0 10px 26px #0f172a1f;background:#eef6f4}[data-theme=light] .comp-hero__scrim--edges{background:linear-gradient(to bottom,rgba(248,250,252,.46) 0%,transparent 30%),linear-gradient(to top,rgba(248,250,252,.56) 0%,transparent 42%),linear-gradient(to right,rgba(226,232,240,.28) 0%,transparent 20%),linear-gradient(to left,rgba(226,232,240,.28) 0%,transparent 20%)}[data-theme=light] .comp-hero__panel{background:linear-gradient(180deg,#f5faf9,#edf5f3);border-top-color:#0891b233}[data-theme=light] .comp-hero__pill{background:#ffffffc7;border-color:#0891b238;box-shadow:0 8px 24px #0f172a1a}[data-theme=light] .comp-hero__pill-label,[data-theme=light] .comp-hero__eyebrow,[data-theme=light] .comp-hero__pill-eta,[data-theme=light] .comp-hero__matches-label,[data-theme=light] .comp-hero__sub{color:#475569}[data-theme=light] .comp-hero__pill-clock,[data-theme=light] .comp-hero__title,[data-theme=light] .comp-hero__timer{color:#0f172a;text-shadow:none}[data-theme=light] .comp-hero__dock{background:linear-gradient(to top,rgba(241,245,249,.92) 0%,rgba(248,250,252,.75) 58%,transparent 100%)}[data-theme=light] .comp-hero__slider-btn{border-color:#0891b240;background:#ffffffe0;color:#0f172a}[data-theme=light] .comp-hero__slider-btn:hover:not(:disabled){background:#0891b224;border-color:#0891b273;color:#0e7490}[data-theme=light] .comp-hero__match{background:#ffffffdb;border-color:#0891b233;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}[data-theme=light] .comp-hero__match:hover{border-color:#0891b273;box-shadow:0 0 0 1px #0891b21f,0 8px 20px #0f172a24}[data-theme=light] .comp-hero__name{color:#0f172a}[data-theme=light] .comp-hero__logo{border-color:#0891b23d}[data-theme=light] .comp-hero__side--right .comp-hero__logo{box-shadow:0 0 10px #05966924}@media(max-width:900px){.config{grid-template-columns:1fr}.team-card-name{font-size:12px}.comp-hero{max-height:min(380px,52vh);min-height:200px}.comp-hero__panel{padding:10px 10px 14px}.comp-hero__name--from-art{max-width:min(140px,42vw)}.comp-hero__name{max-width:min(100px,26vw)}.comp-hero__slider-btn{width:36px;min-height:44px;font-size:22px}.comp-hero__topbar{padding:10px;column-gap:10px;grid-template-columns:minmax(8rem,11.5rem) 1fr minmax(8rem,11.5rem)}}@media(max-width:420px){.comp-hero__topbar{grid-template-columns:1fr;row-gap:10px}.comp-hero__pill--round,.comp-hero__pill--timer{grid-column:1;justify-self:stretch}.comp-hero__pill--timer{align-items:flex-start;text-align:left}}