.live-hub{--live-orange:#ff6b00;--live-neon:#3fd0ff;--live-ink:#07080e;--live-panel:rgba(8,9,14,0.82);--live-line:rgba(255,255,255,0.1);position:relative;display:flex;flex-direction:column;gap:1rem;min-height:0;height:100%;flex:1}.live-hub__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.25rem;padding:.85rem 1.1rem;border:1px solid var(--live-line);background:linear-gradient(105deg,rgba(255,107,0,.14),transparent 55%),var(--live-panel);backdrop-filter:blur(10px);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.live-hub__header-left{display:flex;align-items:center;gap:.85rem;min-width:0}.live-hub__pulse{position:relative;display:flex;height:.7rem;width:.7rem;flex-shrink:0}.live-hub__pulse:before{position:absolute;inset:0;opacity:.55;animation:live-hub-ping 1.4s cubic-bezier(0,0,.2,1) infinite}.live-hub__pulse:after,.live-hub__pulse:before{content:"";border-radius:999px;background:#ef4444}.live-hub__pulse:after{position:relative;margin:auto;height:.7rem;width:.7rem;box-shadow:0 0 12px rgba(239,68,68,.7)}@keyframes live-hub-ping{75%,to{transform:scale(2.1);opacity:0}}.live-hub__eyebrow{margin:0;font-family:var(--font-ui,system-ui,sans-serif);font-size:9px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.4)}.live-hub__title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.55rem .85rem}.live-hub__title{margin:0;font-family:var(--font-display,Impact,sans-serif);font-size:clamp(1.35rem,2.6vw,1.85rem);font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:#fff;line-height:1}.live-hub__count{display:inline-flex;align-items:center;padding:.2rem .55rem;border:1px solid rgba(255,107,0,.45);background:rgba(255,107,0,.12);font-family:var(--font-ui,system-ui,sans-serif);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--live-orange);font-variant-numeric:tabular-nums}.live-hub__sub{margin:.35rem 0 0;max-width:38rem;font-family:var(--font-ui,system-ui,sans-serif);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45)}.live-hub__list{list-style:none;margin:0;display:flex;flex-direction:column;gap:.75rem;min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:0 0 .25rem}.live-hub__card{position:relative;display:block;text-decoration:none;color:inherit;border:1px solid var(--live-line);background:linear-gradient(90deg,rgba(255,107,0,.06),transparent 28%,transparent 72%,rgba(63,208,255,.06)),rgba(255,255,255,.025);padding:1rem 1.1rem;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;outline:none}.live-hub__card:focus-visible,.live-hub__card:hover{border-color:rgba(255,107,0,.45);background:linear-gradient(90deg,rgba(255,107,0,.12),transparent 30%,transparent 70%,rgba(63,208,255,.1)),rgba(255,255,255,.04);box-shadow:0 0 28px rgba(255,107,0,.12);transform:translateY(-1px)}.live-hub__card:focus-visible{box-shadow:0 0 0 2px rgba(63,208,255,.55),0 0 28px rgba(255,107,0,.12)}.live-hub__duel{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem 1rem}.live-hub__player{display:flex;min-width:0;align-items:center;gap:.75rem}.live-hub__player--b{flex-direction:row-reverse;text-align:right}.live-hub__player--b .live-hub__meta{align-items:flex-end}.live-hub__meta{display:flex;min-width:0;flex-direction:column;gap:.15rem}.live-hub__name{font-size:1rem;font-weight:700;line-height:1.15;color:#fff}.live-hub__handle,.live-hub__name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-ui,system-ui,sans-serif)}.live-hub__handle{font-size:11px;color:rgba(255,255,255,.42)}.live-hub__bot{display:inline-flex;margin-top:.15rem;width:-moz-fit-content;width:fit-content;padding:.1rem .4rem;border:1px solid rgba(255,107,0,.35);background:rgba(255,107,0,.1);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--live-orange)}.live-hub__vs-block{display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:5.5rem}.live-hub__vs{font-family:var(--font-display,Impact,sans-serif);font-size:1.35rem;letter-spacing:.12em;color:var(--live-orange);text-shadow:0 0 18px rgba(255,107,0,.35);line-height:1}.live-hub__vs-meta{display:flex;flex-direction:column;align-items:center;gap:.2rem;font-family:var(--font-ui,system-ui,sans-serif);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);text-align:center}.live-hub__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem;margin-top:.9rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.07)}.live-hub__tags{display:flex;flex-wrap:wrap;gap:.4rem}.live-hub__tag{padding:.2rem .5rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);font-size:10px;font-weight:600;letter-spacing:.12em;color:rgba(255,255,255,.55)}.live-hub__tag,.live-hub__watch{font-family:var(--font-ui,system-ui,sans-serif);text-transform:uppercase}.live-hub__watch{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border:1px solid rgba(63,208,255,.45);background:rgba(63,208,255,.12);font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--live-neon);transition:background .2s ease,border-color .2s ease}.live-hub__card:focus-visible .live-hub__watch,.live-hub__card:hover .live-hub__watch{background:rgba(63,208,255,.22);border-color:rgba(63,208,255,.7)}.live-hub__empty,.live-hub__loading{display:flex;flex:1;min-height:16rem;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;border:1px dashed rgba(255,255,255,.12);background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(255,107,0,.08),transparent 70%),rgba(255,255,255,.02);padding:2rem 1.25rem;text-align:center}.live-hub__empty-icon{color:rgba(255,255,255,.28)}.live-hub__empty p,.live-hub__loading p{margin:0;max-width:26rem;font-family:var(--font-ui,system-ui,sans-serif);font-size:.9rem;color:rgba(255,255,255,.55)}.live-hub__empty-cta{margin-top:.35rem;display:inline-flex;align-items:center;padding:.55rem 1rem;border:1px solid rgba(255,107,0,.5);background:rgba(255,107,0,.12);font-family:var(--font-ui,system-ui,sans-serif);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--live-orange);text-decoration:none;transition:background .2s ease}.live-hub__empty-cta:hover{background:rgba(255,107,0,.22)}.live-hub--compact{height:auto;gap:.65rem}.live-hub--compact .live-hub__header{padding:.65rem .85rem}.live-hub--compact .live-hub__title{font-size:1.1rem}.live-hub--compact .live-hub__sub{display:none}.live-hub--compact .live-hub__list{overflow:visible;flex:none;display:grid;grid-template-columns:1fr;gap:.5rem}@media (min-width:640px){.live-hub--compact .live-hub__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.live-hub--compact .live-hub__list{grid-template-columns:repeat(3,minmax(0,1fr))}}.live-hub--compact .live-hub__card{padding:.75rem}.live-hub--compact .live-hub__name{font-size:.85rem}.live-hub--compact .live-hub__vs{font-size:1rem}.live-hub--compact .live-hub__empty,.live-hub--compact .live-hub__loading{min-height:8rem;padding:1.25rem}@media (max-width:720px){.live-hub__duel{grid-template-columns:1fr;gap:.85rem}.live-hub__vs-block{order:0;gap:.75rem;min-width:0;width:100%;padding:.35rem 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.live-hub__vs-block,.live-hub__vs-meta{flex-direction:row;justify-content:center}.live-hub__vs-meta{flex-wrap:wrap;gap:.45rem}.live-hub__player--b{flex-direction:row;text-align:left}.live-hub__player--b .live-hub__meta{align-items:flex-start}.live-hub__footer{flex-direction:column;align-items:stretch}.live-hub__watch{justify-content:center;width:100%}}html[data-reduce-animations="1"] .live-hub__pulse:before{animation:none}html[data-reduce-animations="1"] .live-hub__card{transition:none}