.online-hub{--bg:#070b11;--panel:#0d141d;--line:rgba(255,255,255,.11);--text:#f4f6f8;--muted:#9aa7b5;--cyan:#72e1ff;--violet:#9b7bff;--coral:#ff5268;width:min(94rem,calc(100% - 3rem));margin:0 auto;color:var(--text)}
.online-hub .world-nav{position:sticky;top:0;z-index:30;background:rgba(7,11,17,.94);backdrop-filter:blur(14px)}
.online-hero{position:relative;display:grid;grid-template-columns:minmax(0,8fr) minmax(18rem,4fr);min-height:43rem;overflow:hidden;border:1px solid var(--line);background:#081018;isolation:isolate}
.online-hero__video,.online-hero__art{position:absolute;inset:0;z-index:-4;width:100%;height:100%;object-fit:cover}.online-hero__video{opacity:.52;filter:saturate(.82) contrast(1.08)}.online-hero__art{z-index:-3;opacity:.36;object-position:72% center;mix-blend-mode:screen}.online-hero__wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,8,13,.98) 0%,rgba(4,8,13,.88) 43%,rgba(4,8,13,.45) 72%,rgba(4,8,13,.75) 100%),linear-gradient(0deg,rgba(4,8,13,.94),transparent 60%)}
.online-hero__content{align-self:end;padding:clamp(3rem,7vw,6rem)}.online-kicker{margin:0 0 .7rem;color:var(--cyan);font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.online-hero h1,.online-section h2,.online-final h2{margin:0;font-family:'Barlow Condensed',sans-serif;font-weight:900;line-height:.82;text-transform:uppercase;letter-spacing:-.03em}.online-hero h1{max-width:8ch;font-size:clamp(4.8rem,8vw,8.8rem)}.online-hero__deck{max-width:45rem;margin:1.3rem 0 0;color:#c3ccd6;font-size:1.05rem;line-height:1.55}.online-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}.online-button{display:inline-flex;min-height:3rem;align-items:center;border:1px solid #405062;padding:.75rem 1rem;color:#fff;background:rgba(7,13,20,.7);font-size:.75rem;font-weight:900;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.online-button--primary{border-color:var(--cyan);background:var(--cyan);color:#061016}.online-button:hover{border-color:var(--violet);color:var(--violet)}.online-button--primary:hover{background:var(--violet);color:#fff}
.online-hero__panel{align-self:end;margin:0 clamp(1rem,3vw,2.5rem) clamp(2rem,4vw,3.5rem) 0;border-top:3px solid var(--cyan);background:rgba(9,16,24,.88);backdrop-filter:blur(16px)}.online-hero__panel>span{display:block;padding:.8rem 1rem;border-bottom:1px solid var(--line);color:#94a2b1;font-size:.75rem;font-weight:900;letter-spacing:.1em}.online-hero__panel a{display:grid;grid-template-columns:5rem 1fr;gap:1rem;padding:1rem;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.online-hero__panel a:hover{background:rgba(114,225,255,.07)}.online-hero__panel small{color:var(--cyan);font-size:.75rem;font-weight:900}.online-hero__panel strong{font-family:'Barlow Condensed',sans-serif;font-size:1.35rem;text-transform:uppercase}
.online-stats{display:grid;grid-template-columns:repeat(6,1fr);border-inline:1px solid var(--line);border-bottom:1px solid var(--line)}.online-stats a{padding:1rem;border-right:1px solid var(--line);color:inherit;text-decoration:none}.online-stats a:last-child{border-right:0}.online-stats strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:2rem}.online-stats span{color:var(--muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.online-stats a:hover{background:rgba(114,225,255,.06)}
.online-section{padding:clamp(4.5rem,8vw,8rem) 0;border-bottom:1px solid var(--line)}.online-section__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,30rem);gap:2rem;align-items:end;margin-bottom:1.6rem}.online-section h2{max-width:10ch;font-size:clamp(3.8rem,6.5vw,7rem)}.online-section__head>p{margin:0;color:var(--muted);line-height:1.55}
.online-live-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.online-live-card{position:relative;display:grid;grid-column:span 4;min-height:18rem;align-content:end;padding:1.35rem;background:linear-gradient(145deg,#101a25,#0a1118);color:inherit;text-decoration:none}.online-live-card--featured{grid-column:span 8;background:radial-gradient(circle at 78% 18%,rgba(114,225,255,.19),transparent 28%),linear-gradient(145deg,#10202c,#091017)}.online-live-card span,.online-record-card small,.online-gear-card small{color:var(--cyan);font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.online-live-card strong{display:block;margin:.5rem 0;font-family:'Barlow Condensed',sans-serif;font-size:clamp(2.2rem,4vw,4rem);line-height:.9;text-transform:uppercase}.online-live-card p{max-width:30rem;color:#aeb9c6}.online-live-card b{margin-top:1rem;color:var(--cyan);font-size:.75rem;text-transform:uppercase}.online-live-card:hover{background-color:#13202a}
.online-directory{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.online-directory a{display:grid;min-height:13rem;align-content:space-between;padding:1.15rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:inherit;text-decoration:none;background:#0c1219}.online-directory small{color:var(--cyan);font-size:.75rem;font-weight:900;text-transform:uppercase}.online-directory strong{font-family:'Barlow Condensed',sans-serif;font-size:2rem;text-transform:uppercase}.online-directory span{color:var(--muted);font-size:.78rem;line-height:1.4}.online-directory a:hover{background:linear-gradient(145deg,rgba(114,225,255,.12),rgba(155,123,255,.08)),#0c1219}
.online-record-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.online-record-card{grid-column:span 4;background:#0c1219;color:inherit;text-decoration:none}.online-record-card:first-child{grid-column:span 8}.online-record-card__media{display:block;min-height:15rem;background:linear-gradient(135deg,#111d28,#0b1017)}.online-record-card:first-child .online-record-card__media{min-height:24rem}.online-record-card__media img{width:100%;height:100%;min-height:inherit;object-fit:cover}.online-record-card__body{display:block;padding:1rem}.online-record-card strong{display:block;margin:.35rem 0;font-family:'Barlow Condensed',sans-serif;font-size:2rem;line-height:.95;text-transform:uppercase}.online-record-card p{margin:.5rem 0 0;color:var(--muted);line-height:1.45}
.online-gear{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.online-gear__column{background:#0b1118}.online-gear__column>header{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid var(--line)}.online-gear__column>header span{color:var(--cyan);font-size:.75rem;font-weight:900}.online-gear__column>header a{color:#fff;font-size:.75rem;text-decoration:none}.online-gear-card{display:grid;grid-template-columns:10rem 1fr;min-height:7.5rem;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.online-gear-card img{width:100%;height:100%;object-fit:cover}.online-gear-card>span{display:grid;align-content:center;padding:1rem}.online-gear-card strong{margin-top:.35rem;font-family:'Barlow Condensed',sans-serif;font-size:1.5rem;text-transform:uppercase}.online-empty{padding:1rem;color:var(--muted)}
.online-final{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;padding:clamp(4rem,7vw,7rem) 0}.online-final h2{max-width:10ch;font-size:clamp(3.7rem,6vw,6rem)}.online-final p{max-width:44rem;color:var(--muted);line-height:1.55}
@media(max-width:64rem){.online-hero{grid-template-columns:1fr}.online-hero__panel{margin:0 2rem 2rem}.online-stats{grid-template-columns:repeat(3,1fr)}.online-live-card,.online-live-card--featured{grid-column:span 6}.online-directory{grid-template-columns:repeat(2,1fr)}.online-record-card,.online-record-card:first-child{grid-column:span 6}.online-final{grid-template-columns:1fr}}
@media(max-width:42rem){.online-hub{width:calc(100% - 1.25rem)}.online-hero__content{padding:3rem 1rem}.online-hero h1{font-size:clamp(4rem,18vw,6rem)}.online-hero__panel{margin:0 1rem 1rem}.online-stats{grid-template-columns:repeat(2,1fr)}.online-section__head{grid-template-columns:1fr}.online-live-card,.online-live-card--featured{grid-column:span 12}.online-directory{grid-template-columns:1fr}.online-record-card,.online-record-card:first-child{grid-column:span 12}.online-record-card:first-child .online-record-card__media{min-height:17rem}.online-gear{grid-template-columns:1fr}.online-gear-card{grid-template-columns:7rem 1fr}.online-final{padding-block:4rem}}
@media(prefers-reduced-motion:reduce){.online-hero__video{display:none}}