:root{
  --bg:#050505;
  --bg-2:#090909;
  --surface:#101010;
  --surface-2:#17130b;
  --line:#302513;
  --line-gold:#805b1d;
  --gold:#d4af37;
  --gold-2:#f3d27a;
  --gold-3:#9b6f1c;
  --text:#f6f1e8;
  --muted:#b9b3a8;
  --dim:#756f64;
  --live:#ff3b3b;
  --cyan:#21d7ff;
  --green:#62e581;
  --max:1240px;
  --radius:3px;
  --shadow:0 18px 42px #0008;
  --fast:180ms ease;
  --slow:680ms cubic-bezier(.2,.8,.2,1);
}

/* Interactive esports homepage pass. Keeps the reference look but restores real content. */
body[data-page="home"] [data-footer],
body[data-page="home"] .site-footer{
  display:block!important;
}
body[data-page="home"] .reference-home{
  min-height:auto;
  overflow:visible;
  background:
    radial-gradient(circle at 50% 0%,#d4af3718,transparent 34%),
    linear-gradient(90deg,#030303,#080704 50%,#030303);
}
body[data-page="home"] .reference-news,
body[data-page="home"] .reference-match,
body[data-page="home"] .reference-games,
body[data-page="home"] .reference-streams{
  width:min(1440px,calc(100% - 120px))!important;
  margin-inline:auto!important;
  background:
    linear-gradient(120deg,#151310 0 11%,#070707 11% 100%),
    linear-gradient(90deg,#d4af3716,transparent)!important;
  border-bottom:1px solid #7b5418!important;
}
body[data-page="home"] .reference-sponsors{
  width:min(1440px,calc(100% - 120px))!important;
  margin:0 auto 0!important;
  background:#050505!important;
}
body[data-page="home"] .reference-news > *,
body[data-page="home"] .reference-match > *,
body[data-page="home"] .reference-games > *,
body[data-page="home"] .reference-streams > *,
body[data-page="home"] .reference-sponsors > *{
  opacity:1!important;
}
body[data-page="home"] .reference-news{
  display:grid;
  grid-template-columns:180px minmax(0,1fr) 40px;
  height:auto!important;
  min-height:96px!important;
}
body[data-page="home"] .reference-match,
body[data-page="home"] .reference-match-list{
  height:auto!important;
  min-height:89px!important;
}
body[data-page="home"] .reference-games{
  height:auto!important;
  padding:16px 0 20px!important;
}
body[data-page="home"] .reference-streams{
  height:auto!important;
  padding:0 0 22px!important;
}
body[data-page="home"] .reference-game-list{
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:10px;
}
body[data-page="home"] .reference-game-list .game-cover{
  height:138px!important;
  min-height:138px!important;
}
body[data-page="home"] .reference-game-list .game-cover strong{
  font-size:clamp(16px,1.45vw,24px);
}
body[data-page="home"] .reference-game-list .game-cover:nth-child(n+6){
  display:grid;
}
body[data-page="home"] .reference-stream-layout{
  height:126px;
  min-height:126px;
  grid-template-columns:1.35fr 1fr .98fr;
}
body[data-page="home"] .reference-stream-layout .stream-card:first-child{
  background:
    linear-gradient(90deg,#070707 0 47%,#0a0908 47% 100%),
    radial-gradient(circle at 68% 40%,#d4af3718,transparent 32%);
}
body[data-page="home"] .reference-stream-layout .stream-card:first-child .stream-kicker{
  align-self:end;
  padding:20px 28px 0;
  color:#d6a43c;
  font-size:12px;
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
}
body[data-page="home"] .reference-stream-layout .stream-card:first-child strong{
  padding-top:4px;
}
body[data-page="home"] .reference-stream-layout .stream-link-row{
  color:inherit;
  text-decoration:none;
}
body[data-page="home"] .reference-stream-layout .stream-link-row span{
  display:none;
}
body[data-page="home"] .reference-sponsors:after,
body[data-page="home"] .reference-sponsors .sponsor-logo:before{
  content:none!important;
}
body[data-page="home"] .reference-sponsors .sponsor-logos{
  opacity:1;
}
body[data-page="home"] .reference-sponsors .sponsor-logo img{
  opacity:.9;
  filter:grayscale(1) brightness(1.18);
}
.home-news-detail{
  width:min(1440px,calc(100% - 120px));
  margin:0 auto;
  padding:28px 0 34px;
  border-bottom:1px solid #7b5418;
  background:
    linear-gradient(135deg,#090806,#030303 62%,#0b0802),
    radial-gradient(circle at 70% 0%,#d4af371e,transparent 38%);
}
.home-news-detail[hidden]{
  display:none!important;
}
.reference-home.is-reading-news .reference-match,
.reference-home.is-reading-news .reference-games,
.reference-home.is-reading-news .reference-streams{
  display:none!important;
}
.home-news-back,
.back-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:40px;
  padding:0 16px;
  border:1px solid #9b6f1c;
  background:#080704;
  color:#f3d27a;
  font:900 12px/1 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-decoration:none;
  cursor:pointer;
}
.home-news-back:before,
.back-link:before{
  content:"";
  width:10px;
  height:10px;
  border-left:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
}
.home-article-detail{
  margin-top:22px;
}
.site-footer{
  background:#020202;
  border-top:1px solid #7b5418;
}
.footer-bottom nav{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
}
.game-detail-hero{
  min-height:520px;
  background:
    linear-gradient(90deg,#020202 0 18%,transparent 44%,#020202 100%),
    var(--cover) center/cover no-repeat!important;
  border-bottom:1px solid var(--accent);
}
.game-detail-hero:before{
  background:
    linear-gradient(90deg,var(--accent),transparent 26%,transparent 74%,var(--accent)),
    linear-gradient(135deg,transparent 0 72%,color-mix(in srgb,var(--accent),transparent 28%) 72.2%,transparent 74%);
  opacity:.55;
}
.game-detail-hero h1{
  display:inline-block;
  padding:10px 18px 14px;
  background:linear-gradient(90deg,#030303d8,#0505055c);
  border-left:3px solid var(--accent);
  text-shadow:0 12px 28px #000;
}
.game-roster-showcase{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.esports-player-card{
  min-height:470px;
  padding:0;
  align-content:end;
}
.esports-player-card img{
  height:100%;
  object-position:center top;
  filter:grayscale(.25) contrast(1.08) brightness(.78);
}
.esports-player-card:hover img{
  filter:grayscale(0) contrast(1.08) brightness(.95);
}
.player-card-info{
  position:relative;
  z-index:2;
  padding:18px;
  background:linear-gradient(180deg,transparent,#030303 36%,#050505);
}
.player-card-info span,
.player-card-info small,
.player-card-info p{
  color:#c8bda8;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.player-card-info strong{
  display:block;
  margin:6px 0;
  color:#fff;
  font-size:24px;
  letter-spacing:.08em;
}
.player-card-info dl{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
  margin:12px 0;
}
.player-card-info div{
  padding:8px;
  border:1px solid #3d2c10;
  background:#050505c9;
}
.player-card-info dt{
  color:#d4af37;
  font-size:10px;
}
.player-card-info dd{
  margin:2px 0 0;
  color:#fff;
  font-weight:900;
}

@media(max-width:1100px){
  body[data-page="home"] .reference-game-list,
  .game-roster-showcase{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body[data-page="home"] .reference-news,
  body[data-page="home"] .reference-match,
  body[data-page="home"] .reference-games,
  body[data-page="home"] .reference-streams,
  body[data-page="home"] .reference-sponsors,
  .home-news-detail{
    width:min(100% - 28px,100%)!important;
  }
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Inter,Segoe UI,Arial,sans-serif;
  line-height:1.55;
  min-height:100vh;
  overflow-x:hidden;
  background-image:linear-gradient(180deg,#030303,#080808 46%,#050505);
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.11;
  background:url("../img/bg/hero.webp") center/cover;
  filter:grayscale(1) contrast(1.25) brightness(.35);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}
:focus-visible{outline:2px solid var(--gold-2);outline-offset:4px}
.skip-link{position:absolute;left:18px;top:-60px;z-index:100;background:var(--gold-2);color:#050505;padding:10px 14px;font-weight:900}
.skip-link:focus{top:12px}

h1,h2,h3,.brand strong,.btn,.nav a,.section-title,.eyebrow,.stage-label,.news-card strong,.game-cover strong{
  font-family:"Copperplate Gothic Light","Palatino Linotype",Palatino,Georgia,serif;
  text-transform:uppercase;
  letter-spacing:.08em;
}
h1,h2,h3,p{margin-top:0}
p{color:var(--muted)}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.section{padding:72px 0;border-top:1px solid #1b160d}
.section.slim{padding:38px 0}
.section-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.section-title{color:var(--gold-2);font-size:clamp(22px,3vw,36px);line-height:1.1;margin:0}
.section-lead{max-width:720px;color:var(--muted);margin:8px 0 0}
.gold-line{height:1px;background:linear-gradient(90deg,transparent,var(--gold-3),transparent)}

.site-header{
  position:sticky;
  top:0;
  z-index:60;
  background:#030303f2;
  border-bottom:1px solid var(--line-gold);
  backdrop-filter:blur(14px);
}
.header-inner{
  height:76px;
  width:min(1500px,calc(100% - 36px));
  margin:auto;
  display:flex;
  align-items:center;
  gap:22px;
}
.brand{display:flex;align-items:center;gap:11px;min-width:150px}
.brand-logo,.footer-brand img{
  object-fit:contain;
  border:1px solid #4b3715;
  background:#070707;
  box-shadow:0 0 18px #d4af3725;
}
.brand span{display:grid;color:#c7b98b;font-size:8px;line-height:1;letter-spacing:.18em}
.brand strong{font-size:19px;color:var(--gold-2);letter-spacing:.14em}
.nav{display:flex;align-items:center;gap:21px;margin-left:auto}
.nav a{
  display:flex;
  align-items:center;
  min-height:76px;
  font-size:11px;
  font-weight:900;
  color:#e8e0cf;
  border-bottom:2px solid transparent;
  transition:color var(--fast),border-color var(--fast);
}
.nav a:hover,.nav a.active{color:var(--gold-2);border-color:var(--gold)}
.socials{display:flex;align-items:center;gap:8px}
.socials a{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid #604818;
  border-radius:2px;
  background:#0a0a0a;
  transition:transform var(--fast),border-color var(--fast),box-shadow var(--fast);
}
.socials a:hover{transform:translateY(-2px);border-color:var(--gold-2);box-shadow:0 0 16px #d4af3742}
.socials img{width:17px;height:17px;object-fit:contain}
.burger{display:none;width:42px;height:42px;border:1px solid #604818;background:#090909;color:var(--gold);border-radius:2px}
.burger span{display:block;width:18px;height:2px;margin:4px auto;background:currentColor}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border:1px solid var(--line-gold);
  background:#090909;
  color:var(--text);
  border-radius:2px;
  font-size:11px;
  font-weight:900;
  transition:transform var(--fast),box-shadow var(--fast),border-color var(--fast),background var(--fast);
}
.btn.primary{background:linear-gradient(135deg,var(--gold-2),#b47b19);color:#050505;border-color:var(--gold-2)}
.btn:hover{transform:translateY(-2px);border-color:var(--gold-2);box-shadow:0 0 22px #d4af374f}
.text-link{display:inline-flex;color:var(--gold-2);font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.11em}

.hub-hero{
  position:relative;
  min-height:calc(100vh - 76px);
  overflow:hidden;
  border-bottom:1px solid var(--line-gold);
  display:grid;
  align-items:center;
}
.hub-hero-media{position:absolute;inset:0;overflow:hidden;background:#000}
.hub-hero-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#050505f2 0%,#050505b8 36%,#05050535 68%,#050505d8 100%),linear-gradient(0deg,#050505 0%,transparent 24%,transparent 78%,#050505d8);
}
.hub-hero-media:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(110deg,transparent 0%,#f3d27a24 44%,transparent 58%);
  animation:bannerShine 7.5s ease-in-out infinite;
  pointer-events:none;
}
.hub-hero-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  animation:heroDrift 18s ease-in-out infinite alternate;
  will-change:transform;
}
.hub-hero-content{
  position:relative;
  z-index:3;
  width:min(720px,calc(100% - 40px));
  margin-left:max(20px,calc((100vw - var(--max))/2));
  padding:76px 0;
}
.live-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:32px;
  padding:0 12px;
  border:1px solid #594117;
  border-radius:4px;
  background:#080808db;
  color:var(--gold-2);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
}
.live-pill span{width:8px;height:8px;border-radius:50%;background:var(--gold)}
.live-pill.live span{background:var(--live);box-shadow:0 0 14px var(--live);animation:livePulse 1.25s ease-in-out infinite}
.hub-hero h1{
  font-size:clamp(62px,9vw,134px);
  line-height:.9;
  color:var(--gold-2);
  text-shadow:0 0 26px #d4af3738,0 2px #3d2c0d;
  margin:18px 0;
  letter-spacing:.16em;
}
.hub-hero p{max-width:600px;font-size:17px;color:#e6dfd0}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero-status{
  position:absolute;
  z-index:4;
  right:max(20px,calc((100vw - var(--max))/2));
  bottom:42px;
  width:min(340px,calc(100% - 40px));
  padding:18px;
  border:1px solid #76571d;
  border-radius:var(--radius);
  background:#070707e8;
  box-shadow:var(--shadow);
}
.hero-status strong{color:var(--live);font-size:12px;letter-spacing:.18em}
.hero-status span,.hero-status small{display:block}
.hero-status span{margin:5px 0;color:var(--gold-2);font-weight:900}
.hero-status small{color:var(--muted)}

.page-hero{
  min-height:360px;
  position:relative;
  display:grid;
  align-items:end;
  overflow:hidden;
  background:#000;
  border-bottom:1px solid var(--line-gold);
}
.page-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#050505f0,#05050588),url("../img/bg/reference-hero-final.webp") center/cover;
  transform:scale(1.02);
}
.page-hero .container{position:relative;z-index:1;padding:70px 0}
.page-hero h1{font-size:clamp(38px,6vw,82px);line-height:1;color:var(--gold-2);margin-bottom:10px}
.page-hero p{max-width:720px;font-size:16px}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cards-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}

.news-card,.match-card,.info-card,.action-card,.role-card,.download-card,.clip-card,.timeline-item,.article-row{
  position:relative;
  border:1px solid var(--line);
  background:linear-gradient(145deg,#101010,#070707);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:inset 0 1px #f3d27a12;
  transition:transform var(--fast),border-color var(--fast),box-shadow var(--fast);
}
.news-card:hover,.match-card:hover,.info-card:hover,.action-card:hover,.role-card:hover,.download-card:hover,.clip-card:hover,.article-row:hover{
  transform:translateY(-4px);
  border-color:var(--gold-2);
  box-shadow:0 0 24px #d4af3735;
}
.news-card{display:grid;gap:10px;min-height:182px;padding:22px}
.news-date,.article-row span,.game-cover span,.match-card span,.action-card span,.role-card span{
  color:var(--gold);
  text-transform:uppercase;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}
.news-card strong{color:var(--gold-2);font-size:19px;line-height:1.25}
.news-card p{margin:0}

.match-card{padding:20px;min-height:166px}
.match-card strong{display:block;color:var(--gold-2);font-size:21px;margin:4px 0}
.match-card time,.match-card small{display:block;color:var(--muted)}
.match-card small{margin-top:10px;color:var(--green)}
.match-list{display:grid;gap:12px}
.match-row{display:grid;grid-template-columns:120px 1.5fr 1fr 130px 105px;gap:12px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#0c0c0c}
.match-row span{color:var(--gold)}
.match-row strong{color:var(--gold-2)}
.match-row p,.match-row time,.match-row small{margin:0;color:var(--muted)}
.match-row.result small{color:var(--green)}

.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}
.game-cover{
  position:relative;
  display:grid;
  align-content:end;
  min-height:236px;
  aspect-ratio:16/10;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--accent) 55%,#6b501c);
  border-radius:var(--radius);
  isolation:isolate;
  padding:18px;
  background:#070707;
  box-shadow:inset 0 0 0 1px #f3d27a0f,var(--shadow);
}
.game-cover img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(.9) saturate(.3) brightness(.65) contrast(1.18);
  transform:scale(1.02);
  transition:filter 260ms ease,transform var(--slow);
  z-index:-2;
}
.game-cover:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 22%,transparent),transparent 38%),linear-gradient(0deg,#050505f3,#0505058c 45%,transparent);
}
.game-cover:after{
  content:"";
  position:absolute;
  inset:9px;
  border:1px solid color-mix(in srgb,var(--accent) 35%,var(--gold));
  opacity:.72;
  pointer-events:none;
}
.game-cover:hover img,.game-cover:focus-visible img{filter:grayscale(0) saturate(1.08) brightness(.95) contrast(1.08);transform:scale(1.075)}
.game-cover:hover,.game-cover:focus-visible{transform:translateY(-5px);box-shadow:0 0 30px color-mix(in srgb,var(--accent) 36%,#d4af3748)}
.game-cover strong{font-size:21px;color:var(--gold-2);text-shadow:0 3px 12px #000}
.game-cover small{color:#ded7ca;line-height:1.35;display:block;max-width:95%}
.game-cover.compact small{display:none}

.game-detail-hero{
  position:relative;
  min-height:520px;
  padding:48px max(20px,calc((100vw - var(--max))/2));
  display:grid;
  align-content:end;
  overflow:hidden;
  background:linear-gradient(90deg,#050505 0%,#050505d0 34%,#05050526 68%,#050505c8),var(--cover) center/cover;
  border-bottom:1px solid var(--line-gold);
}
.game-detail-hero:after{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--gold));margin:18px;pointer-events:none;opacity:.45}
.game-detail-hero>*{position:relative;z-index:1}
.breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:32px;color:var(--dim);font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.12em}
.breadcrumb a{color:var(--gold)}
.breadcrumb b{color:var(--gold-2)}
.game-detail-hero span{color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.16em}
.game-detail-hero h1{font-size:clamp(45px,8vw,96px);color:var(--gold-2);margin:8px 0 12px}
.game-detail-hero p{max-width:560px;color:#f0e8d8;font-size:17px}
.tag-list{display:flex;flex-wrap:wrap;gap:10px}
.tag-list span,.tag-list a{padding:8px 12px;border:1px solid var(--line-gold);border-radius:2px;background:#070707;color:var(--gold-2);font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}
.mini-roster{display:grid;gap:10px}
.mini-roster a{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:#090909}
.mini-roster img{width:58px;height:58px;object-fit:cover;object-position:top;border-radius:2px}
.mini-roster span{display:block;color:var(--muted);font-size:12px}

.player-card{
  position:relative;
  display:block;
  min-height:440px;
  padding:0 0 16px;
  background:linear-gradient(180deg,transparent,#080806);
  border-top:1px solid #8a651f;
  overflow:hidden;
}
.player-card:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:48px;
  height:3px;
  background:var(--gold-2);
  z-index:2;
}
.player-card img{
  width:100%;
  height:360px;
  object-fit:cover;
  object-position:top;
  filter:saturate(.9) contrast(1.08);
  clip-path:polygon(0 0,100% 0,100% 92%,92% 100%,0 100%);
  transition:filter var(--fast),transform var(--slow);
}
.player-card:hover img{filter:saturate(1.05) contrast(1.12);transform:scale(1.035)}
.player-card div{padding:16px 0 0}
.player-card span{display:block;color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.player-card strong{display:block;color:var(--gold-2);font-size:24px;margin-top:5px}
.player-card small{color:var(--muted)}
.player-profile{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,520px) minmax(290px,1fr);
  gap:28px;
  align-items:center;
  min-height:720px;
  width:min(1320px,calc(100% - 40px));
  margin:auto;
  padding:56px 0;
}
.player-profile h1{font-size:clamp(44px,6vw,86px);color:var(--gold-2);margin-bottom:10px}
.player-profile-copy p{font-size:17px}
.player-profile dl{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.player-profile dl div{display:flex;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid var(--line)}
.player-profile dl div:last-child{border-bottom:0}
.player-profile dt{text-transform:uppercase;color:var(--dim);font-size:11px;font-weight:900}
.player-profile dd{margin:0;color:var(--gold-2)}
.player-profile-image{width:100%;height:min(680px,78vh);object-fit:cover;object-position:top;border:1px solid var(--line-gold);border-radius:var(--radius);background:#050505;box-shadow:var(--shadow)}
.player-profile-panel{display:grid;gap:16px;border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:#090909}
.player-profile-panel h2{font-size:14px;color:var(--gold);margin:6px 0 -6px}
.player-profile-panel ul{margin:0;padding-left:18px;color:var(--muted)}

.player-stage{
  position:relative;
  min-height:calc(100vh - 76px);
  overflow:hidden;
  isolation:isolate;
  border-bottom:1px solid var(--line-gold);
  background:
    radial-gradient(circle at 72% 34%,#d4af3718,transparent 28%),
    linear-gradient(105deg,#030303 0%,#070707 48%,#120f08 100%);
}
.player-stage:before,
.player-stage:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.player-stage:before{
  z-index:-3;
  background:
    linear-gradient(90deg,#050505f5,#0505059c 42%,transparent 72%),
    url("../img/bg/reference-hero-final.webp") center/cover;
  opacity:.34;
  filter:grayscale(.8) contrast(1.18) brightness(.55);
}
.player-stage:after{
  z-index:3;
  background:
    linear-gradient(90deg,transparent 0 49%,#f3d27a1f 49.1%,transparent 49.4%),
    linear-gradient(125deg,transparent 0 65%,#9b6f1c4d 65.1%,transparent 65.45%);
  mix-blend-mode:screen;
  opacity:.7;
}
.player-stage-backdrop{
  position:absolute;
  inset:76px max(20px,calc((100vw - var(--max))/2)) 34px 52%;
  z-index:-1;
  border-top:1px solid #9b6f1c99;
  border-right:1px solid #9b6f1c55;
  clip-path:polygon(10% 0,100% 0,100% 82%,86% 100%,0 100%,0 16%);
  background:
    linear-gradient(135deg,#f3d27a10,transparent 46%),
    repeating-linear-gradient(90deg,#ffffff08 0 1px,transparent 1px 70px);
}
.arise-3d-scene{
  position:absolute;
  z-index:1;
  right:max(-40px,calc((100vw - var(--max))/2 - 90px));
  top:80px;
  width:min(54vw,780px);
  height:calc(100% - 150px);
  min-height:420px;
  pointer-events:none;
  opacity:.95;
  filter:drop-shadow(0 0 28px #d4af3740);
}
.player-stage-grid{
  position:relative;
  z-index:4;
  width:min(1360px,calc(100% - 44px));
  min-height:calc(100vh - 76px);
  margin:auto;
  display:grid;
  grid-template-columns:minmax(280px,420px) minmax(0,610px) minmax(220px,310px);
  align-items:center;
  gap:42px;
  padding:56px 0;
}
.player-stage-portrait{
  position:relative;
  margin:0;
  align-self:end;
}
.player-stage-portrait:before{
  content:"";
  position:absolute;
  inset:18px -14px -16px 20px;
  z-index:-1;
  border:1px solid #9b6f1c99;
  clip-path:polygon(8% 0,100% 0,94% 100%,0 100%,0 12%);
  background:linear-gradient(145deg,#f3d27a13,transparent);
}
.player-stage-portrait img{
  width:100%;
  height:min(78vh,720px);
  min-height:520px;
  object-fit:cover;
  object-position:top;
  clip-path:polygon(8% 0,100% 0,94% 100%,0 100%,0 12%);
  filter:saturate(.92) contrast(1.08);
  box-shadow:0 34px 70px #000a;
}
.player-stage-portrait figcaption{
  margin-top:12px;
  color:var(--gold);
  font-size:10px;
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.player-stage-copy{
  position:relative;
  max-width:650px;
}
.stage-label{
  display:block;
  width:max-content;
  border-left:3px solid var(--gold-2);
  padding-left:12px;
  color:var(--gold-2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
}
.player-stage-copy h1{
  margin:12px 0 16px;
  color:var(--gold-2);
  font-size:clamp(64px,9vw,140px);
  line-height:.86;
  letter-spacing:.16em;
  text-shadow:0 0 28px #d4af3738,0 3px #261a05;
}
.player-stage-copy p{
  max-width:590px;
  color:#e9dfcd;
  font-size:18px;
}
.profile-lines{
  display:grid;
  max-width:600px;
  margin:30px 0 0;
}
.profile-lines div{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:22px;
  align-items:center;
  min-height:54px;
  border-top:1px solid #4a3715;
}
.profile-lines div:last-child{border-bottom:1px solid #4a3715}
.profile-lines dt{
  color:var(--dim);
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.profile-lines dd{
  margin:0;
  color:var(--gold-2);
  font-weight:900;
}
.player-stage-command{
  align-self:end;
  margin-bottom:56px;
  padding:18px 0 18px 18px;
  border-left:1px solid #9b6f1c;
  border-top:1px solid #9b6f1c66;
  background:linear-gradient(90deg,#090909cc,transparent);
}
.player-stage-command span{
  color:var(--gold);
  font-size:10px;
  font-weight:900;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.player-stage-command strong{
  display:block;
  color:var(--gold-2);
  font-size:28px;
  line-height:1;
  margin:10px 0;
}
.player-stage-command p{
  margin:0;
  color:var(--muted);
}
.player-intel-section{
  background:
    linear-gradient(180deg,#050505,#090806),
    repeating-linear-gradient(90deg,#ffffff06 0 1px,transparent 1px 88px);
}
.player-intel-grid{
  display:grid;
  grid-template-columns:1.15fr 1fr 1fr 1fr;
  gap:28px;
}
.intel-column{
  position:relative;
  padding-top:18px;
  border-top:1px solid #9b6f1c;
}
.intel-column:before{
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  width:42px;
  height:3px;
  background:var(--gold-2);
}
.intel-column h2{
  color:var(--gold-2);
  font-size:18px;
  margin-bottom:18px;
}
.intel-list,
.intel-links{
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}
.intel-list li,
.intel-links a{
  min-height:46px;
  padding:12px 0;
  border-bottom:1px solid #251b0d;
  color:var(--muted);
}
.intel-list li:before{
  content:"";
  display:inline-block;
  width:18px;
  height:1px;
  margin:0 10px 4px 0;
  background:var(--gold);
}
.intel-links a{
  display:grid;
  gap:2px;
  transition:color var(--fast),padding-left var(--fast);
}
.intel-links a:hover{
  color:var(--gold-2);
  padding-left:8px;
}
.intel-links span{
  color:var(--gold);
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.intel-links strong{
  color:inherit;
  font-size:17px;
}

.home-3d-scene{
  right:max(-120px,calc((100vw - var(--max))/2 - 260px));
  top:92px;
  z-index:2;
  width:min(58vw,820px);
  height:calc(100% - 128px);
  opacity:.38;
}
.hub-hero-content{max-width:760px}
.hero-rail{
  display:grid;
  grid-template-columns:repeat(3,max-content 1fr);
  gap:8px 14px;
  max-width:720px;
  margin-top:32px;
  padding-top:18px;
  border-top:1px solid #8b681f;
  color:var(--muted);
}
.hero-rail span{
  color:var(--gold);
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.hero-rail strong{
  color:var(--gold-2);
  font-size:12px;
  text-transform:uppercase;
}
.cards-flow:has(.news-rail){grid-template-columns:1fr;gap:0}
.news-rail{
  position:relative;
  display:grid;
  grid-template-columns:180px 150px minmax(230px,1fr) minmax(240px,.9fr) 110px;
  gap:20px;
  align-items:center;
  min-height:118px;
  padding:16px 0;
  border-top:1px solid #2d2110;
  color:var(--text);
  transition:padding-left var(--fast),border-color var(--fast),background var(--fast);
}
.news-rail:last-child{border-bottom:1px solid #2d2110}
.news-rail:hover{
  padding-left:12px;
  border-color:#8b681f;
  background:linear-gradient(90deg,#d4af370c,transparent 70%);
}
.news-rail img{
  width:180px;
  aspect-ratio:16/9;
  object-fit:cover;
  filter:grayscale(.45) saturate(.78) contrast(1.05);
  clip-path:polygon(0 0,100% 0,92% 100%,0 100%);
  transition:filter var(--fast),transform var(--slow);
}
.news-rail:hover img{filter:grayscale(0) saturate(1.04) contrast(1.08);transform:scale(1.025)}
.news-rail>span,.article-row span{
  color:var(--gold);
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.news-rail>strong,.article-row strong{
  color:var(--gold-2);
  font-family:"Copperplate Gothic Light","Palatino Linotype",Palatino,Georgia,serif;
  font-size:22px;
  line-height:1.18;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.news-rail p{margin:0;color:var(--muted)}
.news-rail small{
  justify-self:end;
  color:var(--gold-2);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.article-rail{grid-template-columns:210px minmax(0,1fr) 110px}
.article-rail img{width:210px}
.article-row,.news-card,.match-card,.info-card,.action-card,.role-card,.download-card,.clip-card,.timeline-item{
  background:transparent;
  box-shadow:none;
}
.match-card,.match-rail{
  position:relative;
  display:grid;
  grid-template-columns:150px 170px minmax(220px,1fr) 150px 130px;
  gap:14px;
  align-items:center;
  min-height:82px;
  padding:14px 0;
  border-top:1px solid #2d2110;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.match-rail:last-child{border-bottom:1px solid #2d2110}
.match-rail:hover{
  background:linear-gradient(90deg,#d4af370d,transparent);
}
.match-rail span,.match-card span{
  color:var(--gold);
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.match-rail strong,.match-card strong{
  color:var(--gold-2);
  font-size:20px;
}
.match-rail p,.match-rail time,.match-rail small,.match-card p,.match-card time,.match-card small{
  margin:0;
  color:var(--muted);
}
.match-rail small,.match-card small{color:var(--green)}
.rail-row{
  border-radius:0;
  background:transparent;
  border-left:0;
  border-right:0;
  border-top-color:#2d2110;
}
.stream-grid:has(.stream-rail){
  display:grid;
  grid-template-columns:1.25fr 1fr 1fr;
  gap:0;
  border-top:1px solid #604818;
  border-bottom:1px solid #2d2110;
}
.stream-rail{
  border:0;
  border-right:1px solid #2d2110;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  padding:0 18px 18px;
}
.stream-rail:last-child{border-right:0}
.stream-rail .stream-preview{
  clip-path:polygon(0 0,100% 0,94% 100%,0 100%);
  margin-inline:-18px;
}
.stream-rail strong,.stream-rail p,.stream-rail>a{padding-inline:0}
.stream-rail strong{font-size:19px}
.sponsor-band{
  border-top:1px solid #604818;
  border-bottom:1px solid #2d2110;
  padding:22px 0;
}
.sponsor-logo{
  min-height:70px;
  padding:10px 0;
  border:0;
  border-top:1px solid #2d2110;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.sponsor-logo:hover{
  border-color:var(--gold-2);
  background:linear-gradient(180deg,#d4af370c,transparent);
}
.sponsor-cta,.metric-panel{
  border-left:1px solid #8b681f;
  border-right:0;
  border-top:0;
  border-bottom:0;
  border-radius:0;
  background:linear-gradient(90deg,#0d0a04,transparent);
}
.action-grid:has(.action-rail){
  grid-template-columns:1fr;
  gap:0;
}
.action-rail{
  display:grid;
  grid-template-columns:74px 150px minmax(140px,.45fr) minmax(260px,1fr) 150px;
  gap:18px;
  align-items:center;
  min-height:112px;
  padding:18px 0;
  border-left:0;
  border-right:0;
  border-top:1px solid #2d2110;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.action-rail:last-child{border-bottom:1px solid #2d2110}
.action-rail:hover{background:linear-gradient(90deg,#d4af370d,transparent)}
.action-rail .action-icon{
  margin:0;
  background:transparent;
  border-color:#8b681f;
}
.action-rail .action-icon img{filter:none}
.action-rail h2{margin:0;font-size:22px}
.action-rail p{margin:0;min-height:0}
.action-rail .text-link{justify-self:end}
.rail-stack,.benefit-grid:has(.rail-row),.role-board:has(.role-rail){
  display:grid;
  grid-template-columns:1fr;
  gap:0;
}
.role-rail,.info-card.rail-row{
  display:grid;
  grid-template-columns:150px minmax(170px,.5fr) minmax(260px,1fr) 110px;
  gap:16px;
  align-items:center;
  padding:16px 0;
  border-top:1px solid #2d2110;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.role-rail:last-child,.info-card.rail-row:last-child{border-bottom:1px solid #2d2110}
.role-rail p,.info-card.rail-row p{margin:0}
.role-rail a{justify-self:end}
.download-rail{
  grid-template-columns:220px minmax(0,1fr) 110px;
  border-left:0;
  border-right:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  padding:16px 0;
}
.download-rail img{
  clip-path:polygon(0 0,100% 0,92% 100%,0 100%);
}
.swatch,.share-box,.arise-form{
  border-radius:0;
  background:linear-gradient(90deg,#0b0b0b,transparent);
  box-shadow:none;
}

.stream-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.stream-card{border:1px solid var(--line);border-radius:var(--radius);background:#080808;overflow:hidden;box-shadow:var(--shadow)}
.stream-preview{position:relative;aspect-ratio:16/9;background:#000}
.stream-preview img{width:100%;height:100%;object-fit:cover;filter:brightness(.58) saturate(.72)}
.stream-preview span{position:absolute;left:12px;top:12px;padding:5px 8px;background:var(--live);border-radius:2px;font-size:10px;font-weight:900;letter-spacing:.12em}
.play-stream{position:absolute;inset:auto 50% 50% auto;transform:translate(50%,50%);min-width:140px;min-height:42px;border:1px solid var(--gold-2);border-radius:2px;background:#050505d9;color:var(--gold-2);font-weight:900;text-transform:uppercase;cursor:pointer}
.stream-card strong,.stream-card p,.stream-card>a{display:block;padding:0 14px}
.stream-card strong{padding-top:13px;color:var(--gold-2)}
.stream-card p{margin:3px 0 10px}
.stream-card>a{padding-bottom:14px;color:var(--gold);font-size:12px}
.stream-card iframe{width:100%;aspect-ratio:16/9;border:0;background:#000;display:block}

.clip-card{display:block}
.clip-card img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:grayscale(.25) saturate(.86)}
.clip-card span,.clip-card strong{display:block;padding-inline:16px}
.clip-card span{padding-top:14px;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.clip-card strong{padding-bottom:16px;color:var(--gold-2);font-size:20px}

.clip-card{
  border:0;
  border-top:1px solid #2d2110;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  padding-top:14px;
}
.clip-card:hover{
  transform:none;
  background:linear-gradient(180deg,#d4af370d,transparent 70%);
}
.clip-card img{
  clip-path:polygon(0 0,100% 0,94% 100%,0 100%);
  border:1px solid #2d2110;
  border-left:0;
  border-right:0;
}
.clip-card span,
.clip-card strong{
  padding-left:0;
  padding-right:0;
}

.sponsor-band{display:grid;grid-template-columns:1.7fr .8fr;gap:22px;align-items:center}
.sponsor-logos,.sponsor-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:12px}
.sponsor-logo{display:grid;place-items:center;gap:6px;min-height:78px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#080808;transition:transform var(--fast),border-color var(--fast)}
.sponsor-logo:hover{transform:translateY(-3px);border-color:var(--gold-2)}
.sponsor-logo img{width:100%;height:38px;object-fit:contain}
.sponsor-logo span{color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.1em;text-align:center}
.sponsor-cta,.metric-panel{border:1px solid var(--line-gold);border-radius:var(--radius);background:linear-gradient(145deg,#18130a,#080808);padding:24px}
.sponsor-cta h2{color:var(--gold-2)}
.metric-panel{display:grid;gap:8px}
.metric-panel span{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.13em}
.metric-panel strong{font-size:19px;color:var(--gold-2)}

.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.action-card{padding:24px;min-height:264px}
.action-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--line-gold);border-radius:2px;background:linear-gradient(135deg,var(--gold-2),var(--gold-3));margin-bottom:18px}
.action-icon img{width:30px;height:30px;object-fit:contain;filter:brightness(0)}
.action-card h2{color:var(--gold-2);font-size:24px;margin:8px 0}
.action-card p{min-height:66px}

.split-section{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.benefit-grid,.role-board{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.info-card,.role-card{padding:20px}
.info-card strong,.role-card strong{display:block;color:var(--gold-2);font-size:18px}
.role-card a{display:inline-flex;margin-top:8px;color:var(--gold-2);font-weight:900;text-transform:uppercase;font-size:11px}
.arise-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#080808}
.arise-form label{display:grid;gap:6px;color:var(--gold);font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}
.arise-form .wide{grid-column:1/-1}
input,textarea{width:100%;border:1px solid #5a4318;border-radius:2px;background:#050505;color:var(--text);padding:12px}
textarea{min-height:140px;resize:vertical}
input:focus,textarea:focus{border-color:var(--gold-2);box-shadow:0 0 0 3px #d4af3727;outline:0}
.form-success,.success{color:var(--green);font-weight:900}
.success{display:none}.success.show{display:block}

.article-row{display:grid;grid-template-columns:240px 1fr;gap:18px;padding:14px;align-items:center}
.article-row img{width:240px;height:135px;object-fit:cover;border-radius:2px}
.article-row div{display:grid;gap:6px}
.article-row strong{color:var(--gold-2);font-size:22px}
.article-row p{margin:0}
.article-detail{width:min(1080px,calc(100% - 40px));margin:0 auto;padding:56px 0}
.article-hero{display:grid;grid-template-columns:1fr;gap:22px;border-bottom:1px solid var(--line);padding-bottom:28px}
.article-hero img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line-gold)}
.article-hero span{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.article-hero h1{font-size:clamp(34px,5vw,68px);color:var(--gold-2);margin:8px 0}
.article-body{max-width:800px;margin:34px auto 0}
.article-body p{font-size:18px;color:#ddd}
.share-box{margin-top:28px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#090909}
.share-box strong{display:block;color:var(--gold-2)}

.download-card{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:center;padding:14px}
.download-card img{width:220px;height:124px;object-fit:cover;border-radius:2px}
.download-card strong{display:block;color:var(--gold-2);font-size:20px}
.swatch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.swatch{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#080808}
.swatch span{width:52px;height:52px;border-radius:2px;border:1px solid #ffffff22}
.swatch strong,.swatch small{display:block}
.swatch strong{color:var(--gold-2)}
.swatch small{color:var(--muted)}
.info-stack p,.rule-list li{padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.rule-list{padding-left:18px}

.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.timeline-item{padding:20px}
.timeline-item span{color:var(--gold);font-weight:900}
.timeline-item strong{display:block;color:var(--gold-2);font-size:19px;margin:5px 0}

/* Final ARISE stage system: open rails over box-heavy modules. */
.news-rail,
.match-rail,
.stream-rail,
.action-rail,
.role-rail,
.download-rail,
.info-card.rail-row,
.rail-row{
  border-radius:0;
  box-shadow:none;
}
.news-rail,
.match-rail,
.action-rail,
.role-rail,
.download-rail,
.info-card.rail-row{
  background:transparent;
}
.news-rail:hover,
.match-rail:hover,
.action-rail:hover,
.role-rail:hover,
.download-rail:hover,
.info-card.rail-row:hover{
  transform:none;
  border-color:#8b681f;
}
.news-card,
.match-card,
.info-card,
.action-card,
.role-card,
.download-card,
.timeline-item,
.clip-card{
  box-shadow:none;
}
.clip-card{
  border:0;
  border-top:1px solid #2d2110;
  border-radius:0;
  background:transparent;
}
.clip-card:hover{
  transform:none;
  border-color:#8b681f;
}
.clip-card img{
  clip-path:polygon(0 0,100% 0,94% 100%,0 100%);
  border-radius:0;
}
.sponsor-logo{
  border:0;
  border-top:1px solid #2d2110;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.sponsor-logo:hover{
  transform:none;
  border-color:var(--gold-2);
}
.sponsor-cta,
.metric-panel{
  border-radius:0;
  box-shadow:none;
}
.stream-card.stream-rail{
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.stream-card.stream-rail strong,
.stream-card.stream-rail p,
.stream-card.stream-rail>a{
  padding-left:0;
  padding-right:0;
}
.cards-flow:has(.news-rail),
.action-grid:has(.action-rail),
.role-board:has(.role-rail),
.benefit-grid:has(.rail-row){
  gap:0;
}
.section{
  position:relative;
  background:
    linear-gradient(90deg,#ffffff05 0 1px,transparent 1px 100%) 0 0/88px 100%,
    linear-gradient(180deg,transparent,#090806 100%);
}
.section:before{
  content:"";
  position:absolute;
  left:max(20px,calc((100vw - var(--max))/2));
  right:max(20px,calc((100vw - var(--max))/2));
  top:-1px;
  height:1px;
  background:linear-gradient(90deg,var(--gold-3),transparent 72%);
  pointer-events:none;
}

.site-footer{border-top:1px solid var(--line-gold);background:#030303}
.footer-main{
  width:min(1320px,calc(100% - 40px));
  margin:auto;
  padding:34px 0;
  display:grid;
  grid-template-columns:220px 170px 180px 1fr;
  gap:28px;
}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-brand strong{display:block;color:var(--gold-2);font-size:24px}
.footer-brand small{display:block;color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.site-footer h2{font-size:11px;color:var(--gold);margin-bottom:12px}
.footer-links-grid{display:grid;gap:6px}
.footer-links-grid a,.footer-bottom a{color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.08em}
.footer-links-grid a:hover,.footer-bottom a:hover{color:var(--gold-2)}
.sponsor-strip{grid-template-columns:repeat(5,1fr)}
.sponsor-strip .sponsor-logo{min-height:58px;padding:8px}
.sponsor-strip .sponsor-logo span{display:none}
.footer-bottom{
  width:min(1320px,calc(100% - 40px));
  margin:auto;
  padding:16px 0;
  border-top:1px solid #20190e;
  display:flex;
  justify-content:space-between;
  gap:16px;
  color:var(--dim);
  font-size:12px;
}
.footer-bottom nav{display:flex;gap:14px}
.scroll-up{position:fixed;right:18px;bottom:18px;z-index:50;width:38px;height:38px;border:1px solid var(--line-gold);border-radius:2px;background:var(--gold);color:#050505;font-weight:900;cursor:pointer}

.legal{max-width:920px}
.legal h2{color:var(--gold-2);margin-top:32px}

@keyframes heroDrift{from{transform:scale(1.01) translateX(-.4%)}to{transform:scale(1.06) translateX(.4%)}}
@keyframes bannerShine{0%,38%{transform:translateX(-120%)}72%,100%{transform:translateX(120%)}}
@keyframes livePulse{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.18)}}

@media(max-width:1120px){
  .header-socials{display:none}
  .grid-4,.timeline{grid-template-columns:repeat(2,1fr)}
  .stream-grid,.action-grid{grid-template-columns:1fr 1fr}
  .stream-grid:has(.stream-rail){grid-template-columns:1fr}
  .stream-rail{border-right:0;border-bottom:1px solid #2d2110;padding-top:18px}
  .news-rail{grid-template-columns:150px minmax(0,1fr) 110px}
  .news-rail>span{grid-column:2}
  .news-rail p{grid-column:2}
  .match-rail,.match-card{grid-template-columns:130px minmax(150px,.4fr) minmax(240px,1fr)}
  .match-rail time,.match-rail small{grid-column:auto}
  .action-rail{grid-template-columns:66px 130px minmax(0,1fr);align-items:start}
  .action-rail p,.action-rail .text-link{grid-column:3}
  .role-rail,.info-card.rail-row{grid-template-columns:130px minmax(0,1fr)}
  .role-rail p,.info-card.rail-row p{grid-column:2}
  .role-rail a{grid-column:2;justify-self:start}
  .sponsor-band,.split-section,.player-profile{grid-template-columns:1fr}
  .player-stage-grid{grid-template-columns:minmax(260px,390px) 1fr;gap:28px}
  .player-stage-command{grid-column:1/-1;align-self:auto;margin:0}
  .player-intel-grid{grid-template-columns:repeat(2,1fr)}
  .arise-3d-scene{right:-500px;width:820px;opacity:.24}
  .home-3d-scene{right:-360px;width:760px;opacity:.22}
  .hero-status{position:relative;right:auto;bottom:auto;margin:0 20px 28px}
  .player-profile-image{max-height:620px}
  .footer-main{grid-template-columns:1fr 1fr}
}

@media(max-width:820px){
  .header-inner{height:66px}
  .brand{min-width:auto}
  .brand span{display:none}
  .nav{
    position:fixed;
    top:66px;
    left:0;
    right:0;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:12px 20px;
    border-bottom:1px solid var(--line-gold);
    background:#030303f7;
  }
  .nav.open{display:flex}
  .nav a{min-height:42px;justify-content:center}
  .burger{display:block;margin-left:auto}
  .hub-hero{min-height:720px}
  .hub-hero-content{margin:0 auto;text-align:center}
  .hero-actions{justify-content:center}
  .hero-rail{grid-template-columns:1fr;justify-items:center}
  .news-rail,.article-rail{
    grid-template-columns:112px minmax(0,1fr);
    gap:12px;
    align-items:start;
  }
  .news-rail img,.article-rail img{width:112px}
  .news-rail>span,.news-rail>strong,.news-rail p,.news-rail small,.article-rail div,.article-rail small{grid-column:2}
  .news-rail small,.article-rail small{justify-self:start}
  .match-rail,.match-card,.action-rail,.role-rail,.info-card.rail-row,.download-rail{
    grid-template-columns:1fr;
    gap:6px;
  }
  .action-rail p,.action-rail .text-link,.role-rail p,.role-rail a,.info-card.rail-row p{grid-column:auto}
  .action-rail .text-link,.role-rail a{justify-self:start}
  .download-rail img{width:100%;height:auto;aspect-ratio:16/9}
  .player-stage{min-height:auto}
  .player-stage-grid{grid-template-columns:1fr;min-height:auto;padding:34px 0 48px}
  .player-stage-copy{order:1}
  .player-stage-portrait{order:2;width:min(430px,92%);margin-inline:auto}
  .player-stage-command{order:3}
  .player-stage-copy h1{font-size:clamp(52px,17vw,90px)}
  .profile-lines div{grid-template-columns:1fr;gap:1px;padding:11px 0}
  .arise-3d-scene{top:130px;right:-360px;width:760px;height:520px;min-height:0;opacity:.14}
  .home-3d-scene{top:120px;right:-360px;width:760px;height:520px;opacity:.13}
  .player-stage-backdrop{inset:110px 12px 24px 22%;opacity:.5}
  .player-intel-grid{grid-template-columns:1fr}
  .stream-grid,.grid-3,.action-grid,.benefit-grid,.role-board{grid-template-columns:1fr}
  .match-row{grid-template-columns:1fr;gap:6px}
  .article-row,.download-card{grid-template-columns:1fr}
  .article-row img,.download-card img{width:100%;height:auto;aspect-ratio:16/9}
  .sponsor-strip{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:560px){
  .container,.footer-main,.footer-bottom,.article-detail,.player-profile,.player-stage-grid{width:min(100% - 28px,100%)}
  .section{padding:50px 0}
  .section-header{display:block}
  .hub-hero h1{letter-spacing:.08em}
  .hero-actions .btn{width:100%}
  .page-hero{min-height:300px}
  .player-stage-portrait img{min-height:410px;height:58vh}
  .player-stage-copy p{font-size:16px}
  .swatch-grid,.grid-4,.timeline{grid-template-columns:1fr}
  .arise-form{grid-template-columns:1fr}
  .arise-form .wide{grid-column:auto}
  .footer-main,.footer-bottom{grid-template-columns:1fr;display:grid}
  .footer-bottom nav{flex-wrap:wrap}
  .sponsor-band{gap:14px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Final sitewide polish: clean hero, visible game banners, larger game roster, logo-only sponsors. */
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.hero-content-minimal{
  min-height:520px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding-bottom:58px;
}
.hero-content-minimal .live-pill{
  margin-bottom:18px;
  backdrop-filter:blur(10px);
}
.hero-content-minimal .hero-actions{
  max-width:760px;
}
.hero-content-minimal .hero-rail{
  margin-top:22px;
  background:linear-gradient(90deg,#050505cc,#05050566);
  border-top-color:#d4af3766;
  padding:16px 0 0;
}
.game-detail-hero{
  isolation:isolate;
  min-height:600px;
  background:#050505;
}
.game-detail-cover{
  position:absolute;
  inset:0;
  z-index:-2;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(1.22) contrast(1.1);
  opacity:.78;
  transform:scale(1.035);
}
.game-detail-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,#050505f2 0%,#050505a8 35%,#0505053d 68%,#050505e8 100%),
    radial-gradient(circle at 72% 32%,color-mix(in srgb,var(--accent) 46%,transparent),transparent 34%),
    linear-gradient(180deg,transparent 46%,#050505 100%);
  pointer-events:none;
}
.game-detail-hero>div{
  max-width:680px;
  padding:22px 0 10px;
  text-shadow:0 14px 36px #000;
}
.game-detail-hero h1{
  color:#fff2bd;
}
.game-detail-hero p{
  max-width:650px;
  color:#fff7e7;
  font-size:clamp(18px,2vw,22px);
}
.game-roster-section{
  padding-top:64px;
}
.game-roster-showcase{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:18px;
}
.roster-player-large{
  position:relative;
  min-height:440px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  border-top:1px solid color-mix(in srgb,var(--gold-2) 74%,transparent);
  border-bottom:1px solid #21190d;
  background:#070707;
  transition:transform var(--fast),border-color var(--fast),filter var(--fast);
}
.roster-player-large:before{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:58%;
  z-index:1;
  background:linear-gradient(180deg,transparent,#050505 74%);
}
.roster-player-large:after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid transparent;
  background:linear-gradient(135deg,#d4af3730,transparent 38%,#ffffff18 52%,transparent 66%) border-box;
  mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
  pointer-events:none;
  opacity:.56;
}
.roster-player-large:hover{
  transform:translateY(-5px);
  border-color:var(--gold-2);
  filter:saturate(1.08);
}
.roster-player-large img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  filter:grayscale(.12) contrast(1.08);
  transform:scale(1.02);
  transition:filter var(--fast),transform var(--fast);
}
.roster-player-large:hover img{
  filter:grayscale(0) contrast(1.12);
  transform:scale(1.055);
}
.roster-player-large span,
.roster-player-large strong{
  position:relative;
  z-index:2;
  padding:0 18px;
}
.roster-player-large span{
  color:var(--gold-2);
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.roster-player-large strong{
  padding-bottom:22px;
  color:#fff;
  font-size:clamp(28px,4vw,42px);
  line-height:.95;
}
.sponsor-logo{
  min-height:76px;
}
.sponsor-logo span{
  display:none !important;
}
.sponsor-logo img{
  height:46px;
  max-width:150px;
  object-fit:contain;
}
.sponsor-strip{
  grid-template-columns:repeat(auto-fit,minmax(112px,1fr));
}

@media(max-width:760px){
  .hero-content-minimal{
    min-height:560px;
    padding-bottom:42px;
  }
  .game-detail-hero{
    min-height:520px;
  }
  .game-detail-cover{
    opacity:.7;
  }
  .game-roster-showcase{
    grid-template-columns:1fr;
  }
  .roster-player-large{
    min-height:520px;
  }
}

body[data-page="home"] .reference-hero-copy,
body[data-page="home"] .reference-stage{
  display:none !important;
}

/* Clean animated homepage banner requested after sitewide polish. */
.hub-hero{
  min-height:min(78vh,760px);
  display:block;
  background:#050505;
}
.hub-hero-media{
  inset:0;
}
.hub-hero-media:after{
  z-index:2;
  background:
    linear-gradient(180deg,#050505b8 0%,transparent 20%,transparent 72%,#050505 100%),
    linear-gradient(90deg,#05050570 0%,transparent 28%,transparent 72%,#05050580 100%);
}
.hub-hero-media:before{
  z-index:3;
  background:linear-gradient(105deg,transparent 0%,transparent 34%,#f3d27a1f 47%,#ffffff18 50%,transparent 62%,transparent 100%);
  animation:bannerLightSweep 8.5s ease-in-out infinite;
  transform:translateX(-40%);
}
.hub-hero-media img{
  object-position:center;
  animation:ariseBannerMotion 22s ease-in-out infinite alternate;
  transform-origin:center;
  filter:saturate(1.08) contrast(1.05);
}
.hub-hero-content,
.hero-content-minimal,
.hero-status,
.home-3d-scene{
  display:none !important;
}
@keyframes ariseBannerMotion{
  0%{transform:scale(1.02) translate3d(-1.4%,0,0)}
  50%{transform:scale(1.075) translate3d(1.2%,-1%,0)}
  100%{transform:scale(1.045) translate3d(-.4%,1%,0)}
}
@keyframes bannerLightSweep{
  0%,18%{transform:translateX(-55%);opacity:0}
  40%{opacity:.95}
  68%,100%{transform:translateX(55%);opacity:0}
}

@media(max-width:760px){
  .hub-hero{
    min-height:540px;
  }
}

/* Premium motion and depth pass. */
body{
  background:
    radial-gradient(circle at 12% 8%,#d4af3712,transparent 28%),
    radial-gradient(circle at 88% 30%,#21d7ff0a,transparent 24%),
    linear-gradient(180deg,#050505,#080705 46%,#050505);
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:
    linear-gradient(#d4af3709 1px,transparent 1px),
    linear-gradient(90deg,#d4af3709 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg,transparent,#000 12%,#000 76%,transparent);
  animation:ariseGridFloat 18s linear infinite;
}
.cursor-spotlight{
  position:fixed;
  left:0;
  top:0;
  z-index:999;
  width:420px;
  height:420px;
  margin:-210px 0 0 -210px;
  pointer-events:none;
  border-radius:50%;
  background:radial-gradient(circle,#f3d27a1b 0%,#d4af370c 34%,transparent 68%);
  mix-blend-mode:screen;
  opacity:.72;
}
.site-header{
  transition:background .32s ease,border-color .32s ease,box-shadow .32s ease,backdrop-filter .32s ease;
}
.has-scrolled .site-header{
  background:#050505d6;
  border-bottom-color:#d4af3762;
  box-shadow:0 18px 48px #000b;
  backdrop-filter:blur(18px);
}
.brand-logo{
  filter:drop-shadow(0 0 14px #d4af3740);
  animation:brandPulse 5.2s ease-in-out infinite;
}
.nav a{
  position:relative;
  overflow:hidden;
}
.nav a:after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:7px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--gold-2),transparent);
  transform:scaleX(0);
  transition:transform .24s ease;
}
.nav a:hover:after,
.nav a.active:after{
  transform:scaleX(1);
}
.hub-hero{
  perspective:1200px;
}
.hub-hero-media{
  transform-style:preserve-3d;
}
.hub-hero-media:after{
  background:
    linear-gradient(180deg,#05050596 0%,transparent 16%,transparent 68%,#050505 100%),
    radial-gradient(circle at 50% 48%,transparent 0%,transparent 42%,#05050575 84%),
    linear-gradient(90deg,#050505a6 0%,transparent 25%,transparent 76%,#050505aa 100%);
}
.hub-hero-media:before{
  background:
    linear-gradient(105deg,transparent 0%,transparent 34%,#f3d27a2b 47%,#ffffff24 50%,transparent 62%,transparent 100%),
    repeating-linear-gradient(90deg,transparent 0 36px,#d4af3712 37px 38px);
}
.hub-hero-media img{
  filter:saturate(1.16) contrast(1.08) brightness(.92);
}
.hub-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  border-bottom:1px solid #d4af3760;
  background:
    linear-gradient(90deg,transparent,#d4af371a,transparent),
    repeating-linear-gradient(0deg,transparent 0 7px,#ffffff05 8px 9px);
  mix-blend-mode:screen;
  opacity:.55;
  animation:heroScan 7s ease-in-out infinite;
}
.section{
  position:relative;
}
.section:before{
  content:"";
  position:absolute;
  left:max(20px,calc((100vw - var(--max))/2));
  right:max(20px,calc((100vw - var(--max))/2));
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,#d4af373d,transparent);
  pointer-events:none;
}
.section-title{
  text-shadow:0 0 24px #d4af3720;
}
.fx-reveal{
  opacity:0;
  transform:translate3d(0,24px,0);
  transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);
  transition-delay:var(--reveal-delay,0ms);
}
.fx-reveal.is-visible{
  opacity:1;
  transform:translate3d(0,0,0);
}
.fx-tilt{
  transform-style:preserve-3d;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,filter .28s ease;
}
.fx-tilt:hover{
  transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translate3d(0,-6px,0);
}
.game-cover,
.player-card,
.roster-player-large,
.news-rail,
.stream-card,
.action-card,
.role-card,
.download-card,
.timeline-item,
.sponsor-logo{
  position:relative;
  isolation:isolate;
}
.game-cover:after,
.player-card:after,
.roster-player-large:after,
.news-rail:after,
.stream-card:after,
.action-card:after,
.role-card:after,
.sponsor-logo:after{
  content:"";
  position:absolute;
  inset:0;
  border:0;
  z-index:3;
  pointer-events:none;
  mask:none;
  -webkit-mask:none;
  background:
    radial-gradient(circle at var(--mx,50%) var(--my,50%),#ffffff18 0%,#f3d27a12 22%,transparent 52%),
    linear-gradient(135deg,#d4af3724,transparent 28%,transparent 70%,#f3d27a18);
  opacity:0;
  transition:opacity .25s ease;
}
.game-cover:hover:after,
.player-card:hover:after,
.roster-player-large:hover:after,
.news-rail:hover:after,
.stream-card:hover:after,
.action-card:hover:after,
.role-card:hover:after,
.sponsor-logo:hover:after{
  opacity:1;
}
.game-cover{
  border-color:#3b2b11;
  box-shadow:0 18px 42px #0009;
}
.game-cover:hover,
.game-cover:focus-visible{
  box-shadow:0 24px 70px color-mix(in srgb,var(--accent) 30%,#000 70%),0 0 0 1px color-mix(in srgb,var(--accent) 52%,var(--gold));
}
.game-cover strong,
.roster-player-large strong,
.player-card strong{
  text-shadow:0 0 18px #000,0 0 16px #d4af3724;
}
.news-rail,
.match-rail,
.stream-card.stream-rail,
.action-rail,
.role-rail,
.info-card.rail-row,
.download-rail{
  background:
    linear-gradient(135deg,#11100d,#070707 58%,#050505),
    linear-gradient(90deg,#d4af371a,transparent);
}
.news-rail:hover,
.match-rail:hover,
.stream-card:hover,
.action-rail:hover,
.role-rail:hover,
.download-rail:hover{
  box-shadow:0 20px 54px #000c,0 0 0 1px #d4af3742;
}
.stream-preview:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(105deg,transparent,#f3d27a24,transparent);
  transform:translateX(-100%);
  transition:transform .65s ease;
}
.stream-card:hover .stream-preview:after{
  transform:translateX(100%);
}
.sponsor-logo{
  overflow:hidden;
  background:linear-gradient(180deg,#101010,#050505);
}
.sponsor-logo:hover img{
  transform:scale(1.08);
  filter:drop-shadow(0 0 16px #d4af3758);
}
.sponsor-logo img{
  transition:transform .28s ease,filter .28s ease;
}
.game-detail-cover{
  animation:detailBannerDrift 18s ease-in-out infinite alternate;
}
.game-detail-hero:after{
  animation:detailFramePulse 4.8s ease-in-out infinite;
}
.player-stage-portrait,
.player-stage-command,
.intel-column{
  box-shadow:0 22px 70px #0008;
}
.player-stage-portrait img{
  transition:transform .45s ease,filter .45s ease;
}
.player-stage-portrait:hover img{
  transform:scale(1.025);
  filter:saturate(1.08) contrast(1.1);
}
@keyframes ariseGridFloat{
  from{background-position:0 0,0 0}
  to{background-position:72px 72px,72px 72px}
}
@keyframes brandPulse{
  0%,100%{filter:drop-shadow(0 0 12px #d4af3732)}
  50%{filter:drop-shadow(0 0 24px #f3d27a66)}
}
@keyframes heroScan{
  0%,100%{opacity:.32}
  50%{opacity:.68}
}
@keyframes detailBannerDrift{
  from{transform:scale(1.035) translate3d(-.8%,0,0)}
  to{transform:scale(1.085) translate3d(.8%,-.8%,0)}
}
@keyframes detailFramePulse{
  0%,100%{opacity:.36}
  50%{opacity:.68}
}

@media(max-width:760px){
  .cursor-spotlight{display:none}
  .fx-tilt:hover{transform:translateY(-4px)}
}

@media(prefers-reduced-motion:reduce){
  .cursor-spotlight{display:none}
  .fx-reveal{opacity:1;transform:none}
  .fx-tilt:hover{transform:none}
}

/* Sitewide review pass: remove player 3D object and tighten profile/page polish. */
.player-stage .arise-3d-scene{
  display:none !important;
}
.player-stage{
  background:
    linear-gradient(90deg,#050505 0%,#080705 48%,#050505 100%);
}
.player-stage:before{
  background:
    linear-gradient(90deg,#050505fa,#050505d8 42%,#0505058f 74%),
    url("../img/bg/reference-hero-final.webp") center/cover;
  opacity:.48;
  filter:saturate(1.08) contrast(1.05);
}
.player-stage:after{
  background:
    linear-gradient(90deg,transparent 0 30%,#d4af3718 30.1%,transparent 30.4%),
    linear-gradient(90deg,transparent 0 73%,#d4af3726 73.1%,transparent 73.45%),
    linear-gradient(180deg,transparent 0%,#050505 100%);
  mix-blend-mode:screen;
  opacity:.8;
}
.player-stage-backdrop{
  inset:96px max(20px,calc((100vw - var(--max))/2)) 42px 47%;
  z-index:0;
  border:1px solid #9b6f1c55;
  border-left:0;
  background:
    linear-gradient(135deg,#d4af3714,transparent 42%),
    linear-gradient(90deg,#05050566,#d4af370c);
  box-shadow:0 28px 90px #000a;
  opacity:.86;
}
.player-stage-grid{
  grid-template-columns:minmax(300px,440px) minmax(420px,1fr) minmax(200px,280px);
  gap:clamp(24px,3vw,48px);
}
.player-stage-portrait{
  transform:translateZ(0);
}
.player-stage-portrait:before{
  inset:20px -18px -18px 22px;
  background:linear-gradient(135deg,#d4af3714,transparent);
  box-shadow:0 24px 70px #000b;
}
.player-stage-portrait img{
  border-bottom-color:#d4af3790;
  box-shadow:0 30px 90px #000b;
}
.player-stage-copy{
  padding:22px 0;
}
.player-stage-copy h1{
  max-width:100%;
  font-size:clamp(46px,5.8vw,88px);
  letter-spacing:.055em;
  text-wrap:balance;
  overflow-wrap:anywhere;
}
.player-stage-command{
  background:linear-gradient(180deg,#080808d8,#050505b0);
  backdrop-filter:blur(10px);
  overflow:hidden;
}
.player-stage-command p{
  overflow-wrap:anywhere;
}
.profile-lines{
  border-top-color:#d4af3740;
}
.profile-lines div{
  border-bottom-color:#d4af3728;
}
.intel-column,
.sponsor-cta,
.metric-panel,
.arise-form,
.share-box{
  background:
    linear-gradient(145deg,#11100d,#070707 62%,#050505),
    radial-gradient(circle at 100% 0%,#d4af3712,transparent 34%);
  box-shadow:0 20px 58px #0009;
}
.article-body{
  font-size:clamp(17px,1.35vw,19px);
  line-height:1.78;
}
.article-body p{
  max-width:78ch;
}
.page-hero{
  overflow:hidden;
}
.page-hero:after{
  background:
    linear-gradient(180deg,transparent,#050505 94%),
    linear-gradient(90deg,#050505e8,#05050580 46%,#050505d8);
}
.page-hero h1,
.article-hero h1{
  text-wrap:balance;
}
.download-card,
.article-row,
.match-row{
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.download-card:hover,
.article-row:hover,
.match-row:hover{
  transform:translateY(-4px);
  border-color:#d4af3765;
  box-shadow:0 20px 54px #000b;
}

@media(max-width:980px){
  .player-stage-grid{
    grid-template-columns:minmax(260px,390px) 1fr;
  }
  .player-stage-backdrop{
    inset:96px 18px 34px 30%;
  }
}

@media(max-width:760px){
  .player-stage-backdrop{
    inset:90px 12px 20px;
  }
  .player-stage-copy{
    padding:0;
  }
  .player-stage-copy h1{
    font-size:clamp(42px,13vw,72px);
    letter-spacing:.045em;
  }
}

/* Brand asset upgrade: social templates, downloads and media-kit presentation. */
.brand-assets-section{
  border-top-color:#d4af3738;
}
[data-downloads].cards-flow{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));
  align-items:stretch;
}
.asset-template-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(270px,1fr));
  gap:18px;
}
.asset-template-card{
  position:relative;
  display:grid;
  gap:12px;
  min-height:100%;
  padding:12px 12px 18px;
  overflow:hidden;
  border:1px solid #332713;
  background:
    linear-gradient(145deg,#11100d,#070707 62%,#050505),
    radial-gradient(circle at 80% 0%,#d4af3716,transparent 36%);
  box-shadow:0 20px 58px #0009,inset 0 1px #f3d27a12;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
  isolation:isolate;
}
.asset-template-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 0%,#f3d27a20 48%,transparent 62%);
  transform:translateX(-110%);
  transition:transform .62s ease;
  z-index:2;
}
.asset-template-card:hover{
  transform:translateY(-6px);
  border-color:#d4af3790;
  box-shadow:0 26px 76px #000c,0 0 0 1px #d4af373f;
}
.asset-template-card:hover:before{
  transform:translateX(110%);
}
.asset-template-card img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  border:1px solid #d4af372e;
  background:#030303;
  filter:saturate(.9) contrast(1.08);
  transition:filter .28s ease,transform .45s ease;
}
.asset-template-card:hover img{
  filter:saturate(1.08) contrast(1.12);
  transform:scale(1.018);
}
.asset-template-card span,
.download-card>div>span{
  color:var(--gold);
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.asset-template-card strong{
  color:var(--gold-2);
  font-size:22px;
  line-height:1.05;
  text-transform:uppercase;
}
.asset-template-card p{
  margin:0;
  color:#c9c1b4;
}
.asset-template-card small{
  justify-self:start;
  padding:7px 10px;
  border:1px solid #d4af374a;
  color:#fff0ad;
  background:#050505;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.download-card{
  grid-template-columns:minmax(220px,390px) minmax(0,1fr);
  align-items:stretch;
  gap:18px;
  padding:12px;
  background:
    linear-gradient(135deg,#11100d,#070707 58%,#050505),
    radial-gradient(circle at 100% 0%,#d4af371a,transparent 34%);
}
.download-preview{
  position:relative;
  overflow:hidden;
  min-height:190px;
  border:1px solid #d4af3732;
  background:#030303;
}
.download-preview img{
  width:100%;
  height:100%;
  min-height:190px;
  object-fit:cover;
  clip-path:none !important;
  transition:transform .45s ease,filter .28s ease;
}
.download-preview span{
  position:absolute;
  left:12px;
  bottom:12px;
  padding:7px 10px;
  border:1px solid #f3d27a70;
  background:#050505d8;
  color:#f3d27a;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.download-card:hover .download-preview img{
  transform:scale(1.035);
  filter:saturate(1.08) contrast(1.12);
}
.download-card>div:not(.download-preview){
  display:grid;
  align-content:center;
  gap:8px;
  padding:8px 10px 8px 0;
}
.download-card strong{
  color:var(--gold-2);
  font-size:clamp(22px,3vw,34px);
  line-height:1;
  text-transform:uppercase;
}
.download-card p{
  max-width:66ch;
  margin:0;
}
.swatch{
  background:
    linear-gradient(145deg,#11100d,#070707 62%,#050505),
    radial-gradient(circle at 100% 0%,#d4af3712,transparent 34%);
}
.rule-list li{
  padding-block:8px;
  border-bottom:1px solid #251b0d;
}
.rule-list li::marker{
  color:var(--gold);
}

@media(max-width:760px){
  .download-card{
    grid-template-columns:1fr;
  }
  .download-card>div:not(.download-preview){
    padding:4px 2px 8px;
  }
}

/* Esports agency pass: broadcast rails, stronger hierarchy, cleaner premium presence. */
:root{
  --arena:#020202;
  --arena-2:#070604;
  --panel:#0d0c09;
  --panel-2:#15120b;
  --rail:#5e4517;
  --rail-soft:#d4af372e;
  --white-gold:#fff2bd;
}
body{
  background:
    linear-gradient(90deg,#050505 0%,#080704 48%,#020202 100%);
  color:#f8f2e5;
}
body:before{
  opacity:.34;
  background-image:
    linear-gradient(#d4af370d 1px,transparent 1px),
    linear-gradient(90deg,#d4af370a 1px,transparent 1px),
    radial-gradient(circle at 64% 12%,#21d7ff12,transparent 28%),
    radial-gradient(circle at 14% 34%,#d4af3718,transparent 30%);
  background-size:96px 96px,96px 96px,100% 100%,100% 100%;
  mask-image:linear-gradient(180deg,transparent,#000 9%,#000 82%,transparent);
}
.site-header{
  background:#030303e8;
  border-bottom-color:#d4af376f;
  box-shadow:0 14px 46px #000b;
}
.header-inner{
  width:min(1540px,calc(100% - 32px));
}
.brand-logo{
  width:52px;
  height:52px;
  border-color:#d4af3750;
  background:#080704;
}
.brand span{
  color:#d9c57b;
}
.brand strong{
  color:#fff0b2;
  text-shadow:0 0 18px #d4af374c;
}
.nav{
  gap:12px;
}
.nav a{
  min-height:76px;
  padding:0 5px;
  color:#efe5d2;
  font-size:10.5px;
}
.nav a:hover,
.nav a.active{
  color:#fff0b2;
}
.socials a{
  background:#070604;
  border-color:#8b681f;
  box-shadow:inset 0 1px #f3d27a12;
}
.section{
  padding:88px 0;
  border-top:0;
  background:
    linear-gradient(90deg,#050505 0%,#080704 48%,#030303 100%);
}
.section.slim{
  padding:58px 0;
}
.section:before{
  left:max(20px,calc((100vw - 1540px)/2));
  right:max(20px,calc((100vw - 1540px)/2));
  height:1px;
  background:linear-gradient(90deg,transparent,#d4af3758,#21d7ff16,transparent);
}
.container{
  width:min(1240px,calc(100% - 42px));
}
.section-header{
  margin-bottom:30px;
  padding-bottom:18px;
  border-bottom:1px solid #d4af3728;
}
.section-header:after{
  content:"";
  width:min(28vw,360px);
  height:1px;
  align-self:end;
  background:linear-gradient(90deg,#d4af37,transparent);
  order:2;
}
.section-title{
  color:#fff0b2;
  font-size:clamp(30px,4.4vw,58px);
  letter-spacing:.08em;
  text-shadow:0 0 28px #d4af3724;
}
.section-lead{
  max-width:780px;
  color:#c9bdab;
}
.text-link{
  position:relative;
  align-self:center;
  min-height:38px;
  align-items:center;
  padding:0 0 0 28px;
  color:#f3d27a;
}
.text-link:before{
  content:"";
  position:absolute;
  left:0;
  width:18px;
  height:1px;
  background:#f3d27a;
}
.hub-hero{
  min-height:clamp(560px,72vh,760px);
  border-bottom:1px solid #d4af3770;
  background:#020202;
}
.hub-hero-media:after{
  background:
    linear-gradient(180deg,#0202027a 0%,transparent 17%,transparent 70%,#050505 100%),
    linear-gradient(90deg,#02020278 0%,transparent 24%,transparent 76%,#0202027a 100%),
    radial-gradient(circle at 50% 50%,transparent 0%,transparent 46%,#00000072 100%);
}
.hub-hero:before{
  content:"";
  position:absolute;
  left:max(20px,calc((100vw - 1540px)/2));
  right:max(20px,calc((100vw - 1540px)/2));
  bottom:28px;
  z-index:5;
  height:88px;
  pointer-events:none;
  border-top:1px solid #d4af3770;
  border-bottom:1px solid #d4af372c;
  background:
    linear-gradient(90deg,#d4af37 0 72px,transparent 72px calc(100% - 72px),#d4af37 calc(100% - 72px)),
    linear-gradient(90deg,transparent 0 8%,#d4af371a 28%,transparent 52%,#21d7ff0d 72%,transparent 100%),
    repeating-linear-gradient(90deg,#ffffff09 0 1px,transparent 1px 86px);
  background-size:100% 2px,100% 100%,100% 100%;
  background-repeat:no-repeat;
  background-position:left top,left top,left top;
  opacity:.68;
  clip-path:polygon(0 0,49% 0,50% 18px,51% 0,100% 0,100% 100%,0 100%);
}
.hub-hero:after{
  background:
    linear-gradient(90deg,transparent,#d4af371a,transparent),
    repeating-linear-gradient(0deg,transparent 0 8px,#ffffff06 9px 10px);
  opacity:.5;
}
.hub-hero-media img{
  filter:saturate(1.14) contrast(1.1) brightness(.96);
}
body[data-page="home"] .hub-hero + .section{
  padding-top:70px;
}
body[data-page="home"] .hub-hero + .section .grid-3{
  display:grid;
  grid-template-columns:1.28fr .86fr .86fr;
  gap:16px;
}
.news-rail{
  min-height:224px;
  border:0;
  border-top:1px solid #d4af3762;
  border-bottom:1px solid #21180b;
  background:
    linear-gradient(135deg,#0d0c09,#050505 58%,#020202),
    radial-gradient(circle at 100% 0%,#d4af3718,transparent 38%);
  box-shadow:none;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);
}
.news-rail img{
  filter:grayscale(.1) saturate(1.02) contrast(1.08) brightness(.82);
}
.news-rail:hover img{
  filter:grayscale(0) saturate(1.18) contrast(1.12) brightness(.95);
}
body[data-page="home"] .hub-hero + .section .news-rail:first-child{
  min-height:348px;
  grid-row:span 2;
}
body[data-page="home"] .hub-hero + .section .news-rail:first-child img{
  height:100%;
}
.news-rail strong{
  color:#fff0b2;
  font-size:clamp(22px,2.6vw,36px);
  line-height:1;
  letter-spacing:.05em;
}
.news-rail span{
  color:#f3d27a;
}
.news-rail small{
  color:#f3d27a;
}
.match-rail,
.match-card,
.match-row{
  position:relative;
  border:0;
  border-top:1px solid #d4af3764;
  border-bottom:1px solid #2b210f;
  background:
    linear-gradient(90deg,#0e0d0a,#050505 68%),
    linear-gradient(90deg,#d4af371d,transparent);
  clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%);
}
.match-rail{
  display:grid;
  grid-template-columns:145px minmax(0,.8fr) minmax(0,1.2fr) 150px 110px;
  gap:16px;
  align-items:center;
  min-height:96px;
  padding:18px 22px;
}
.match-rail strong{
  color:#fff0b2;
  font-size:26px;
  line-height:1;
}
.match-rail p,
.match-rail time{
  margin:0;
  color:#d7cbb9;
}
.match-rail small{
  justify-self:end;
  color:#21d7ff;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
}
body[data-page="home"] .section:nth-of-type(4){
  background:
    radial-gradient(circle at 10% 12%,#21d7ff0e,transparent 24%),
    linear-gradient(180deg,#050505,#090806 54%,#050505);
}
.game-grid{
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:18px;
}
.game-cover{
  min-height:330px;
  border:0;
  border-top:1px solid color-mix(in srgb,var(--accent) 64%,var(--gold));
  border-bottom:1px solid #251b0d;
  padding:22px;
  background:#030303;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%);
}
.game-cover.compact{
  min-height:284px;
}
.game-cover:before{
  background:
    linear-gradient(0deg,#030303f8 0%,#050505d0 28%,transparent 74%),
    linear-gradient(130deg,color-mix(in srgb,var(--accent) 26%,transparent),transparent 42%),
    repeating-linear-gradient(90deg,#ffffff08 0 1px,transparent 1px 76px);
}
.game-cover:after{
  inset:12px;
  border-color:color-mix(in srgb,var(--accent) 45%,#d4af37);
  opacity:.56;
}
.game-cover strong{
  font-size:clamp(28px,3.8vw,48px);
  line-height:.9;
  color:#fff0b2;
}
.game-cover small{
  max-width:88%;
  color:#e9dfcd;
}
.game-cover img{
  filter:grayscale(.78) saturate(.55) brightness(.62) contrast(1.2);
}
.game-cover:hover img,
.game-cover:focus-visible img{
  filter:grayscale(0) saturate(1.18) brightness(.92) contrast(1.08);
}
.stream-grid{
  grid-template-columns:1.2fr .9fr .9fr;
  align-items:stretch;
}
.stream-card.stream-rail{
  border:0;
  border-top:1px solid #914040;
  border-bottom:1px solid #2b180f;
  background:
    linear-gradient(135deg,#130909,#060606 62%,#020202),
    radial-gradient(circle at 100% 0%,#ff3b3b18,transparent 36%);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);
}
.stream-card:first-child{
  grid-row:span 2;
}
.stream-preview{
  aspect-ratio:16/8.5;
  border:1px solid #d4af3730;
}
.stream-preview span{
  background:#ff3b3b;
  color:#fff;
  border:0;
}
.play-stream{
  border-radius:0;
  border-color:#f3d27a;
  background:#f3d27a;
  color:#050505;
  font-weight:1000;
}
.clip-card,
.timeline-item,
.action-card,
.role-card,
.info-card,
.download-card,
.asset-template-card,
.metric-panel,
.sponsor-cta,
.arise-form,
.share-box,
.swatch{
  border:0;
  border-top:1px solid #d4af3752;
  border-bottom:1px solid #241b0d;
  border-radius:0;
  background:
    linear-gradient(145deg,#11100d,#070707 64%,#030303),
    radial-gradient(circle at 100% 0%,#d4af3714,transparent 32%);
  box-shadow:0 24px 68px #0008;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);
}
.player-card,
.roster-player-large{
  border:0;
  border-top:1px solid #d4af3768;
  border-bottom:1px solid #241b0d;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);
  background:#050505;
}
.player-card img,
.roster-player-large img{
  clip-path:none;
}
.player-card div{
  padding:18px 4px 0;
}
.player-card strong{
  color:#fff0b2;
  font-size:30px;
  line-height:.94;
}
.page-hero{
  min-height:430px;
  border-bottom-color:#d4af3764;
}
.page-hero:before{
  background:
    linear-gradient(90deg,#020202ec,#05050590 48%,#020202c8),
    url("../img/bg/reference-hero-final.webp") center/cover;
  filter:saturate(1.04) contrast(1.08);
}
.page-hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,transparent 0%,#050505 100%),
    repeating-linear-gradient(0deg,transparent 0 8px,#ffffff05 9px 10px);
  mix-blend-mode:screen;
  opacity:.5;
}
.page-hero .container{
  padding-bottom:72px;
}
.page-hero h1{
  color:#fff0b2;
  font-size:clamp(54px,8vw,118px);
  line-height:.88;
  letter-spacing:.12em;
}
.page-hero p{
  color:#e4d8c2;
  font-size:18px;
}
.game-detail-hero{
  min-height:680px;
}
.game-detail-hero:before{
  background:
    linear-gradient(90deg,#020202f8 0%,#050505b8 33%,#05050530 70%,#020202ee 100%),
    radial-gradient(circle at 72% 34%,color-mix(in srgb,var(--accent) 36%,transparent),transparent 32%),
    repeating-linear-gradient(90deg,#ffffff07 0 1px,transparent 1px 92px),
    linear-gradient(180deg,transparent 42%,#050505 100%);
}
.game-detail-hero h1{
  font-size:clamp(58px,9vw,128px);
  line-height:.85;
  letter-spacing:.08em;
}
.game-roster-showcase{
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
.roster-player-large{
  min-height:500px;
}
.player-stage{
  background:
    linear-gradient(90deg,#020202 0%,#080704 47%,#020202 100%);
}
.player-stage-grid{
  width:min(1420px,calc(100% - 44px));
}
.player-stage-copy h1{
  color:#fff0b2;
}
.player-stage-portrait img{
  clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%);
}
.sponsor-logos{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:12px;
}
.sponsor-logo{
  border:0;
  border-top:1px solid #d4af374a;
  border-bottom:1px solid #21180b;
  background:#080704;
  min-height:88px;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
}
.sponsor-logo img{
  max-width:170px;
  height:48px;
}
.footer-main{
  border-top:1px solid #d4af3748;
}
.scroll-up{
  border-radius:0;
  background:#d4af37;
  color:#050505;
}

@media(max-width:1080px){
  body[data-page="home"] .hub-hero + .section .grid-3,
  .stream-grid{
    grid-template-columns:1fr;
  }
  .match-rail{
    grid-template-columns:1fr;
    gap:6px;
  }
  .match-rail small{
    justify-self:start;
  }
}

@media(max-width:760px){
  .section{
    padding:58px 0;
  }
  .section-header{
    display:block;
  }
  .section-header:after{
    display:none;
  }
  .section-title{
    font-size:clamp(28px,11vw,46px);
  }
  .hub-hero{
    min-height:470px;
  }
  .hub-hero:before{
    height:54px;
    bottom:16px;
  }
  .game-cover,
  .game-cover.compact{
    min-height:360px;
  }
  .page-hero{
    min-height:340px;
  }
  .page-hero h1{
    font-size:clamp(42px,15vw,74px);
  }
  .roster-player-large{
    min-height:560px;
  }
}

/* Reference screenshot homepage pass: compact broadcast landing composition. */
body[data-page="home"]{
  background:#030303;
}
body[data-page="home"] .site-header{
  position:sticky;
  height:76px;
  background:#030303f7;
  border-bottom:1px solid #bb8423;
  box-shadow:none;
}
body[data-page="home"] .header-inner{
  height:76px;
  width:min(1510px,calc(100% - 56px));
}
body[data-page="home"] .brand-logo{
  width:68px;
  height:68px;
}
body[data-page="home"] .brand span{
  display:grid;
  font-size:13px;
  letter-spacing:.18em;
  color:#d7a83b;
}
body[data-page="home"] .brand strong{
  font-size:29px;
  letter-spacing:.13em;
}
body[data-page="home"] .nav{
  gap:32px;
}
body[data-page="home"] .nav a{
  min-height:76px;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  font-size:13px;
  letter-spacing:.08em;
  color:#d8d5cd;
}
body[data-page="home"] .nav a.active,
body[data-page="home"] .nav a:hover{
  color:#f2bd45;
}
body[data-page="home"] .socials{
  gap:12px;
}
body[data-page="home"] .socials a{
  width:36px;
  height:36px;
  border:1px solid #a8741d;
  background:#070707;
}
body[data-page="home"] .reference-home{
  --ref-max:1440px;
  width:100%;
  min-height:calc(100vh - 76px);
  overflow:hidden;
  background:
    linear-gradient(90deg,#040404,#080805 46%,#030303),
    radial-gradient(circle at 50% 0%,#d4af3716,transparent 42%);
}
body[data-page="home"] .reference-hero{
  min-height:280px;
  height:280px;
  border-bottom:1px solid #8a5e18;
  overflow:hidden;
  isolation:isolate;
}
body[data-page="home"] .reference-hero .hub-hero-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:brightness(.86) saturate(1.02) contrast(1.04);
  animation:none;
  transform:none;
}
body[data-page="home"] .reference-hero .hub-hero-media:after{
  z-index:2;
  background:
    linear-gradient(180deg,transparent 0%,transparent 78%,#02020272 100%);
}
body[data-page="home"] .reference-hero .hub-hero-media:before{
  z-index:3;
  background:none;
  animation:none;
  opacity:.92;
}
body[data-page="home"] .reference-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  height:auto;
  background:
    linear-gradient(90deg,#bb8423 0 30%,transparent 30% 75%,#bb8423 75% 100%),
    linear-gradient(90deg,transparent 0 74%,#d4af3790 74.1%,transparent 74.5%),
    linear-gradient(112deg,transparent 0 86%,#d4af3772 86.1%,transparent 86.5%);
  background-size:100% 1px,100% 100%,100% 100%;
  background-repeat:no-repeat;
  background-position:left top,left top,left top;
  clip-path:none;
  opacity:.9;
}
body[data-page="home"] .reference-hero:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  z-index:4;
  height:1px;
  background:#bb8423;
}
.reference-hero-copy{
  position:absolute;
  display:none;
  z-index:5;
  left:max(96px,calc((100vw - 1440px)/2 + 88px));
  top:50%;
  transform:translateY(-48%);
  display:grid;
  color:#fff;
  text-shadow:0 8px 28px #000;
}
.reference-hero-copy span{
  margin-left:122px;
  color:#f4f1e8;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  font-size:36px;
  font-weight:800;
  letter-spacing:.42em;
  line-height:.9;
}
.reference-hero-copy strong{
  margin-top:8px;
  color:#b98125;
  font-family:"Copperplate Gothic Light","Palatino Linotype",Palatino,Georgia,serif;
  font-size:clamp(76px,9vw,116px);
  line-height:.72;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-shadow:0 2px 0 #f4d076,0 18px 28px #000;
}
.reference-hero-copy small{
  margin-top:26px;
  margin-left:90px;
  color:#d6a43c;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  font-size:21px;
  letter-spacing:.42em;
  text-transform:uppercase;
}
.reference-stage{
  position:absolute;
  display:none;
  z-index:5;
  right:max(110px,calc((100vw - 1440px)/2 + 184px));
  top:35px;
  width:360px;
  height:216px;
  border:1px solid #8c621d;
  background:
    linear-gradient(180deg,#0c0a07,#030303),
    radial-gradient(circle at 50% 24%,#d4af3740,transparent 38%);
  box-shadow:0 0 44px #d4af3718,inset 0 0 0 1px #f3d27a18;
  clip-path:polygon(8% 0,92% 0,100% 16%,100% 100%,0 100%,0 16%);
  display:grid;
  place-items:center;
}
.reference-stage:before,
.reference-stage:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.reference-stage:before{
  background:
    linear-gradient(115deg,transparent 0 18%,#d4af3742 18.4%,transparent 19.2%),
    linear-gradient(245deg,transparent 0 18%,#d4af3742 18.4%,transparent 19.2%),
    repeating-linear-gradient(90deg,#ffffff08 0 1px,transparent 1px 54px);
}
.reference-stage:after{
  inset:auto 42px 16px;
  height:26px;
  border-top:1px solid #d4af37a0;
  border-bottom:1px solid #d4af3748;
}
.reference-stage img{
  width:104px;
  height:104px;
  object-fit:contain;
  filter:drop-shadow(0 0 18px #d4af3780);
}
.reference-rail,
.reference-games,
.reference-streams,
.reference-sponsors{
  width:min(var(--ref-max),calc(100% - 120px));
  margin-inline:auto;
}
.reference-rail{
  display:grid;
  grid-template-columns:180px minmax(0,1fr) 40px;
  min-height:92px;
  border-bottom:1px solid #7b5418;
  background:
    linear-gradient(110deg,#151310 0 10%,#070707 10% 100%),
    linear-gradient(90deg,#d4af3713,transparent);
}
.reference-news{
  border-top:1px solid #5d4117;
}
.reference-label{
  display:flex;
  align-items:center;
  color:#e9bf5a;
  font-family:"Copperplate Gothic Light","Palatino Linotype",Palatino,Georgia,serif;
  font-size:24px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.reference-label:after{
  content:"";
  width:58px;
  height:2px;
  margin-left:0;
  margin-top:38px;
  background:#c9912b;
  position:absolute;
}
.reference-news-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
}
body[data-page="home"] .reference-news .news-rail{
  height:92px !important;
  min-height:92px !important;
  min-height:92px;
  display:grid;
  grid-template-columns:110px 1fr;
  grid-template-rows:auto auto;
  gap:5px 24px;
  align-content:center;
  padding:14px 26px;
  border:0;
  border-left:1px solid #745019;
  clip-path:none;
  background:transparent;
}
body[data-page="home"] .reference-news .news-rail img{
  grid-row:1 / 3;
  width:110px;
  height:62px;
  object-fit:cover;
  border:1px solid #8a6420;
  filter:brightness(.72) contrast(1.12) saturate(.75);
}
body[data-page="home"] .reference-news .news-rail span{
  color:#b9b3a8;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  font-size:11px;
  letter-spacing:.04em;
}
body[data-page="home"] .reference-news .news-rail strong{
  color:#f1eee8;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  font-size:15px;
  font-weight:500;
  letter-spacing:.01em;
  line-height:1.26;
  text-transform:none;
}
body[data-page="home"] .reference-news .news-rail p,
body[data-page="home"] .reference-news .news-rail small{
  display:none;
}
.reference-arrow{
  display:grid;
  place-items:center;
  color:#d09a31;
  font-size:54px;
  line-height:1;
}
.reference-match{
  grid-template-columns:270px minmax(0,1fr);
  min-height:86px;
  border-bottom-color:#a67420;
  background:
    linear-gradient(128deg,transparent 0 12%,#d4af3730 12.2%,transparent 17%),
    linear-gradient(90deg,#070707,#0c0a06 50%,#070707);
}
.reference-match-list .match-rail:nth-child(n+2){
  display:none;
}
.reference-match,
.reference-match-list{
  height:86px !important;
  min-height:86px !important;
  overflow:hidden;
}
body[data-page="home"] .reference-match .match-rail{
  height:86px !important;
  min-height:86px !important;
  min-height:86px;
  display:grid;
  grid-template-columns:170px 1fr 130px 1fr 130px;
  align-items:center;
  gap:18px;
  padding:0 28px;
  border:0;
  background:transparent;
  clip-path:none;
}
body[data-page="home"] .reference-match .match-rail:before{
  content:"";
  justify-self:center;
  width:58px;
  height:58px;
  background:url("../img/ui/arise-logo.webp") center/contain no-repeat;
  filter:drop-shadow(0 0 10px #d4af3754);
}
body[data-page="home"] .reference-match .match-rail span{
  grid-column:3;
  grid-row:1;
  align-self:start;
  justify-self:center;
  margin-top:14px;
  color:#d4af37;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  font-size:11px;
  letter-spacing:.22em;
}
body[data-page="home"] .reference-match .match-rail strong{
  grid-column:2;
  color:#f4f1e8;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  font-size:20px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
body[data-page="home"] .reference-match .match-rail p{
  grid-column:4;
  color:#f4f1e8;
  font-size:18px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
body[data-page="home"] .reference-match .match-rail time{
  grid-column:3;
  justify-self:center;
  align-self:center;
  margin-top:18px;
  color:#f0eadf;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
body[data-page="home"] .reference-match .match-rail time:after{
  content:" VS";
  display:block;
  color:#c9912b;
  font-family:"Copperplate Gothic Light","Palatino Linotype",Palatino,Georgia,serif;
  font-size:26px;
  text-align:center;
  line-height:1.05;
}
body[data-page="home"] .reference-match .match-rail small{
  grid-column:5;
  justify-self:center;
  width:58px;
  height:58px;
  color:transparent;
  background:linear-gradient(135deg,#f45050,#a90f17);
  clip-path:polygon(0 0,42% 0,100% 58%,100% 100%,58% 100%,0 42%);
  align-self:center;
}
.reference-games{
  padding:12px 0 14px;
}
.reference-games h2,
.reference-streams h2{
  margin:0 0 10px;
  color:#e9bf5a;
  font-family:"Copperplate Gothic Light","Palatino Linotype",Palatino,Georgia,serif;
  font-size:24px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.reference-game-list{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
}
.reference-game-list .game-cover:nth-child(n+6){
  display:none;
}
body[data-page="home"] .reference-game-list .game-cover{
  height:132px !important;
  min-height:132px !important;
  min-height:132px;
  aspect-ratio:auto;
  padding:16px 20px;
  border:1px solid #7b5418;
  clip-path:polygon(0 0,100% 0,100% 82%,91% 100%,0 100%);
}
body[data-page="home"] .reference-game-list .game-cover strong{
  color:#fff;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  font-size:28px;
  line-height:.98;
  letter-spacing:.08em;
}
body[data-page="home"] .reference-game-list .game-cover span{
  display:none;
}
body[data-page="home"] .reference-game-list .game-cover small{
  display:none;
}
body[data-page="home"] .reference-game-list .game-cover:after{
  inset:auto auto 14px 20px;
  width:32px;
  height:2px;
  border:0;
  background:#e4b23e;
  opacity:1;
}
.reference-streams{
  height:166px;
  padding:0 0 12px;
  overflow:hidden;
}
.reference-stream-layout{
  display:grid;
  grid-template-columns:1.35fr 1fr .98fr;
  grid-template-rows:repeat(3,42px);
  height:126px;
  min-height:126px;
  overflow:hidden;
  border:1px solid #7b5418;
}
body[data-page="home"] .reference-stream-layout .stream-card{
  min-height:0 !important;
  border:0;
  border-right:1px solid #5e4115;
  background:#070707;
  clip-path:none;
}
body[data-page="home"] .reference-stream-layout .stream-card:nth-child(n+2) .stream-preview{
  display:none;
}
body[data-page="home"] .reference-stream-layout .stream-card:nth-child(n+2){
  display:grid;
  grid-template-columns:1fr auto;
  align-content:center;
  min-height:42px !important;
  height:42px;
  padding:0 24px;
  border-right:0;
  border-bottom:1px solid #3d2c10;
  grid-column:3;
}
body[data-page="home"] .reference-stream-layout .stream-card:first-child{
  grid-column:1 / 3;
  grid-row:1 / 4;
  display:grid;
  grid-template-columns:1fr 1.05fr;
}
body[data-page="home"] .reference-stream-layout .stream-card:first-child .stream-preview{
  height:124px !important;
  min-height:124px !important;
  aspect-ratio:auto;
}
body[data-page="home"] .reference-stream-layout .stream-card:first-child strong{
  align-self:end;
  padding:34px 28px 0;
  color:#f4f1e8;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  font-size:28px;
  letter-spacing:.13em;
  text-transform:uppercase;
}
body[data-page="home"] .reference-stream-layout .stream-card:first-child p,
body[data-page="home"] .reference-stream-layout .stream-card:first-child a{
  padding-left:28px;
}
body[data-page="home"] .reference-stream-layout .stream-card strong{
  color:#d9d3c8;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  font-size:13px;
  letter-spacing:.15em;
  text-transform:uppercase;
}
body[data-page="home"] .reference-stream-layout .stream-card p{
  color:#8c867b;
  font-size:12px;
}
body[data-page="home"] .reference-stream-layout .stream-card a{
  color:#d1c7b6;
  font-size:12px;
}
body[data-page="home"] .reference-stream-layout .stream-card:nth-child(n+2) strong{
  position:relative;
  padding-left:22px;
  color:#d8d3ca;
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
}
body[data-page="home"] .reference-stream-layout .stream-card:nth-child(n+2) strong:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#ff4848;
  transform:translateY(-50%);
}
body[data-page="home"] .reference-stream-layout .stream-card:nth-child(4) strong:before{
  background:#f1cf74;
}
body[data-page="home"] .reference-stream-layout .stream-card:nth-child(n+2) p{
  justify-self:end;
  margin:0;
  color:#a9a298;
  font-size:12px;
}
.reference-sponsors{
  min-height:76px;
  display:grid;
  align-items:center;
  border-top:1px solid #7b5418;
  border-bottom:1px solid #7b5418;
  position:relative;
}
.reference-sponsors:after{
  content:"NVIDIA   |   AMD   |   MSI   |   ASUS ROG STRIX   |   LOGITECH G HUB   |   HOLY ENERGY   |   ELGATO";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#c9c9c9;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  font-size:18px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.82;
  pointer-events:none;
}
body[data-page="home"] .reference-sponsors .sponsor-cta{
  display:none;
}
body[data-page="home"] .reference-sponsors .sponsor-logos{
  opacity:.18;
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:0;
}
body[data-page="home"] .reference-sponsors .sponsor-logo{
  min-height:74px;
  border:0;
  border-right:1px solid #453116;
  background:transparent;
  clip-path:none;
  filter:none;
  display:grid;
  place-items:center;
}
body[data-page="home"] .reference-sponsors .sponsor-logo img{
  max-width:140px;
  height:36px;
}
body[data-page="home"] .reference-sponsors .sponsor-logo:before{
  content:attr(aria-label);
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#c8c8c8;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  font-size:20px;
  font-weight:900;
  letter-spacing:.03em;
  text-transform:uppercase;
  opacity:.8;
  z-index:5;
}
body[data-page="home"] .reference-sponsors .sponsor-logo img{
  opacity:.22;
  filter:grayscale(1) invert(.78) brightness(1.22);
}

body[data-page="home"] [data-footer],
body[data-page="home"] .site-footer,
body[data-page="home"] .back-to-top,
body[data-page="home"] .scroll-top,
body[data-page="home"] [data-scroll-top]{
  display:none!important;
}

/* 1:1 screenshot fidelity layer for the requested reference home screen. */
body[data-page="home"] [data-header] .site-header,
body[data-page="home"] .site-header{
  min-height:84px;
  height:84px;
}
body[data-page="home"] [data-header]{
  height:84px;
  background:url("../img/reference/strip-header.png") center/100% 100% no-repeat #020202;
  overflow:hidden;
}
body[data-page="home"] [data-header] > *{
  opacity:0!important;
}
body[data-page="home"] .reference-home{
  min-height:916px;
  background:#020202;
}
body[data-page="home"] .reference-hero{
  height:281px!important;
  min-height:281px!important;
}
body[data-page="home"] .reference-hero .hub-hero-media img{
  filter:none!important;
}
body[data-page="home"] .reference-news,
body[data-page="home"] .reference-match,
body[data-page="home"] .reference-games,
body[data-page="home"] .reference-streams,
body[data-page="home"] .reference-sponsors{
  width:100%!important;
  margin:0!important;
  border:0!important;
  overflow:hidden;
  position:relative;
}
body[data-page="home"] .reference-news{
  height:96px!important;
  min-height:96px!important;
  background:url("../img/reference/strip-news.png") center/100% 100% no-repeat!important;
}
body[data-page="home"] .reference-match,
body[data-page="home"] .reference-match-list{
  height:89px!important;
  min-height:89px!important;
  background:url("../img/reference/strip-match.png") center/100% 100% no-repeat!important;
}
body[data-page="home"] .reference-games{
  height:200px!important;
  padding:0!important;
  background:url("../img/reference/strip-games.png") center/100% 100% no-repeat!important;
}
body[data-page="home"] .reference-streams{
  height:168px!important;
  padding:0!important;
  background:url("../img/reference/strip-streams-sponsors.png") center top/100% auto no-repeat!important;
}
body[data-page="home"] .reference-sponsors{
  height:82px!important;
  min-height:82px!important;
  background:url("../img/reference/strip-streams-sponsors.png") center bottom/100% auto no-repeat!important;
}
body[data-page="home"] .reference-news > *,
body[data-page="home"] .reference-match > *,
body[data-page="home"] .reference-games > *,
body[data-page="home"] .reference-streams > *,
body[data-page="home"] .reference-sponsors > *{
  opacity:0!important;
}
body[data-page="home"] .reference-news a,
body[data-page="home"] .reference-match a,
body[data-page="home"] .reference-games a,
body[data-page="home"] .reference-streams button,
body[data-page="home"] .reference-streams a{
  pointer-events:auto;
}
body[data-page="home"] .reference-sponsors:after,
body[data-page="home"] .reference-sponsors .sponsor-logo:before{
  content:none!important;
}

@media(max-width:760px){
  body[data-page="home"] .reference-home{
    overflow:visible;
  }
  .reference-stage{
    opacity:.35;
    right:32px;
  }
  .reference-hero-copy{
    left:32px;
  }
  .reference-rail,
  .reference-games,
  .reference-streams,
  .reference-sponsors{
    width:min(100% - 28px,100%);
  }
  .reference-news-list,
  .reference-game-list,
  .reference-stream-layout{
    grid-template-columns:1fr;
  }
  .reference-rail,
  .reference-match{
    grid-template-columns:1fr;
  }
  body[data-page="home"] .reference-news .news-rail{
    border-left:0;
    border-top:1px solid #453116;
  }
  body[data-page="home"] .reference-match .match-rail{
    grid-template-columns:1fr;
    gap:4px;
    padding:18px;
  }
  body[data-page="home"] .reference-match .match-rail:before,
  body[data-page="home"] .reference-match .match-rail small{
    display:none;
  }
  body[data-page="home"] .reference-match .match-rail span,
  body[data-page="home"] .reference-match .match-rail strong,
  body[data-page="home"] .reference-match .match-rail p,
  body[data-page="home"] .reference-match .match-rail time{
    grid-column:auto;
    margin:0;
    justify-self:start;
  }
  body[data-page="home"] .reference-stream-layout .stream-card:first-child{
    grid-column:auto;
    grid-template-columns:1fr;
  }
  body[data-page="home"] .reference-sponsors .sponsor-logos{
    grid-template-columns:repeat(2,1fr);
  }
  body[data-page="home"] .brand span,
  body[data-page="home"] .header-socials{
    display:none;
  }
  body[data-page="home"] .reference-hero{
    height:330px;
    min-height:330px;
  }
  .reference-stage{
    display:none;
  }
  .reference-hero-copy{
    left:20px;
    right:20px;
    top:48%;
  }
  .reference-hero-copy span{
    margin-left:4px;
    font-size:22px;
    letter-spacing:.32em;
  }
  .reference-hero-copy strong{
    font-size:58px;
  }
  .reference-hero-copy small{
    margin-left:4px;
    font-size:13px;
    letter-spacing:.26em;
  }
  .reference-label{
    min-height:58px;
    font-size:20px;
  }
  body[data-page="home"] .reference-news .news-rail{
    grid-template-columns:96px 1fr;
    padding:12px;
  }
  body[data-page="home"] .reference-news .news-rail img{
    width:96px;
    height:54px;
  }
}

/* Final interaction overrides. Keep critical content visible without scroll-trigger dependency. */
.game-roster-section,
.game-roster-section.fx-reveal,
.game-roster-section .fx-reveal,
.game-roster-section .roster-player-large,
.game-roster-section .esports-player-card{
  opacity:1!important;
  transform:none!important;
}
.game-roster-section{
  padding:56px 0 72px!important;
}
.game-roster-showcase{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:18px!important;
}
.esports-player-card{
  min-height:470px!important;
}
body[data-page="home"] [data-footer],
body[data-page="home"] .site-footer{
  display:block!important;
  opacity:1!important;
}
body[data-page="home"] .reference-home{
  overflow:visible!important;
}

/* Replace the temporary screenshot strips with real interactive modules. */
body[data-page="home"] .reference-news,
body[data-page="home"] .reference-match,
body[data-page="home"] .reference-games,
body[data-page="home"] .reference-streams,
body[data-page="home"] .reference-sponsors{
  background:
    linear-gradient(120deg,#151310 0 11%,#070707 11% 100%),
    linear-gradient(90deg,#d4af3716,transparent)!important;
}
body[data-page="home"] .reference-news > *,
body[data-page="home"] .reference-match > *,
body[data-page="home"] .reference-games > *,
body[data-page="home"] .reference-streams > *,
body[data-page="home"] .reference-sponsors > *{
  opacity:1!important;
}
body[data-page="home"] .reference-games{
  height:auto!important;
  min-height:190px!important;
  padding:18px 0 22px!important;
}
body[data-page="home"] .reference-game-list{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
}
body[data-page="home"] .reference-game-list .game-cover{
  display:grid!important;
}
body[data-page="home"] .reference-sponsors{
  height:auto!important;
  min-height:82px!important;
  padding:10px 0!important;
}
body[data-page="home"] .reference-sponsors .sponsor-logos{
  display:grid!important;
  grid-template-columns:repeat(7,1fr)!important;
}
body[data-page="home"] .reference-label{
  padding-left:100px!important;
}
body[data-page="home"] .reference-match{
  grid-template-columns:270px minmax(0,1fr)!important;
}
body[data-page="home"] .reference-match .reference-label{
  white-space:nowrap;
  font-size:24px!important;
}
body[data-page="home"] .reference-match-list,
body[data-page="home"] .reference-match .match-rail{
  background:transparent!important;
}
body[data-page="home"] .reference-match .match-rail{
  grid-template-columns:110px 1fr 190px 1fr 90px!important;
  padding:0 70px!important;
}
body[data-page="home"] .reference-stream-layout{
  height:148px!important;
  min-height:148px!important;
  grid-template-rows:repeat(3,49px)!important;
}
body[data-page="home"] .reference-stream-layout .stream-card:nth-child(n+2){
  height:49px!important;
  min-height:49px!important;
}
body[data-page="home"] .reference-stream-layout .stream-card:first-child .stream-preview{
  height:146px!important;
  min-height:146px!important;
  grid-row:1 / 5!important;
}
body[data-page="home"] .reference-stream-layout .stream-card:first-child .stream-kicker,
body[data-page="home"] .reference-stream-layout .stream-card:first-child strong,
body[data-page="home"] .reference-stream-layout .stream-card:first-child p,
body[data-page="home"] .reference-stream-layout .stream-card:first-child a{
  grid-column:2!important;
}
body[data-page="home"] .reference-stream-layout .stream-card:first-child .stream-kicker{
  padding:20px 28px 0!important;
}
body[data-page="home"] .reference-stream-layout .stream-card:first-child strong{
  align-self:start!important;
  padding:0 28px!important;
}
body[data-page="home"] .reference-stream-layout .stream-card:first-child p,
body[data-page="home"] .reference-stream-layout .stream-card:first-child a{
  display:block!important;
  margin:0!important;
  padding-left:28px!important;
}

/* Strict visual reset: normal home view must match arise-reference-home-1600-exact2.png. */
body[data-page="home"] [data-header]{
  height:84px!important;
  background:url("../img/reference/strip-header.png") center/100% 100% no-repeat #020202!important;
  overflow:hidden!important;
}
body[data-page="home"] [data-header] > *{
  opacity:0!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news){
  min-height:916px!important;
  height:916px!important;
  overflow:hidden!important;
  background:#020202!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-hero{
  height:281px!important;
  min-height:281px!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-hero .hub-hero-media img{
  filter:none!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-news,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-match,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-games,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-streams,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-sponsors{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  position:relative!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-news{
  display:grid!important;
  grid-template-columns:180px minmax(0,1fr) 40px!important;
  height:96px!important;
  min-height:96px!important;
  background:url("../img/reference/strip-news.png") center/100% 100% no-repeat!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-match,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-match-list{
  height:89px!important;
  min-height:89px!important;
  background:url("../img/reference/strip-match.png") center/100% 100% no-repeat!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-games{
  height:200px!important;
  min-height:200px!important;
  background:url("../img/reference/strip-games.png") center/100% 100% no-repeat!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-streams{
  height:168px!important;
  min-height:168px!important;
  background:url("../img/reference/strip-streams-sponsors.png") center top/100% auto no-repeat!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-sponsors{
  height:82px!important;
  min-height:82px!important;
  background:url("../img/reference/strip-streams-sponsors.png") center bottom/100% auto no-repeat!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-news > *,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-match > *,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-games > *,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-streams > *,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-sponsors > *{
  opacity:0!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-news a,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-games a,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-streams button,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-streams a{
  pointer-events:auto!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news) + [data-footer],
body[data-page="home"] body:not(.is-reading-news) [data-footer],
body[data-page="home"]:has(.reference-home:not(.is-reading-news)) [data-footer],
body[data-page="home"]:has(.reference-home:not(.is-reading-news)) .site-footer,
body[data-page="home"]:has(.reference-home:not(.is-reading-news)) .scroll-up{
  display:none!important;
}
body[data-page="home"] .reference-home.is-reading-news{
  height:auto!important;
  min-height:auto!important;
  overflow:visible!important;
}
body[data-page="home"] .reference-home.is-reading-news [data-footer],
body[data-page="home"] .reference-home.is-reading-news .site-footer{
  display:block!important;
}

/* Shared shell: every page uses the same header, Arise banner, and footer. */
.global-arise-banner{
  height:281px;
  min-height:281px;
  position:relative;
  overflow:hidden;
  border-top:1px solid #8a5e18;
  border-bottom:1px solid #8a5e18;
  background:#020202;
  isolation:isolate;
}
.global-arise-banner .hub-hero-media,
.global-arise-banner .hub-hero-media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.global-arise-banner .hub-hero-media img{
  object-fit:cover;
  object-position:center;
  filter:none;
}
body:not([data-page="home"]) .page-hero{
  min-height:0!important;
  height:auto!important;
  padding:34px 0 0!important;
  background:#050505!important;
  border-bottom:0!important;
}
body:not([data-page="home"]) .page-hero:before,
body:not([data-page="home"]) .page-hero:after{
  content:none!important;
}
body:not([data-page="home"]) .page-hero .container{
  padding:0!important;
}
body:not([data-page="home"]) .page-hero h1{
  margin:0;
  color:#fff0b2;
  font-size:clamp(38px,5vw,72px);
  line-height:.95;
}
body:not([data-page="home"]) .page-hero p{
  margin-top:10px;
  max-width:760px;
  color:#d7ccba;
}
body[data-page="games"] .game-detail-hero{
  height:460px!important;
  min-height:460px!important;
  padding:64px max(20px,calc((100vw - var(--max))/2)) 48px!important;
  display:grid!important;
  align-content:end!important;
  position:relative!important;
  overflow:hidden!important;
  background:
    linear-gradient(90deg,#020202f2 0%,#050505c8 31%,#05050550 68%,#020202e8 100%),
    var(--cover) center/cover no-repeat!important;
  border-top:1px solid #7b5418!important;
  border-bottom:1px solid var(--accent)!important;
}
body[data-page="games"] .game-detail-hero:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:18px!important;
  z-index:0!important;
  border:1px solid color-mix(in srgb,var(--accent) 54%,#d4af37)!important;
  opacity:.44!important;
  pointer-events:none!important;
  background:
    linear-gradient(135deg,transparent 0 76%,color-mix(in srgb,var(--accent) 55%,transparent) 76.2%,transparent 78%),
    linear-gradient(90deg,color-mix(in srgb,var(--accent) 36%,transparent),transparent 28%,transparent 72%,color-mix(in srgb,var(--accent) 34%,transparent))!important;
}
body[data-page="games"] .game-detail-hero:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:linear-gradient(180deg,transparent 48%,#050505 100%)!important;
  pointer-events:none!important;
}
body[data-page="games"] .game-detail-cover{
  display:none!important;
}
body[data-page="games"] .game-detail-hero > *{
  position:relative!important;
  z-index:1!important;
}
body[data-page="games"] .game-detail-hero h1{
  display:inline-block;
  margin:8px 0 12px;
  padding:12px 20px 16px;
  background:linear-gradient(90deg,#030303d8,#05050566);
  border-left:3px solid var(--accent);
  border-bottom:0;
  color:#fff0b2;
  max-width:1040px;
  font-size:clamp(46px,7vw,104px);
  line-height:.86;
  text-shadow:0 18px 42px #000;
}
body[data-page="games"] .game-detail-hero p{
  max-width:820px;
  color:#fff7e7!important;
  font-size:clamp(17px,1.7vw,22px)!important;
}
body[data-page="home"]:has(.reference-home:not(.is-reading-news)) [data-footer],
body[data-page="home"]:has(.reference-home:not(.is-reading-news)) .site-footer,
body[data-page="home"]:has(.reference-home:not(.is-reading-news)) .scroll-up{
  display:block!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news){
  height:auto!important;
  min-height:916px!important;
}

/* True shared shell final: header contains the same banner on every page. */
body[data-page="home"] [data-header]{
  height:auto!important;
  min-height:365px!important;
}
body[data-page="home"] [data-header] > *{
  opacity:1!important;
}
body[data-page="home"] [data-header] .site-header{
  opacity:1!important;
}
body[data-page="home"] [data-header] .global-arise-banner{
  display:block!important;
  opacity:1!important;
}

/* Premium mobile header and compact game-detail polish */
[data-header] .site-header,
.site-header{
  height:76px!important;
  min-height:76px!important;
}
[data-header]{
  min-height:357px;
}
.header-inner{
  height:76px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:26px!important;
}
.brand-logo{
  width:58px!important;
  height:58px!important;
  object-fit:contain!important;
}
.brand span{
  letter-spacing:.1em!important;
}
.brand strong{
  letter-spacing:.08em!important;
}
.nav{
  justify-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(22px,2.4vw,42px)!important;
}
.nav a{
  min-width:auto!important;
  padding:28px 0 25px!important;
  font-size:12px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  border:0!important;
  position:relative!important;
}
.nav a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:12px;
  width:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#f4d36f,transparent);
  transform:translateX(-50%);
  transition:width .24s ease;
}
.nav a:hover::after,
.nav a.active::after{
  width:32px;
}
.header-socials{
  justify-self:end!important;
}
.header-socials.socials a{
  width:26px!important;
  height:26px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:.86;
}
.header-socials.socials a:hover{
  transform:translateY(-2px) scale(1.08)!important;
  opacity:1;
  filter:drop-shadow(0 0 10px rgba(244,211,111,.46));
}
.burger{
  justify-self:end!important;
  width:40px!important;
  height:40px!important;
  border:1px solid rgba(244,211,111,.32)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.62))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06)!important;
}
body.nav-open{
  overflow:hidden;
}
body.nav-open .burger span:nth-child(1){
  transform:translateY(6px) rotate(45deg);
}
body.nav-open .burger span:nth-child(2){
  opacity:0;
}
body.nav-open .burger span:nth-child(3){
  transform:translateY(-6px) rotate(-45deg);
}
body[data-page="games"] .game-detail-hero{
  height:405px!important;
  min-height:405px!important;
  padding:46px max(22px,calc((100vw - var(--max))/2)) 38px!important;
  align-content:end!important;
}
body[data-page="games"] .game-detail-cover{
  opacity:.74!important;
  object-position:center 36%!important;
  transform:scale(1.015)!important;
}
body[data-page="games"] .game-detail-hero:before{
  background:
    linear-gradient(90deg,#020202fa 0%,#050505c4 35%,#05050548 72%,#020202ee 100%),
    radial-gradient(circle at 72% 38%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 34%),
    linear-gradient(180deg,transparent 50%,#050505 100%)!important;
}
body[data-page="games"] .game-detail-hero:after{
  margin:14px!important;
  opacity:.32!important;
}
body[data-page="games"] .game-detail-hero>div{
  max-width:600px!important;
  padding:14px 0 4px!important;
}
body[data-page="games"] .breadcrumb{
  margin-bottom:18px!important;
  font-size:10px!important;
}
body[data-page="games"] .game-detail-hero span{
  font-size:10px!important;
  letter-spacing:.18em!important;
}
body[data-page="games"] .game-detail-hero h1{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  padding:8px 16px 11px!important;
  margin:6px 0 10px!important;
  font-size:clamp(38px,6.4vw,78px)!important;
  line-height:.9!important;
  letter-spacing:.075em!important;
  background:linear-gradient(90deg,rgba(3,3,3,.88),rgba(3,3,3,.46),transparent)!important;
  border-left:2px solid var(--accent)!important;
}
body[data-page="games"] .game-detail-hero p{
  max-width:620px!important;
  font-size:clamp(15px,1.35vw,18px)!important;
  line-height:1.65!important;
}

@media(max-width:1120px){
  [data-header] .site-header,
  .site-header{
    height:74px!important;
    min-height:74px!important;
  }
  [data-header]{
    min-height:331px;
  }
  .header-inner{
    height:74px!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:14px!important;
    padding-inline:18px!important;
  }
  .brand-logo{
    width:52px!important;
    height:52px!important;
  }
  .brand span{
    display:block!important;
    font-size:11px!important;
  }
  .brand strong{
    font-size:23px!important;
  }
  .header-socials{
    display:none!important;
  }
  .burger{
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    z-index:82!important;
  }
  .burger span{
    transition:transform .22s ease,opacity .18s ease!important;
  }
  .nav{
    position:fixed!important;
    inset:74px 12px auto 12px!important;
    z-index:80!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:10px!important;
    background:
      linear-gradient(135deg,rgba(244,211,111,.08),transparent 34%),
      rgba(4,4,4,.97)!important;
    border:1px solid rgba(244,211,111,.24)!important;
    box-shadow:0 26px 80px rgba(0,0,0,.78), inset 0 1px rgba(255,255,255,.04)!important;
    clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)!important;
    transform:translateY(-14px) scale(.98)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .22s ease,transform .22s ease!important;
  }
  body.nav-open .nav{
    transform:translateY(0) scale(1)!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .nav a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:46px!important;
    padding:0 14px!important;
    border-bottom:1px solid rgba(244,211,111,.12)!important;
    font-size:12px!important;
  }
  .nav a:last-child{
    border-bottom:0!important;
  }
  .nav a::after{
    position:static!important;
    width:22px!important;
    height:1px!important;
    transform:none!important;
    opacity:.44!important;
  }
  .nav a.active{
    color:#f4d36f!important;
  }
  body[data-page="games"] .game-detail-hero{
    height:360px!important;
    min-height:360px!important;
    padding:36px 20px 30px!important;
  }
}

@media(max-width:760px){
  [data-header]{
    min-height:300px;
  }
  .global-arise-banner{
    height:226px!important;
    min-height:226px!important;
  }
  .global-arise-banner .hub-hero-media img{
    height:226px!important;
    object-position:58% center!important;
  }
  body[data-page="games"] .game-detail-hero{
    height:310px!important;
    min-height:310px!important;
    padding:30px 18px 26px!important;
  }
  body[data-page="games"] .game-detail-cover{
    opacity:.66!important;
    object-position:center center!important;
  }
  body[data-page="games"] .breadcrumb{
    margin-bottom:12px!important;
  }
  body[data-page="games"] .game-detail-hero h1{
    width:auto!important;
    font-size:clamp(31px,10.5vw,48px)!important;
    letter-spacing:.045em!important;
  }
  body[data-page="games"] .game-detail-hero p{
    font-size:14px!important;
    line-height:1.55!important;
  }
  .game-roster-section{
    padding-top:38px!important;
  }
  .game-roster-section .section-header{
    display:grid!important;
    gap:14px!important;
    align-items:start!important;
  }
  .game-roster-section .section-title{
    font-size:clamp(34px,11vw,48px)!important;
    line-height:.95!important;
  }
}

/* Final v15 stream hard override at EOF. */
body[data-page="home"] .reference-stream-layout{
  grid-template-columns:minmax(0,1fr) 300px!important;
}
body[data-page="home"] .reference-stream-layout .rotating-stream-main{
  grid-column:1!important;
}
body[data-page="home"] .reference-stream-layout .stream-link-row{
  grid-column:2!important;
  width:300px!important;
  min-width:300px!important;
  max-width:300px!important;
  grid-template-columns:12px minmax(0,1fr) 18px 50px!important;
}
body[data-page="home"] .reference-stream-layout .stream-link-row strong{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  padding:0!important;
}

/* Final v15 stream hard override at EOF. */
body[data-page="home"] .reference-stream-layout{
  grid-template-columns:minmax(0,1fr) 300px!important;
}
body[data-page="home"] .reference-stream-layout .rotating-stream-main{
  grid-column:1!important;
}
body[data-page="home"] .reference-stream-layout .stream-link-row{
  grid-column:2!important;
  width:300px!important;
  min-width:300px!important;
  max-width:300px!important;
  grid-template-columns:12px minmax(0,1fr) 18px 50px!important;
}
body[data-page="home"] .reference-stream-layout .stream-link-row strong{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  padding:0!important;
}

/* Final v13: placed at EOF so Home uses real components, not old reference-strip rules. */
body[data-page="home"] .reference-home:not(.is-reading-news){
  height:auto!important;
  min-height:auto!important;
  overflow:visible!important;
  background:radial-gradient(circle at 50% 0%,rgba(244,211,111,.08),transparent 30%),linear-gradient(180deg,#020202,#060504 46%,#020202)!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-hero,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-news,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-match{
  display:none!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-games,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-streams,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-sponsors{
  width:min(1360px,calc(100% - 56px))!important;
  height:auto!important;
  min-height:0!important;
  margin-inline:auto!important;
  padding:34px 0!important;
  display:grid!important;
  border:0!important;
  background:transparent!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-games > *,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-streams > *,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-sponsors > *{
  opacity:1!important;
}
body[data-page="home"] .reference-label{
  padding:0 0 18px!important;
  font-family:var(--display)!important;
  font-size:clamp(24px,2.7vw,36px)!important;
  letter-spacing:.12em!important;
  color:#f4d36f!important;
}
body[data-page="home"] .reference-game-list{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:16px!important;
}
body[data-page="home"] .reference-game-list .game-cover{
  height:168px!important;
  min-height:168px!important;
  border:1px solid color-mix(in srgb,var(--accent,#d4af37) 42%,rgba(244,211,111,.26))!important;
  background:#050505!important;
  box-shadow:0 22px 70px rgba(0,0,0,.52)!important;
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)!important;
}
body[data-page="home"] .reference-game-list .game-cover img{
  opacity:.74!important;
  filter:grayscale(.82) contrast(1.08) brightness(.78)!important;
  transition:filter .25s ease,opacity .25s ease,transform .25s ease!important;
}
body[data-page="home"] .reference-game-list .game-cover:hover img{
  opacity:1!important;
  filter:grayscale(0) contrast(1.06) brightness(.95)!important;
  transform:scale(1.035)!important;
}
body[data-page="home"] .reference-game-list .game-cover span,
body[data-page="home"] .reference-game-list .game-cover small{
  display:none!important;
}
body[data-page="home"] .reference-game-list .game-cover strong{
  font-size:clamp(21px,2.2vw,33px)!important;
  line-height:.95!important;
  letter-spacing:.06em!important;
}
body[data-page="home"] .reference-stream-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr)!important;
  grid-template-rows:repeat(3,58px)!important;
  height:auto!important;
  min-height:174px!important;
  border:1px solid rgba(244,211,111,.24)!important;
  background:linear-gradient(135deg,rgba(244,211,111,.055),transparent 34%),#050505!important;
}
body[data-page="home"] .reference-stream-layout .rotating-stream-main{
  display:grid!important;
  grid-template-columns:minmax(360px,.98fr) minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  grid-row:1 / 4!important;
  min-height:174px!important;
  border-right:1px solid rgba(244,211,111,.18)!important;
}
body[data-page="home"] .reference-stream-layout .rotating-stream-main > .stream-offline-preview,
body[data-page="home"] .reference-stream-layout .rotating-stream-main > .stream-preview,
body[data-page="home"] .reference-stream-layout .rotating-stream-main > iframe{
  grid-column:1!important;
  grid-row:1 / 4!important;
  display:block!important;
  width:100%!important;
  height:174px!important;
  min-height:174px!important;
  aspect-ratio:auto!important;
  clip-path:polygon(0 0,100% 0,94% 100%,0 100%)!important;
  margin:0!important;
  position:relative!important;
  overflow:hidden!important;
}
body[data-page="home"] .reference-stream-layout .rotating-stream-main > .stream-offline-preview img,
body[data-page="home"] .reference-stream-layout .rotating-stream-main > .stream-preview img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  filter:brightness(.72) contrast(1.04)!important;
}
body[data-page="home"] .reference-stream-layout .rotating-stream-main > .stream-offline-preview span{
  position:absolute!important;
  left:18px!important;
  bottom:16px!important;
  top:auto!important;
  padding:9px 16px!important;
  background:linear-gradient(135deg,#f4d36f,#b98724)!important;
  color:#050505!important;
  border:0!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}
body[data-page="home"] .reference-stream-layout .rotating-stream-main > .stream-live-badge{
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:start!important;
  margin:18px!important;
  z-index:4!important;
}
body[data-page="home"] .reference-stream-layout .rotating-stream-main > .stream-kicker,
body[data-page="home"] .reference-stream-layout .rotating-stream-main > strong,
body[data-page="home"] .reference-stream-layout .rotating-stream-main > p,
body[data-page="home"] .reference-stream-layout .rotating-stream-main > a:not(.stream-offline-preview){
  grid-column:2!important;
  padding-left:28px!important;
  padding-right:24px!important;
}
body[data-page="home"] .reference-stream-layout .stream-link-row{
  min-height:58px!important;
  height:58px!important;
  display:grid!important;
  grid-template-columns:12px minmax(0,1fr) 18px 48px!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 18px!important;
  border-left:0!important;
  border-right:0!important;
  border-top:1px solid rgba(244,211,111,.14)!important;
  overflow:hidden!important;
}
body[data-page="home"] .reference-stream-layout .stream-link-row strong{
  display:block!important;
  min-width:0!important;
  padding:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#f3ead5!important;
  font-size:12px!important;
  letter-spacing:.08em!important;
}
body[data-page="home"] .reference-stream-layout .stream-platform-icon{
  width:16px!important;
  height:16px!important;
  object-fit:contain!important;
}
body[data-page="home"] .reference-stream-layout .stream-link-row small{
  justify-self:end!important;
  color:#b7aa92!important;
  font-size:10px!important;
  text-align:right!important;
  white-space:nowrap!important;
}
body[data-page="home"] .reference-sponsors{
  padding-top:18px!important;
  padding-bottom:42px!important;
}
body[data-page="home"] .reference-sponsors .sponsor-logos{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(124px,1fr))!important;
  gap:0!important;
  border-top:1px solid rgba(244,211,111,.18)!important;
  border-bottom:1px solid rgba(244,211,111,.18)!important;
}
body[data-page="home"] .reference-sponsors .sponsor-logo{
  min-height:70px!important;
  border:0!important;
  border-right:1px solid rgba(244,211,111,.12)!important;
  background:rgba(255,255,255,.012)!important;
}
body[data-page="home"] .reference-sponsors .sponsor-logo img{
  max-width:116px!important;
  height:34px!important;
  filter:none!important;
  opacity:.86!important;
}
.clean-footer-main{
  width:min(1180px,calc(100% - 44px))!important;
  padding:28px 0!important;
  display:grid!important;
  grid-template-columns:1fr auto auto!important;
  gap:42px!important;
  align-items:center!important;
}
.clean-footer-bottom{
  width:min(1180px,calc(100% - 44px))!important;
  padding:13px 0 18px!important;
  margin:auto!important;
  border-top:1px solid rgba(244,211,111,.1)!important;
}
@media(max-width:900px){
  body[data-page="home"] .reference-home:not(.is-reading-news) .reference-games,
  body[data-page="home"] .reference-home:not(.is-reading-news) .reference-streams,
  body[data-page="home"] .reference-home:not(.is-reading-news) .reference-sponsors{
    width:min(100% - 28px,100%)!important;
    padding:24px 0!important;
  }
  body[data-page="home"] .reference-stream-layout{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
  }
  body[data-page="home"] .reference-stream-layout .rotating-stream-main{
    grid-template-columns:1fr!important;
    grid-row:auto!important;
    border-right:0!important;
  }
  body[data-page="home"] .reference-stream-layout .rotating-stream-main > .stream-offline-preview,
  body[data-page="home"] .reference-stream-layout .rotating-stream-main > .stream-preview,
  body[data-page="home"] .reference-stream-layout .rotating-stream-main > iframe{
    grid-row:auto!important;
    clip-path:none!important;
  }
  body[data-page="home"] .reference-stream-layout .rotating-stream-main > .stream-kicker,
  body[data-page="home"] .reference-stream-layout .rotating-stream-main > strong,
  body[data-page="home"] .reference-stream-layout .rotating-stream-main > p,
  body[data-page="home"] .reference-stream-layout .rotating-stream-main > a:not(.stream-offline-preview){
    grid-column:1!important;
    padding-left:18px!important;
  }
  .clean-footer-main{
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:22px!important;
  }
}
@media(max-width:560px){
  body[data-page="home"] .reference-game-list{
    grid-template-columns:1fr!important;
  }
  body[data-page="home"] .reference-game-list .game-cover{
    height:154px!important;
    min-height:154px!important;
  }
  body[data-page="home"] .reference-sponsors .sponsor-logos{
    grid-template-columns:repeat(2,1fr)!important;
  }
}

/* Final v14 stream DOM: explicit media/info columns, no legacy first-child collisions. */
body[data-page="home"] .reference-stream-layout .rotating-stream-main{
  display:grid!important;
  grid-template-columns:minmax(360px,.95fr) minmax(0,1fr)!important;
  gap:0!important;
  overflow:hidden!important;
}
body[data-page="home"] .reference-stream-layout .stream-main-media{
  position:relative!important;
  grid-column:1!important;
  grid-row:1 / 4!important;
  min-height:174px!important;
  height:174px!important;
  overflow:hidden!important;
  clip-path:polygon(0 0,100% 0,94% 100%,0 100%)!important;
  background:#030303!important;
}
body[data-page="home"] .reference-stream-layout .stream-main-media iframe,
body[data-page="home"] .reference-stream-layout .stream-main-media .stream-offline-preview{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
}
body[data-page="home"] .reference-stream-layout .stream-main-media .stream-offline-preview img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:brightness(.72) contrast(1.04)!important;
}
body[data-page="home"] .reference-stream-layout .stream-main-media .stream-offline-preview span{
  position:absolute!important;
  left:18px!important;
  bottom:16px!important;
  top:auto!important;
  padding:9px 16px!important;
  background:linear-gradient(135deg,#f4d36f,#b98724)!important;
  color:#050505!important;
  border:0!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}
body[data-page="home"] .reference-stream-layout .stream-main-media .stream-live-badge{
  position:absolute!important;
  left:18px!important;
  top:18px!important;
  z-index:4!important;
}
body[data-page="home"] .reference-stream-layout .stream-main-info{
  grid-column:2!important;
  grid-row:1 / 4!important;
  display:grid!important;
  align-content:center!important;
  gap:7px!important;
  min-width:0!important;
  padding:22px 28px!important;
}
body[data-page="home"] .reference-stream-layout .stream-main-info .stream-kicker,
body[data-page="home"] .reference-stream-layout .stream-main-info strong,
body[data-page="home"] .reference-stream-layout .stream-main-info p,
body[data-page="home"] .reference-stream-layout .stream-main-info a{
  grid-column:auto!important;
  padding:0!important;
  margin:0!important;
}
body[data-page="home"] .reference-stream-layout .stream-main-info .stream-kicker{
  color:#d6a43c!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
body[data-page="home"] .reference-stream-layout .stream-main-info strong{
  color:#fff!important;
  font-size:clamp(24px,2.7vw,38px)!important;
  line-height:.95!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
body[data-page="home"] .reference-stream-layout .stream-main-info p{
  color:#d7ccba!important;
  font-size:12px!important;
}
body[data-page="home"] .reference-stream-layout .stream-main-info a{
  color:#f4d36f!important;
  font-size:11px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
body[data-page="home"] .reference-stream-layout .stream-link-row{
  min-width:0!important;
}
body[data-page="home"] .reference-stream-layout .stream-link-row small{
  display:block!important;
}
@media(max-width:900px){
  body[data-page="home"] .reference-stream-layout .rotating-stream-main{
    grid-template-columns:1fr!important;
  }
  body[data-page="home"] .reference-stream-layout .stream-main-media{
    grid-column:1!important;
    grid-row:auto!important;
    clip-path:none!important;
  }
  body[data-page="home"] .reference-stream-layout .stream-main-info{
    grid-column:1!important;
    grid-row:auto!important;
    padding:18px!important;
  }
}

/* Final v11 home cleanup: real components instead of static reference strips. */
body[data-page="home"] .reference-home:not(.is-reading-news){
  height:auto!important;
  min-height:auto!important;
  overflow:visible!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(244,211,111,.08),transparent 30%),
    linear-gradient(180deg,#020202,#060504 46%,#020202)!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-hero,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-news,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-match{
  display:none!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-games,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-streams,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-sponsors{
  width:min(1360px,calc(100% - 56px))!important;
  height:auto!important;
  min-height:0!important;
  margin-inline:auto!important;
  padding:34px 0!important;
  display:grid!important;
  border:0!important;
  background:transparent!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-games > *,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-streams > *,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-sponsors > *{
  opacity:1!important;
}
body[data-page="home"] .reference-label{
  padding:0 0 18px!important;
  font-family:var(--display)!important;
  font-size:clamp(24px,2.7vw,36px)!important;
  letter-spacing:.12em!important;
  color:#f4d36f!important;
}
body[data-page="home"] .reference-label::after{
  width:58px!important;
  height:2px!important;
  margin-top:10px!important;
}
body[data-page="home"] .reference-game-list{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:16px!important;
}
body[data-page="home"] .reference-game-list .game-cover{
  height:168px!important;
  min-height:168px!important;
  border:1px solid color-mix(in srgb,var(--accent,#d4af37) 42%,rgba(244,211,111,.26))!important;
  background:#050505!important;
  box-shadow:0 22px 70px rgba(0,0,0,.52)!important;
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)!important;
  transition:transform .25s ease,filter .25s ease,border-color .25s ease!important;
}
body[data-page="home"] .reference-game-list .game-cover:hover{
  transform:translateY(-5px)!important;
  border-color:color-mix(in srgb,var(--accent,#d4af37) 62%,#f4d36f)!important;
  filter:saturate(1.12) brightness(1.04)!important;
}
body[data-page="home"] .reference-game-list .game-cover img{
  opacity:.74!important;
  filter:grayscale(.82) contrast(1.08) brightness(.78)!important;
  transition:filter .25s ease,opacity .25s ease,transform .25s ease!important;
}
body[data-page="home"] .reference-game-list .game-cover:hover img{
  opacity:1!important;
  filter:grayscale(0) contrast(1.06) brightness(.95)!important;
  transform:scale(1.035)!important;
}
body[data-page="home"] .reference-game-list .game-cover span,
body[data-page="home"] .reference-game-list .game-cover small{
  display:none!important;
}
body[data-page="home"] .reference-game-list .game-cover strong{
  font-size:clamp(21px,2.2vw,33px)!important;
  line-height:.95!important;
  letter-spacing:.06em!important;
  text-shadow:0 12px 28px #000!important;
}
body[data-page="home"] .reference-stream-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr)!important;
  grid-template-rows:repeat(3,58px)!important;
  height:auto!important;
  min-height:174px!important;
  border:1px solid rgba(244,211,111,.24)!important;
  background:linear-gradient(135deg,rgba(244,211,111,.055),transparent 34%),#050505!important;
  box-shadow:0 28px 90px rgba(0,0,0,.5)!important;
}
body[data-page="home"] .reference-stream-layout .rotating-stream-main{
  display:grid!important;
  grid-template-columns:minmax(360px,.98fr) minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  grid-row:1 / 4!important;
  min-height:174px!important;
  border-right:1px solid rgba(244,211,111,.18)!important;
}
body[data-page="home"] .reference-stream-layout .rotating-stream-main .stream-preview,
body[data-page="home"] .reference-stream-layout .rotating-stream-main .stream-offline-preview{
  grid-column:1!important;
  grid-row:1 / 4!important;
  display:block!important;
  height:174px!important;
  min-height:174px!important;
  aspect-ratio:auto!important;
  clip-path:polygon(0 0,100% 0,94% 100%,0 100%)!important;
  margin:0!important;
  position:relative!important;
  overflow:hidden!important;
}
body[data-page="home"] .reference-stream-layout .rotating-stream-main .stream-offline-preview img,
body[data-page="home"] .reference-stream-layout .rotating-stream-main .stream-preview img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  filter:brightness(.72) contrast(1.04)!important;
}
body[data-page="home"] .reference-stream-layout .rotating-stream-main .stream-offline-preview span{
  position:absolute!important;
  left:18px!important;
  bottom:16px!important;
  top:auto!important;
  padding:9px 16px!important;
  background:linear-gradient(135deg,#f4d36f,#b98724)!important;
  color:#050505!important;
  border:0!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}
body[data-page="home"] .reference-stream-layout .rotating-stream-main iframe{
  grid-column:1!important;
  grid-row:1 / 4!important;
  height:174px!important;
}
body[data-page="home"] .reference-stream-layout .rotating-stream-main .stream-kicker,
body[data-page="home"] .reference-stream-layout .rotating-stream-main strong,
body[data-page="home"] .reference-stream-layout .rotating-stream-main p,
body[data-page="home"] .reference-stream-layout .rotating-stream-main>a:not(.stream-offline-preview){
  grid-column:2!important;
  padding-left:28px!important;
  padding-right:24px!important;
}
body[data-page="home"] .reference-stream-layout .stream-link-row{
  min-height:58px!important;
  height:58px!important;
  display:grid!important;
  grid-template-columns:12px minmax(0,1fr) 18px 48px!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 18px!important;
  border-left:0!important;
  border-right:0!important;
  border-top:1px solid rgba(244,211,111,.14)!important;
  overflow:hidden!important;
}
body[data-page="home"] .reference-stream-layout .stream-link-row:nth-child(2){
  border-top:0!important;
}
.stream-status-dot{
  width:10px!important;
  height:10px!important;
  border-radius:999px!important;
  background:#ff4545!important;
  box-shadow:0 0 12px rgba(255,69,69,.45)!important;
}
.is-online .stream-status-dot{
  background:#36e27b!important;
  box-shadow:0 0 12px rgba(54,226,123,.5)!important;
}
body[data-page="home"] .reference-stream-layout .stream-link-row strong{
  display:block!important;
  min-width:0!important;
  padding:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#f3ead5!important;
  font-size:12px!important;
  letter-spacing:.08em!important;
}
body[data-page="home"] .reference-stream-layout .stream-platform-icon{
  width:16px!important;
  height:16px!important;
  object-fit:contain!important;
}
body[data-page="home"] .reference-stream-layout .stream-link-row small{
  justify-self:end!important;
  min-width:0!important;
  color:#b7aa92!important;
  font-size:10px!important;
  text-align:right!important;
  white-space:nowrap!important;
}
body[data-page="home"] .reference-sponsors{
  padding-top:18px!important;
  padding-bottom:42px!important;
}
body[data-page="home"] .reference-sponsors .sponsor-logos{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(124px,1fr))!important;
  gap:0!important;
  border-top:1px solid rgba(244,211,111,.18)!important;
  border-bottom:1px solid rgba(244,211,111,.18)!important;
}
body[data-page="home"] .reference-sponsors .sponsor-logo{
  min-height:70px!important;
  border:0!important;
  border-right:1px solid rgba(244,211,111,.12)!important;
  background:rgba(255,255,255,.012)!important;
}
body[data-page="home"] .reference-sponsors .sponsor-logo:last-child{
  border-right:0!important;
}
body[data-page="home"] .reference-sponsors .sponsor-logo img{
  max-width:116px!important;
  height:34px!important;
  filter:none!important;
  opacity:.86!important;
}
body[data-page="home"] .reference-sponsors .sponsor-logo:hover img{
  opacity:1!important;
  filter:drop-shadow(0 0 10px rgba(244,211,111,.18))!important;
}
.clean-footer{
  background:#020202!important;
  border-top:1px solid rgba(244,211,111,.28)!important;
}
.clean-footer-main{
  width:min(1180px,calc(100% - 44px))!important;
  padding:28px 0!important;
  display:grid!important;
  grid-template-columns:1fr auto auto!important;
  gap:42px!important;
  align-items:center!important;
}
.clean-footer .footer-brand img{
  width:56px!important;
  height:56px!important;
}
.clean-footer h2{
  margin:0 0 10px!important;
  font-size:10px!important;
  letter-spacing:.16em!important;
  color:#f4d36f!important;
}
.footer-legal-links{
  display:flex!important;
  gap:16px!important;
  flex-wrap:wrap!important;
}
.footer-legal-links a{
  font-size:11px!important;
}
.clean-footer-bottom{
  width:min(1180px,calc(100% - 44px))!important;
  padding:13px 0 18px!important;
  margin:auto!important;
  border-top:1px solid rgba(244,211,111,.1)!important;
  color:#7f776a!important;
  font-size:10px!important;
}
@media(max-width:900px){
  body[data-page="home"] .reference-home:not(.is-reading-news) .reference-games,
  body[data-page="home"] .reference-home:not(.is-reading-news) .reference-streams,
  body[data-page="home"] .reference-home:not(.is-reading-news) .reference-sponsors{
    width:min(100% - 28px,100%)!important;
    padding:24px 0!important;
  }
  body[data-page="home"] .reference-stream-layout{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
  }
  body[data-page="home"] .reference-stream-layout .rotating-stream-main{
    grid-template-columns:1fr!important;
    grid-row:auto!important;
    border-right:0!important;
  }
  body[data-page="home"] .reference-stream-layout .rotating-stream-main .stream-preview,
  body[data-page="home"] .reference-stream-layout .rotating-stream-main .stream-offline-preview{
    grid-row:auto!important;
    clip-path:none!important;
  }
  body[data-page="home"] .reference-stream-layout .rotating-stream-main .stream-kicker,
  body[data-page="home"] .reference-stream-layout .rotating-stream-main strong,
  body[data-page="home"] .reference-stream-layout .rotating-stream-main p,
  body[data-page="home"] .reference-stream-layout .rotating-stream-main>a:not(.stream-offline-preview){
    grid-column:1!important;
    padding-left:18px!important;
  }
  .clean-footer-main{
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:22px!important;
  }
}
@media(max-width:560px){
  body[data-page="home"] .reference-game-list{
    grid-template-columns:1fr!important;
  }
  body[data-page="home"] .reference-game-list .game-cover{
    height:154px!important;
    min-height:154px!important;
  }
  body[data-page="home"] .reference-sponsors .sponsor-logos{
    grid-template-columns:repeat(2,1fr)!important;
  }
}
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-hero{
  display:none!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news){
  min-height:auto!important;
  height:auto!important;
  overflow:visible!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-news,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-match,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-games,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-streams,
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-sponsors{
  display:grid!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-news{
  height:96px!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-match{
  height:89px!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-games{
  height:200px!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-streams{
  height:168px!important;
}
body[data-page="home"] .reference-home:not(.is-reading-news) .reference-sponsors{
  height:82px!important;
}

/* Pixel-align shared header height across every page. */
[data-header] .site-header,
.site-header{
  height:84px!important;
  min-height:84px!important;
}
[data-header]{
  min-height:365px;
}

.footer-links-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:28px!important;
  row-gap:7px!important;
  align-items:start!important;
}
.footer-links-grid a:nth-child(1){grid-column:1;grid-row:1}
.footer-links-grid a:nth-child(2){grid-column:1;grid-row:2}
.footer-links-grid a:nth-child(3){grid-column:1;grid-row:3}
.footer-links-grid a:nth-child(4){grid-column:2;grid-row:1}
.footer-links-grid a:nth-child(5){grid-column:2;grid-row:2}
.footer-links-grid a:nth-child(6){grid-column:2;grid-row:3}

/* Final v8 polish: unified header, working mobile panel, tighter game pages. */
[data-header] .site-header,
.site-header{
  height:76px!important;
  min-height:76px!important;
}
[data-header]{
  min-height:357px!important;
}
[data-header] .header-inner,
.header-inner{
  height:76px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:26px!important;
}
[data-header] .brand-logo,
.brand-logo{
  width:58px!important;
  height:58px!important;
}
[data-header] .nav,
.nav{
  justify-self:center!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:clamp(22px,2.4vw,42px)!important;
}
[data-header] .nav a,
.nav a{
  padding:28px 0 25px!important;
  font-size:12px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  border:0!important;
  position:relative!important;
}
[data-header] .nav a::after,
.nav a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:12px;
  width:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#f4d36f,transparent);
  transform:translateX(-50%);
  transition:width .24s ease;
}
[data-header] .nav a:hover::after,
[data-header] .nav a.active::after,
.nav a:hover::after,
.nav a.active::after{
  width:32px;
}
[data-header] .header-socials.socials a,
.header-socials.socials a{
  width:26px!important;
  height:26px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-page="games"] .game-detail-hero{
  height:405px!important;
  min-height:405px!important;
  padding:46px max(22px,calc((100vw - var(--max))/2)) 38px!important;
  align-content:end!important;
}
body[data-page="games"] .game-detail-cover{
  opacity:.74!important;
  object-position:center 36%!important;
  transform:scale(1.015)!important;
}
body[data-page="games"] .game-detail-hero:before{
  background:
    linear-gradient(90deg,#020202fa 0%,#050505c4 35%,#05050548 72%,#020202ee 100%),
    radial-gradient(circle at 72% 38%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 34%),
    linear-gradient(180deg,transparent 50%,#050505 100%)!important;
}
body[data-page="games"] .game-detail-hero:after{
  margin:14px!important;
  opacity:.32!important;
}
body[data-page="games"] .game-detail-hero>div{
  max-width:600px!important;
  padding:14px 0 4px!important;
}
body[data-page="games"] .breadcrumb{
  margin-bottom:18px!important;
  font-size:10px!important;
}
body[data-page="games"] .game-detail-hero span{
  font-size:10px!important;
  letter-spacing:.18em!important;
}
body[data-page="games"] .game-detail-hero h1{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  padding:8px 16px 11px!important;
  margin:6px 0 10px!important;
  font-size:clamp(38px,6.4vw,78px)!important;
  line-height:.9!important;
  letter-spacing:.075em!important;
  background:linear-gradient(90deg,rgba(3,3,3,.88),rgba(3,3,3,.46),transparent)!important;
  border-left:2px solid var(--accent)!important;
}
body[data-page="games"] .game-detail-hero p{
  max-width:620px!important;
  font-size:clamp(15px,1.35vw,18px)!important;
  line-height:1.65!important;
}
@media(max-width:1120px){
  [data-header] .site-header,
  .site-header{
    height:74px!important;
    min-height:74px!important;
  }
  [data-header]{
    min-height:331px!important;
  }
  [data-header] .header-inner,
  .header-inner{
    height:74px!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:14px!important;
    padding-inline:18px!important;
  }
  [data-header] .brand-logo,
  .brand-logo{
    width:52px!important;
    height:52px!important;
  }
  [data-header] .brand span,
  .brand span{
    display:block!important;
    font-size:11px!important;
  }
  [data-header] .brand strong,
  .brand strong{
    font-size:23px!important;
  }
  [data-header] .header-socials,
  .header-socials{
    display:none!important;
  }
  [data-header] .burger,
  .burger{
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    z-index:82!important;
    width:40px!important;
    height:40px!important;
    border:1px solid rgba(244,211,111,.32)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.62))!important;
    box-shadow:inset 0 1px rgba(255,255,255,.06)!important;
  }
  [data-header] .burger span,
  .burger span{
    transition:transform .22s ease,opacity .18s ease!important;
  }
  body.nav-is-open{
    overflow:hidden;
  }
  body.nav-is-open .burger span:nth-child(1){
    transform:translateY(6px) rotate(45deg);
  }
  body.nav-is-open .burger span:nth-child(2){
    opacity:0;
  }
  body.nav-is-open .burger span:nth-child(3){
    transform:translateY(-6px) rotate(-45deg);
  }
  [data-header] .nav,
  .nav{
    position:fixed!important;
    inset:74px 12px auto 12px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:none!important;
    z-index:80!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:10px!important;
    background:linear-gradient(135deg,rgba(244,211,111,.08),transparent 34%),rgba(4,4,4,.97)!important;
    border:1px solid rgba(244,211,111,.24)!important;
    box-shadow:0 26px 80px rgba(0,0,0,.78),inset 0 1px rgba(255,255,255,.04)!important;
    clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)!important;
    transform:translateY(-14px) scale(.98)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .22s ease,transform .22s ease!important;
  }
  body.nav-is-open .nav,
  .nav.open{
    transform:translateY(0) scale(1)!important;
    opacity:1!important;
    pointer-events:auto!important;
    width:calc(100vw - 24px)!important;
    min-width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }
  [data-header] .nav a,
  .nav a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:46px!important;
    padding:0 14px!important;
    border-bottom:1px solid rgba(244,211,111,.12)!important;
    font-size:12px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  [data-header] .nav a:last-child,
  .nav a:last-child{
    border-bottom:0!important;
  }
  [data-header] .nav a::after,
  .nav a::after{
    position:static!important;
    width:22px!important;
    height:1px!important;
    transform:none!important;
    opacity:.44!important;
  }
  body[data-page="games"] .game-detail-hero{
    height:360px!important;
    min-height:360px!important;
    padding:36px 20px 30px!important;
  }
}
@media(max-width:760px){
  [data-header]{
    min-height:300px!important;
  }
  .global-arise-banner{
    height:226px!important;
    min-height:226px!important;
  }
  .global-arise-banner .hub-hero-media img{
    height:226px!important;
    object-position:58% center!important;
  }
  body[data-page="games"] .game-detail-hero{
    height:310px!important;
    min-height:310px!important;
    padding:30px 18px 26px!important;
  }
  body[data-page="games"] .game-detail-cover{
    opacity:.66!important;
    object-position:center center!important;
  }
  body[data-page="games"] .breadcrumb{
    margin-bottom:12px!important;
  }
  body[data-page="games"] .game-detail-hero h1{
    width:auto!important;
    font-size:clamp(31px,10.5vw,48px)!important;
    letter-spacing:.045em!important;
  }
  body[data-page="games"] .game-detail-hero p{
    font-size:14px!important;
    line-height:1.55!important;
  }
  .game-roster-section{
    padding-top:38px!important;
  }
  .game-roster-section .section-header{
    display:grid!important;
    gap:14px!important;
    align-items:start!important;
  }
  .game-roster-section .section-title{
    font-size:clamp(34px,11vw,48px)!important;
    line-height:.95!important;
  }
}