.h8te-live-hub{position:relative;overflow:hidden;border-block:1px solid var(--line);background:radial-gradient(circle at 85% 15%,rgba(43,120,255,.13),transparent 30rem),#05070b}.h8te-live-hub::after{content:"H8";position:absolute;right:-3vw;bottom:-7vw;color:transparent;-webkit-text-stroke:1px rgba(43,120,255,.06);font:900 clamp(160px,24vw,360px)/.72 var(--display);pointer-events:none}.h8te-live-hub .container{position:relative;z-index:1}.h8te-live-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:14px;align-items:stretch}.h8te-live-main{min-width:0}.h8te-live-main .home-match{height:100%;min-height:100%;grid-template-columns:.68fr 1.32fr}.h8te-live-side{display:grid;grid-template-rows:auto 1fr;gap:10px}.h8te-live-side-head{border:1px solid var(--line);background:#06080d;padding:20px 22px}.h8te-live-side-head small{display:block;color:#68748a;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.h8te-live-side-head strong{display:block;margin-top:8px;font:900 22px/1 var(--display);text-transform:uppercase}.h8te-live-ladders{display:grid;grid-template-columns:1fr;gap:10px}.h8te-live-ladder{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);background:linear-gradient(145deg,#070a10,#06080d);padding:22px;min-height:132px;position:relative;overflow:hidden}.h8te-live-ladder::after{content:"";position:absolute;width:100px;height:100px;right:-70px;bottom:-70px;border:1px solid rgba(43,120,255,.15);transform:rotate(45deg)}.h8te-live-ladder.is-leader{border-color:rgba(43,120,255,.38);background:linear-gradient(145deg,#0a1733,#06080d)}.h8te-live-rank{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line-blue);background:rgba(21,87,255,.08);font:900 14px/1 var(--display);color:#9fc2ff}.h8te-live-ladder small{display:block;color:#68758b;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.h8te-live-ladder h3{margin:7px 0 0;font:900 22px/1 var(--display);text-transform:uppercase}.h8te-live-ladder strong{font:900 18px/1 var(--display);white-space:nowrap}.h8te-live-ladder p{margin:6px 0 0;color:#6f7b90;font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.h8te-live-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.h8te-live-empty{border:1px solid var(--line);background:#06080d;padding:28px;color:#788399;font-size:10px;line-height:1.7}.h8te-live-empty strong{display:block;color:#fff;font:900 20px/1 var(--display);text-transform:uppercase;margin-bottom:7px}@media(max-width:980px){.h8te-live-grid{grid-template-columns:1fr}.h8te-live-main .home-match{min-height:250px}.h8te-live-ladders{grid-template-columns:1fr 1fr}}@media(max-width:720px){.h8te-live-ladders{grid-template-columns:1fr}.h8te-live-main .home-match{grid-template-columns:1fr}.h8te-live-main .home-match-label{border-right:0;border-bottom:1px solid var(--line)}.h8te-live-main .home-match-main{align-items:flex-start;flex-direction:column}.h8te-live-ladder{grid-template-columns:auto 1fr}.h8te-live-ladder>strong{grid-column:2}}