:root{
  --accent:#e96f13;
  --accent2:#ff9b42;
  --buttonText:#090909;
  --glow:rgba(233,111,19,.17);
  --bg:#090a0b;
  --panel:#111315;
  --panel2:#17191c;
  --panel3:#202327;
  --line:#34302d;
}

body.gaming{
  background:#090a0b;
}

.gaming .site-shell{
  background:
    radial-gradient(circle at 10% -10%, rgba(233,111,19,.13), transparent 30%),
    radial-gradient(circle at 92% 10%, rgba(255,155,66,.055), transparent 26%),
    linear-gradient(180deg,#090a0b 0%,#0c0d0f 55%,#090a0b 100%);
}

.gaming .topbar{
  border-bottom:1px solid #3e2b1f;
  background:rgba(8,9,10,.91);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}

.gaming .topbar:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(233,111,19,.65),transparent);
  pointer-events:none;
}

.gaming .brand-link img{
  width:52px;height:52px;
  filter:drop-shadow(0 5px 12px rgba(0,0,0,.45));
}

.gaming .brand-word{
  color:#f6f3ef;
  letter-spacing:.055em;
  text-transform:none;
}

.gaming .nav a:hover,
.gaming .nav a[aria-current="page"]{
  background:linear-gradient(180deg,#222326,#17191b);
  color:#fff;
  box-shadow:inset 0 -2px 0 rgba(233,111,19,.8);
}

.gaming .nav-cta{
  border-color:#5a3822!important;
  color:#ff9b42!important;
}

.gaming-hero{
  position:relative;
  overflow:hidden;
  padding:74px 0 54px;
  border-bottom:1px solid #211d1a;
}

.gaming-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(233,111,19,.09),transparent 35%),
    repeating-linear-gradient(135deg,transparent 0 28px,rgba(255,255,255,.012) 28px 29px);
  pointer-events:none;
}

.gaming-hero .hero-grid{position:relative;z-index:1}

.gaming-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:7px 10px;
  border:1px solid #543521;
  border-radius:7px;
  color:#ff9b42;
  background:rgba(233,111,19,.07);
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.19em;
  text-transform:uppercase;
}

.gaming-kicker:before{
  content:"";
  width:7px;height:7px;border-radius:50%;
  background:#e96f13;
  box-shadow:0 0 12px rgba(233,111,19,.7);
}

.gaming-title{
  margin:.55rem 0 .75rem;
  font-size:clamp(3.35rem,8.2vw,7.3rem);
  letter-spacing:-.06em;
  text-shadow:0 8px 30px rgba(0,0,0,.45);
}

.gaming-hero .lead{max-width:700px;color:#b7b9bc}

.gaming-hero-logo{
  position:relative;
  display:grid;
  place-items:center;
  min-height:390px;
}

.gaming-hero-logo:before{
  content:"";
  position:absolute;
  width:min(92%,450px);aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(233,111,19,.16),rgba(233,111,19,.045) 46%,transparent 68%);
  filter:blur(4px);
}

.gaming-hero-logo img{
  position:relative;
  width:min(100%,500px);
  max-height:500px;
  object-fit:contain;
  filter:drop-shadow(0 28px 35px rgba(0,0,0,.52));
}

.metal-rule{
  height:2px;
  width:min(520px,100%);
  background:linear-gradient(90deg,#4d2a17,var(--accent),#5a321b,transparent);
  opacity:.8;
  margin:24px 0 0;
}

.mission-strip{
  margin-top:-1px;
  border-top:1px solid #28231f;
  border-bottom:1px solid #28231f;
  background:#0d0f11;
}

.mission-strip-inner{
  width:min(1180px,calc(100% - 32px));
  margin:auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.mission-stat{
  padding:17px 20px;
  border-right:1px solid #292522;
}
.mission-stat:first-child{border-left:1px solid #292522}
.mission-stat span{display:block;color:#7d8187;font-size:.67rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.mission-stat strong{display:block;margin-top:3px;color:#f2f2f2;font-size:.96rem}

.gaming .section-head h2{margin-bottom:0}

.gaming .card{
  border-color:#302d2a;
  background:linear-gradient(180deg,#181a1d,#111315);
}

.gaming .card.link:hover{
  border-color:#6a4126;
  box-shadow:0 22px 55px rgba(0,0,0,.35),0 0 0 1px rgba(233,111,19,.1);
}

.mission-card{
  border-top:3px solid var(--accent)!important;
}

.gaming-feature{
  min-height:285px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  isolation:isolate;
}

.gaming-feature:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,transparent 24%,rgba(10,10,11,.1) 58%,rgba(10,10,11,.7)),
    radial-gradient(circle at 80% 12%,rgba(233,111,19,.16),transparent 34%);
  z-index:-1;
}

.gaming-feature:after{
  content:"";
  position:absolute;
  top:18px;right:18px;
  width:42px;height:42px;
  border-top:2px solid rgba(233,111,19,.5);
  border-right:2px solid rgba(233,111,19,.5);
  z-index:-1;
}

.gaming-feature h3{font-size:1.55rem;margin-top:6px}

.status-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:max-content;
  padding:6px 9px;
  border-radius:999px;
  background:#101215;
  border:1px solid #33302d;
  color:#b4b7bb;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.status-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#e96f13;box-shadow:0 0 9px rgba(233,111,19,.55)}

.command-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.command-panel{
  position:relative;
  overflow:hidden;
  padding:28px;
  border:1px solid #39322d;
  border-radius:18px;
  background:
    linear-gradient(135deg,rgba(233,111,19,.095),transparent 42%),
    linear-gradient(180deg,#181a1d,#101214);
}
.command-panel:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(#ff9b42,#b44b0a);
}
.command-panel h2{font-size:clamp(2rem,3.6vw,3.15rem)}

.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quick-link{
  display:flex;
  flex-direction:column;
  min-height:145px;
  text-decoration:none;
  padding:18px;
  border:1px solid #302d2a;
  border-radius:14px;
  background:#141619;
  transition:.15s ease;
}
.quick-link:hover{transform:translateY(-2px);border-color:#734526;background:#18191b}
.quick-link .meta{color:#ff9b42;font-size:.7rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.quick-link strong{font-size:1.15rem;margin-top:auto}
.quick-link small{color:#8d9299;margin-top:4px}

.gaming-subhero{
  position:relative;
  overflow:hidden;
  padding:58px 0 30px;
  border-bottom:1px solid #221e1b;
  background:
    linear-gradient(90deg,rgba(233,111,19,.07),transparent 45%),
    repeating-linear-gradient(135deg,transparent 0 30px,rgba(255,255,255,.009) 30px 31px);
}
.gaming-subhero h1{margin-top:.35rem}

.gaming .breadcrumb a{color:#a7abb0}.gaming .breadcrumb a:hover{color:#ff9b42}
.gaming .badge{border-color:#3a332f;background:#111315}
.gaming .notice{border-left-color:#e96f13}

.project-mark{
  width:58px;height:58px;border-radius:14px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#2b211b,#151719);
  border:1px solid #543521;
  color:#ff9b42;
  font-weight:1000;
  font-size:1.05rem;
  margin-bottom:18px;
  letter-spacing:-.03em;
}

.gaming .footer{
  border-top-color:#2c251f;
  background:#08090a;
}

.gaming .footer:before{
  content:"";display:block;height:1px;
  background:linear-gradient(90deg,transparent,rgba(233,111,19,.42),transparent);
  transform:translateY(-30px);
}

@media(max-width:900px){
  .gaming-hero-logo{order:-1;min-height:250px}
  .gaming-hero-logo img{max-height:300px}
  .mission-strip-inner{grid-template-columns:1fr 1fr}
  .mission-stat:nth-child(2){border-right:0}
  .mission-stat:nth-child(n+3){border-top:1px solid #292522}
  .command-grid{grid-template-columns:1fr}
}

@media(max-width:650px){
  .gaming-title{font-size:clamp(3rem,16vw,5rem)}
  .gaming-hero{padding-top:36px}
  .mission-strip-inner{grid-template-columns:1fr}
  .mission-stat{border-right:0!important;border-left:0!important;border-top:1px solid #292522}
  .mission-stat:first-child{border-top:0}
  .quick-links{grid-template-columns:1fr}
  .command-panel{padding:21px}
}

/* ===== xxSQRLxx HOME ===== */
.xx-home .site-shell{
  background:
    radial-gradient(circle at 15% -10%,rgba(233,111,19,.13),transparent 28%),
    linear-gradient(180deg,#08090a 0%,#0b0c0e 48%,#08090a 100%);
}

.xx-hero{
  position:relative;
  overflow:hidden;
  min-height:620px;
  display:flex;
  align-items:center;
  border-bottom:1px solid #28221e;
  background:
    linear-gradient(100deg,rgba(233,111,19,.08),transparent 38%),
    linear-gradient(180deg,#0a0b0c,#0c0d0f);
}
.xx-hero:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,transparent 0%,#7c3510 18%,#e96f13 45%,#6a2e0f 72%,transparent 100%);
  opacity:.75;
}
.xx-hero-noise{
  position:absolute;inset:0;pointer-events:none;opacity:.75;
  background:
    repeating-linear-gradient(135deg,transparent 0 42px,rgba(255,255,255,.012) 42px 43px),
    linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.014) 50%,transparent 50.1%);
}
.xx-hero-grid{
  position:relative;z-index:1;
  display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;
  padding:70px 0 76px;
}
.xx-hero-copy h1{
  margin:.25rem 0 .65rem;
  font-size:clamp(4.2rem,9vw,8.8rem);
  line-height:.88;
  letter-spacing:-.075em;
  text-shadow:0 18px 50px rgba(0,0,0,.48);
}
.xx-kicker{
  display:flex;align-items:center;gap:11px;
  color:#ff9b42;font-size:.73rem;font-weight:950;letter-spacing:.2em;text-transform:uppercase;
}
.xx-kicker span{display:inline-block;width:4px;height:4px;border-radius:50%;background:#6e7379}
.xx-tagline{max-width:680px;margin:0;color:#b4b8bd;font-size:clamp(1.06rem,1.8vw,1.28rem)}
.xx-hero-actions{margin-top:30px}
.xx-hero-line{width:min(590px,100%);height:1px;margin-top:30px;background:linear-gradient(90deg,#e96f13,#4a2a19 65%,transparent)}
.xx-hero-emblem{position:relative;display:grid;place-items:center;min-height:470px}
.xx-emblem-ring{position:absolute;width:min(95%,510px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(233,111,19,.24);box-shadow:0 0 80px rgba(233,111,19,.06),inset 0 0 80px rgba(233,111,19,.04)}
.xx-emblem-ring:before,.xx-emblem-ring:after{content:"";position:absolute;border-radius:50%;inset:8%;border:1px solid rgba(255,255,255,.035)}
.xx-emblem-ring:after{inset:16%;border-color:rgba(233,111,19,.07)}
.xx-hero-emblem img{position:relative;width:min(100%,535px);max-height:535px;object-fit:contain;filter:drop-shadow(0 34px 42px rgba(0,0,0,.58))}

.xx-bar{background:#0a0b0c;border-bottom:1px solid #2a2521}
.xx-bar-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #282522}
.xx-bar-grid a{position:relative;padding:18px 20px;text-decoration:none;border-right:1px solid #282522;transition:.16s ease}
.xx-bar-grid a:after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:#e96f13;transition:.18s ease}
.xx-bar-grid a:hover{background:#111315}.xx-bar-grid a:hover:after{right:0}
.xx-bar-grid span{display:block;color:#70757b;font-size:.63rem;font-weight:900;letter-spacing:.15em}
.xx-bar-grid strong{display:block;margin-top:3px;font-size:1rem;color:#eee}

.xx-featured-section{padding-top:64px}
.xx-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}
.xx-section-heading h2{margin:4px 0 0}.xx-section-heading p{max-width:560px;margin:0;color:#969ba2}
.xx-feature-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:repeat(2,minmax(235px,auto));gap:16px}
.xx-feature{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;padding:21px;border:1px solid #312c29;border-radius:17px;background:linear-gradient(155deg,#181a1d,#101214 70%);transition:.17s ease;isolation:isolate}
.xx-feature:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 90% 10%,rgba(233,111,19,.12),transparent 34%);opacity:.85}
.xx-feature:after{content:"";position:absolute;width:74px;height:74px;right:-1px;top:-1px;border-top:1px solid rgba(233,111,19,.35);border-right:1px solid rgba(233,111,19,.35)}
.xx-feature:hover{transform:translateY(-3px);border-color:#6d4228;box-shadow:0 25px 65px rgba(0,0,0,.32)}
.xx-feature-large{grid-row:1/3;min-height:486px;background:linear-gradient(145deg,rgba(233,111,19,.10),#181a1d 32%,#0f1113 78%)}
.xx-card-code{font-size:.65rem;color:#6f747a;font-weight:900;letter-spacing:.15em}
.xx-feature-body h3{font-size:clamp(1.45rem,2.4vw,2.2rem);margin:10px 0 8px}.xx-feature-large h3{font-size:clamp(2.2rem,4vw,3.6rem)}
.xx-feature-body p{color:#9ca1a8;margin:0;max-width:560px}.xx-link-text{display:inline-block;margin-top:18px;color:#ff9b42;font-weight:900}

.xx-project-section{padding:64px 0;background:linear-gradient(180deg,rgba(255,255,255,.008),rgba(255,255,255,.018),rgba(255,255,255,.008));border-top:1px solid #181a1c;border-bottom:1px solid #181a1c}
.xx-project-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}
.xx-project-copy h2{font-size:clamp(2.3rem,4.5vw,4rem);max-width:670px}.xx-project-copy p{color:#9ca1a8;font-size:1.05rem;max-width:610px}
.xx-project-stack{display:grid;gap:10px}
.xx-project-row{display:grid;grid-template-columns:62px 1fr auto;gap:16px;align-items:center;padding:15px;border:1px solid #302c29;border-radius:14px;background:#121416;text-decoration:none;transition:.15s ease}
.xx-project-row:hover{transform:translateX(4px);background:#17191c;border-color:#6b4127}
.xx-project-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:12px;border:1px solid #533521;background:linear-gradient(145deg,#2b201a,#131517);color:#ff9b42;font-weight:1000}
.xx-project-row small{display:block;color:#777c82;font-size:.64rem;font-weight:900;letter-spacing:.13em}.xx-project-row strong{display:block;margin-top:3px;font-size:1.05rem}.xx-project-row b{color:#ff9b42;font-size:1.25rem}

.xx-connect-section{padding:64px 0 24px}
.xx-connect-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:36px;align-items:center;padding:30px;border:1px solid #3a3029;border-radius:19px;background:linear-gradient(115deg,rgba(233,111,19,.095),#151719 35%,#101214)}
.xx-connect-panel h2{margin:4px 0 8px}.xx-connect-panel p{margin:0;color:#9ba0a6}
.xx-connect-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.xx-connect-links a{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border:1px solid #312d2a;border-radius:12px;background:#111315;text-decoration:none;font-weight:850;transition:.15s ease}
.xx-connect-links a:hover{border-color:#704328;background:#181a1d}.xx-connect-links b{color:#ff9b42}

@media(max-width:960px){
  .xx-hero{min-height:0}.xx-hero-grid{grid-template-columns:1fr;padding-top:42px}.xx-hero-emblem{order:-1;min-height:300px}.xx-hero-emblem img{max-height:330px}.xx-emblem-ring{width:min(80vw,330px)}
  .xx-feature-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.xx-feature-large{grid-row:auto;grid-column:1/-1;min-height:330px}.xx-project-layout{grid-template-columns:1fr}.xx-connect-panel{grid-template-columns:1fr}
}
@media(max-width:700px){
  .xx-hero-copy h1{font-size:clamp(3.7rem,20vw,6rem)}.xx-kicker{font-size:.62rem;gap:7px;letter-spacing:.14em}.xx-bar-grid{grid-template-columns:1fr 1fr}.xx-bar-grid a:nth-child(n+3){border-top:1px solid #282522}
  .xx-section-heading{display:block}.xx-section-heading p{margin-top:8px}.xx-feature-grid{grid-template-columns:1fr}.xx-feature-large{grid-column:auto}.xx-feature{min-height:235px}.xx-connect-links{grid-template-columns:1fr}.xx-project-row{grid-template-columns:54px 1fr auto}.xx-project-icon{width:54px;height:54px}.xx-connect-panel{padding:21px}
}


/* ===== STREAMS + MEDIA ===== */
.stream-platform-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-bottom:28px;
}
.stream-platform{
  position:relative;
  min-height:310px;
  padding:30px;
  border:1px solid #3a312b;
  border-radius:18px;
  background:
    radial-gradient(circle at 90% 5%,rgba(233,111,19,.14),transparent 34%),
    linear-gradient(180deg,#181a1d,#101214);
  text-decoration:none;
  transition:.18s ease;
}
.stream-platform:hover{
  transform:translateY(-3px);
  border-color:#7a4728;
  box-shadow:0 24px 60px rgba(0,0,0,.34),0 0 0 1px rgba(233,111,19,.11);
}
.stream-platform-tag{
  color:#ff9b42;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.16em;
}
.stream-platform-icon{
  width:70px;height:70px;
  display:grid;place-items:center;
  margin:34px 0 22px;
  border:1px solid #5a3822;
  border-radius:16px;
  background:#0b0c0e;
  color:#ff9b42;
  font-weight:1000;
  font-size:1.2rem;
}
.stream-platform h3{font-size:2rem;margin:.2rem 0 .65rem}
.stream-platform p{max-width:520px;color:#aeb2b7}
.stream-platform strong{display:block;margin-top:24px;color:#ff9b42}
.stream-info-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:18px;
}
.stream-schedule-placeholder{
  margin-top:20px;
  padding:22px;
  border:1px dashed #5a3822;
  border-radius:12px;
  background:rgba(233,111,19,.045);
}
.stream-schedule-placeholder span{display:block;font-weight:950;color:#f2f2f2}
.stream-schedule-placeholder small{display:block;margin-top:6px;color:#8f949a;line-height:1.5}

.media-lead-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.media-destination{
  min-height:260px;
  display:flex;
  flex-direction:column;
  padding:26px;
  border:1px solid #34302c;
  border-top:3px solid #e96f13;
  border-radius:16px;
  background:
    radial-gradient(circle at 85% 0%,rgba(233,111,19,.12),transparent 32%),
    linear-gradient(180deg,#181a1d,#111315);
  text-decoration:none;
  transition:.18s ease;
}
.media-destination:hover{transform:translateY(-3px);border-color:#714326}
.media-destination .meta{color:#ff9b42;font-size:.7rem;font-weight:950;letter-spacing:.14em}
.media-destination h2{font-size:2rem;margin:auto 0 .45rem}
.media-destination p{color:#aeb2b7}
.media-destination strong{margin-top:20px;color:#ff9b42}
.media-section-head{margin-top:50px}

@media(max-width:900px){
  .stream-platform-grid,.media-lead-grid{grid-template-columns:1fr}
  .stream-info-grid{grid-template-columns:1fr}
}

/* ===== STREAMS + MEDIA V2 ===== */
.stream-live-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:20px;align-items:stretch}
.stream-live-panel,.stream-schedule-card{border:1px solid #38302a;border-radius:18px;background:linear-gradient(180deg,#17191c,#0f1113);box-shadow:0 22px 60px rgba(0,0,0,.24)}
.stream-live-panel{padding:24px}.stream-panel-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.stream-panel-head h2{margin:4px 0 0}
.twitch-embed-shell{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #4f321f;border-radius:13px;background:#08090a;display:grid;place-items:center}.twitch-embed-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.twitch-loading{color:#8e9399;font-weight:800;text-align:center;padding:24px}.stream-watch-actions{margin-top:18px}.stream-local-note{font-size:.8rem;color:#747980;margin:13px 0 0}
.stream-schedule-card{padding:26px;display:flex;flex-direction:column}.stream-schedule-card h2{font-size:clamp(2.4rem,4vw,4.2rem);margin:16px 0 0}.stream-time{font-size:clamp(1.65rem,3vw,2.55rem);font-weight:1000;color:#ff9b42;letter-spacing:-.035em;margin-top:2px}.stream-zone{font-size:.75rem;font-weight:950;letter-spacing:.2em;color:#8f949a;margin-top:2px}.stream-schedule-card>p{color:#a1a6ac;line-height:1.55}
.schedule-art-link{display:block;margin-top:auto;text-decoration:none;border:1px solid #433328;border-radius:12px;overflow:hidden;background:#0b0c0e}.schedule-art-link img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.schedule-art-link span{display:block;padding:11px 13px;color:#ff9b42;font-weight:900;font-size:.78rem}
.stream-platform-section{padding-top:18px}
.media-four{grid-template-columns:repeat(4,minmax(0,1fr))}.media-four .media-destination{min-height:235px}
.media-feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.media-feed-card{overflow:hidden;border:1px solid #34302c;border-radius:17px;background:linear-gradient(180deg,#181a1d,#101214);box-shadow:0 18px 50px rgba(0,0,0,.22)}.media-feed-label{padding:13px 16px 10px;color:#ff9b42;font-size:.68rem;font-weight:950;letter-spacing:.16em;border-bottom:1px solid #292623}.media-thumb{display:block;position:relative;aspect-ratio:16/9;background:#090a0b;overflow:hidden;text-decoration:none}.media-thumb img{width:100%;height:100%;object-fit:cover;display:block}.media-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;color:#777d84;font-weight:850;background:radial-gradient(circle at center,#1d1f22,#0a0b0c)}.media-feed-copy{padding:19px}.media-feed-copy h3{margin:0 0 8px;font-size:1.35rem}.media-feed-copy p{color:#9ca2a8;min-height:72px}.media-feed-copy .button{margin-top:10px}.media-twitch-card{display:flex;flex-direction:column}.media-twitch-mark{min-height:190px;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(145,70,255,.16),#090a0b 62%);font-size:2.4rem;font-weight:1000;letter-spacing:.08em;color:#c8a9ff}.media-twitch-card .media-feed-copy{margin-top:auto}.media-feed-status{margin:14px 0 0;color:#737980;font-size:.78rem}
@media(max-width:1120px){.media-four{grid-template-columns:repeat(2,minmax(0,1fr))}.media-feed-grid{grid-template-columns:1fr 1fr}.media-feed-card:last-child{grid-column:1/-1}.stream-live-layout{grid-template-columns:1fr}.stream-schedule-card{min-height:0}.schedule-art-link{margin-top:20px;max-width:650px}}
@media(max-width:700px){.media-four,.media-feed-grid{grid-template-columns:1fr}.media-feed-card:last-child{grid-column:auto}.stream-live-panel,.stream-schedule-card{padding:18px}.stream-panel-head{display:block}.stream-panel-head .status-pill{margin-top:10px}.stream-watch-actions{display:grid}.stream-watch-actions .button{width:100%}}


/* ===== MEDIA EMBEDS ===== */
.media-embed{position:relative;background:#090a0b;overflow:hidden}
.media-embed-video{aspect-ratio:16/9}
.media-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.media-short-stage{display:grid;place-items:center;min-height:360px;padding:18px;background:#090a0b}
.media-embed-short{width:min(100%,220px);aspect-ratio:9/16;border-radius:12px;background:#050607;box-shadow:0 12px 32px rgba(0,0,0,.38)}
.media-embed .media-placeholder{position:absolute;inset:0}
.media-video-card .media-feed-copy p,.media-short-card .media-feed-copy p{min-height:0}
@media(max-width:700px){.media-short-stage{min-height:0}.media-embed-short{width:min(72vw,260px)}}


/* ===== MEDIA FEED V3 ===== */
.media-feed-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.media-video-card{grid-column:span 2}
.media-short-card{grid-column:span 1}
.media-video-card .media-embed-video{aspect-ratio:16/9}
.media-short-card .media-short-stage{min-height:0;padding:20px}
.media-short-card .media-embed-short{width:min(100%,260px)}
@media(max-width:1000px){.media-feed-grid{grid-template-columns:1fr 1fr}.media-video-card,.media-short-card{grid-column:1/-1}}
@media(max-width:700px){.media-feed-grid{grid-template-columns:1fr}.media-video-card,.media-short-card{grid-column:auto}}


/* ===== STREAMS REDESIGN V3 ===== */
.stream-v3 main{
  overflow:hidden;
}

.stream-hero-v3{
  padding:52px 0 34px;
}

.stream-hero-v3-frame{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);
  min-height:560px;
  overflow:hidden;
  border:1px solid #4b3426;
  border-radius:22px;
  background:
    linear-gradient(120deg,rgba(233,111,19,.07),transparent 34%),
    linear-gradient(180deg,#191b1e,#0e1012);
  box-shadow:0 30px 90px rgba(0,0,0,.34);
}

.stream-hero-v3-copy{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:52px clamp(34px,5vw,70px);
}

.stream-kicker-v3{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:24px;
  color:#ff9b42;
  font-size:.72rem;
  font-weight:1000;
  letter-spacing:.2em;
}

.stream-hero-v3-copy h1{
  margin:0;
  max-width:720px;
  color:#f4f5f6;
  font-size:clamp(3.1rem,6.2vw,6.7rem);
  line-height:.9;
  letter-spacing:-.055em;
  text-transform:uppercase;
}

.stream-hero-v3-copy h1 span{
  display:block;
  color:#f47a20;
}

.stream-hero-v3-lead{
  max-width:610px;
  margin:23px 0 0;
  color:#adb2b8;
  font-size:1.05rem;
  line-height:1.65;
}

.stream-schedule-v3{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:end;
  gap:24px 30px;
  margin-top:34px;
  padding-top:27px;
  border-top:1px solid rgba(255,255,255,.08);
}

.stream-schedule-v3>div{
  min-width:0;
}

.stream-schedule-label{
  display:block;
  margin-bottom:6px;
  color:#777d83;
  font-size:.62rem;
  font-weight:950;
  letter-spacing:.16em;
}

.stream-schedule-v3 strong{
  color:#f1f2f3;
  font-size:1.12rem;
  font-weight:1000;
  letter-spacing:.05em;
}

.stream-schedule-v3 .stream-time-v3{
  color:#ff963b;
  font-size:clamp(1.25rem,2vw,1.75rem);
  letter-spacing:-.02em;
}

.stream-schedule-v3 small{
  margin-left:8px;
  color:#777d83;
  font-size:.65rem;
  font-weight:950;
  letter-spacing:.16em;
}

.stream-hero-v3-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:30px;
}

.stream-watch-btn{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:13px;
  min-height:72px;
  padding:13px 16px;
  border:1px solid #39332f;
  border-radius:12px;
  background:#111315;
  color:#f4f4f4;
  text-decoration:none;
  transition:.17s ease;
}

.stream-watch-btn:hover{
  transform:translateY(-2px);
  border-color:#77482a;
}

.stream-watch-btn.primary{
  border-color:#764323;
  background:
    linear-gradient(135deg,rgba(233,111,19,.11),transparent 60%),
    #111315;
}

.stream-watch-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid #5b3a25;
  border-radius:9px;
  background:#08090a;
  color:#ff9b42;
  font-size:.7rem;
  font-weight:1000;
}

.stream-watch-btn strong{
  display:block;
  color:#f4f4f4;
  font-size:.94rem;
}

.stream-watch-btn small{
  display:block;
  margin-top:2px;
  color:#7e848a;
  font-size:.69rem;
}

.stream-watch-btn b{
  color:#ff9b42;
}

.stream-hero-v3-art{
  position:relative;
  min-width:0;
  overflow:hidden;
  background:#090a0b;
}

.stream-hero-v3-art::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,#111315 0%,rgba(17,19,21,.42) 10%,rgba(17,19,21,0) 34%),
    linear-gradient(0deg,rgba(8,9,10,.17),transparent 38%);
  pointer-events:none;
}

.stream-hero-v3-art img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 24%;
  filter:saturate(.93) contrast(1.03);
}

.stream-live-section-v3{
  padding:38px 0 76px;
}

.stream-live-heading-v3{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:16px;
}

.stream-live-heading-v3 h2{
  margin:4px 0 0;
  font-size:clamp(2rem,3.5vw,3rem);
}

.stream-live-layout-v3{
  display:grid;
  grid-template-columns:minmax(0,1fr) 295px;
  gap:18px;
}

.stream-twitch-embed-v3{
  position:relative;
  min-width:0;
  aspect-ratio:16/9;
  overflow:hidden;
  border:1px solid #503522;
  border-radius:18px;
  background:#050607;
  box-shadow:0 25px 75px rgba(0,0,0,.3);
}

.stream-twitch-embed-v3 iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

.stream-schedule-card-v3{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:26px 24px;
  border:1px solid #38322e;
  border-radius:18px;
  background:
    linear-gradient(145deg,rgba(233,111,19,.055),transparent 42%),
    #151719;
}

.stream-card-label{
  color:#ff9b42;
  font-size:.68rem;
  font-weight:1000;
  letter-spacing:.17em;
}

.stream-schedule-card-v3 h3{
  margin:24px 0 8px;
  color:#f2f3f4;
  font-size:clamp(2.6rem,4vw,4rem);
  line-height:.95;
}

.stream-card-time{
  margin-top:5px;
  color:#ff963b;
  font-size:clamp(1.9rem,3vw,2.7rem);
  line-height:1.22;
  font-weight:1000;
}

.stream-card-zone{
  margin-top:8px;
  color:#7d8389;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.18em;
}

.stream-schedule-card-v3 p{
  margin:24px 0 0;
  color:#a8adb3;
  line-height:1.6;
}

.stream-card-links{
  display:grid;
  gap:9px;
  margin-top:auto;
  padding-top:24px;
}

.stream-card-links a{
  padding:11px 13px;
  border:1px solid #40352e;
  border-radius:9px;
  background:#101214;
  color:#ff9b42;
  font-size:.82rem;
  font-weight:950;
  text-decoration:none;
}

@media(max-width:1050px){
  .stream-hero-v3-frame{
    grid-template-columns:1fr;
  }

  .stream-hero-v3-art{
    min-height:520px;
    order:-1;
  }

  .stream-hero-v3-art::before{
    background:
      linear-gradient(0deg,#111315 0%,rgba(17,19,21,.18) 38%,transparent 68%);
  }

  .stream-live-layout-v3{
    grid-template-columns:1fr;
  }

  .stream-schedule-card-v3{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px 28px;
  }

  .stream-schedule-card-v3 p,
  .stream-card-links{
    grid-column:1/-1;
  }
}

@media(max-width:700px){
  .stream-hero-v3{
    padding-top:28px;
  }

  .stream-hero-v3-frame{
    min-height:0;
    border-radius:16px;
  }

  .stream-hero-v3-art{
    min-height:340px;
  }

  .stream-hero-v3-copy{
    padding:28px 20px 26px;
  }

  .stream-hero-v3-copy h1{
    font-size:clamp(2.7rem,15vw,4.3rem);
  }

  .stream-schedule-v3{
    grid-template-columns:1fr;
    gap:18px;
  }

  .stream-hero-v3-actions{
    grid-template-columns:1fr;
  }

  .stream-live-heading-v3{
    align-items:flex-start;
  }

  .stream-schedule-card-v3{
    display:flex;
  }
}


/* ===== STREAMS LIVE EMBED V4 ===== */
.stream-live-section-v4{
  padding:38px 0 76px;
}

.stream-live-heading-v4{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:16px;
}

.stream-live-heading-v4 h2{
  margin:4px 0 0;
  font-size:clamp(2rem,3.5vw,3rem);
}

.stream-twitch-frame-v4{
  position:relative;
  width:100%;
  aspect-ratio:16 / 9;
  overflow:hidden;
  border:1px solid #503522;
  border-radius:18px;
  background:#050607;
  box-shadow:0 25px 75px rgba(0,0,0,.3);
}

.stream-twitch-frame-v4 iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

.stream-underbar-v4{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:0 15px;
  border:1px solid #302b27;
  border-top:0;
  border-radius:0 0 14px 14px;
  background:#111315;
}

.stream-under-item-v4{
  min-width:0;
  padding:16px 18px;
  border-right:1px solid #2b2927;
}

.stream-under-item-v4:last-child{
  border-right:0;
}

.stream-under-item-v4 span{
  display:block;
  margin-bottom:5px;
  color:#747a81;
  font-size:.62rem;
  font-weight:950;
  letter-spacing:.14em;
}

.stream-under-item-v4 strong,
.stream-under-item-v4 a{
  color:#e7e8ea;
  font-size:.84rem;
  font-weight:900;
  text-decoration:none;
}

.stream-under-item-v4 a{
  color:#ff9b42;
}

@media(max-width:900px){
  .stream-underbar-v4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .stream-under-item-v4:nth-child(2){
    border-right:0;
  }

  .stream-under-item-v4:nth-child(-n+2){
    border-bottom:1px solid #2b2927;
  }
}

@media(max-width:650px){
  .stream-live-heading-v4{
    align-items:flex-start;
  }

  .stream-underbar-v4{
    grid-template-columns:1fr;
    margin:0 8px;
  }

  .stream-under-item-v4,
  .stream-under-item-v4:nth-child(2){
    border-right:0;
    border-bottom:1px solid #2b2927;
  }

  .stream-under-item-v4:last-child{
    border-bottom:0;
  }
}


/* Small platform logos inside the Streams hero watch buttons.
   Kept separate from .stream-platform-icon, which is used elsewhere as a large card icon. */
.stream-watch-icon{
  overflow:hidden;
}

.stream-watch-logo{
  display:block;
  width:21px;
  height:21px;
  margin:0;
  flex:0 0 auto;
  color:#ff9b42;
  transition:transform .17s ease;
}

.stream-watch-btn:hover .stream-watch-logo{
  transform:scale(1.06);
}

/* Preserve the exact xxSQRLxx brand casing inside uppercase Streams hero headings. */
.stream-brand-case{
  text-transform:none !important;
}

/* 0.9.43 — content-first inner-page header. Home and Streams keep their
   purpose-built heroes; ordinary subpages get to their actual content sooner. */
.gaming:not(.xx-home-v2) .gaming-subhero{
  min-height:0!important;
  padding:26px 0 22px!important;
}
.gaming:not(.xx-home-v2) .gaming-subhero .breadcrumb{display:none!important}
.gaming:not(.xx-home-v2) .gaming-subhero h1{
  margin:.2rem 0 .45rem!important;
  font-size:clamp(2.5rem,5.5vw,4.8rem)!important;
  line-height:.92!important;
  letter-spacing:-.05em!important;
}
.gaming:not(.xx-home-v2) .gaming-subhero .lead{
  max-width:820px!important;
  margin:0!important;
  font-size:clamp(.9rem,1.35vw,1.04rem)!important;
  line-height:1.5!important;
}
@media(max-width:680px){
  .gaming:not(.xx-home-v2) .gaming-subhero{padding:20px 0 17px!important}
  .gaming:not(.xx-home-v2) .gaming-subhero h1{font-size:clamp(2.2rem,13vw,3.5rem)!important}
}

/* =====================================================================
   0.9.44 — SITE-WIDE CONTENT-FIRST TOPS
   Compact every normal xxSQRLxx page hero, including Home and Streams.
   Essential actions remain visible; large decorative art/status panels move
   out of the first viewport so the actual page content starts immediately.
   ===================================================================== */
.gaming main > :where(
  .home-hero,
  .gaming-hero,
  .gaming-subhero,
  .community-hero,
  .projects-hero,
  .tools-hero,
  .hc-hero,
  .ilm-hero,
  .seaf-hero,
  .suite-hero,
  .tool-hero,
  .help-hero,
  .stream-hero-v3
){
  min-height:0!important;
  padding:22px 0 18px!important;
}

.gaming main > :where(
  .home-hero,
  .gaming-hero,
  .gaming-subhero,
  .community-hero,
  .projects-hero,
  .tools-hero,
  .hc-hero,
  .ilm-hero,
  .seaf-hero,
  .suite-hero,
  .tool-hero,
  .help-hero,
  .stream-hero-v3
) :where(.breadcrumb){display:none!important}

.gaming main > :where(
  .home-hero,
  .gaming-hero,
  .gaming-subhero,
  .community-hero,
  .projects-hero,
  .tools-hero,
  .hc-hero,
  .ilm-hero,
  .seaf-hero,
  .suite-hero,
  .tool-hero,
  .help-hero,
  .stream-hero-v3
) :where(.gaming-kicker,.home-kicker,.stream-kicker-v3,.eyebrow,.eyebrow-mini){
  margin:0 0 6px!important;
  font-size:.62rem!important;
  letter-spacing:.11em!important;
}

.gaming main > :where(
  .home-hero,
  .gaming-hero,
  .gaming-subhero,
  .community-hero,
  .projects-hero,
  .tools-hero,
  .hc-hero,
  .ilm-hero,
  .seaf-hero,
  .suite-hero,
  .tool-hero,
  .help-hero,
  .stream-hero-v3
) h1{
  margin:.12rem 0 .42rem!important;
  font-size:clamp(2.2rem,4.9vw,3.9rem)!important;
  line-height:.94!important;
  letter-spacing:-.04em!important;
}

.gaming main > :where(
  .home-hero,
  .gaming-hero,
  .gaming-subhero,
  .community-hero,
  .projects-hero,
  .tools-hero,
  .hc-hero,
  .ilm-hero,
  .seaf-hero,
  .suite-hero,
  .tool-hero,
  .help-hero,
  .stream-hero-v3
) :where(.lead,.home-lead,.community-lead,.projects-lead,.ilm-lead,.seaf-lead,.stream-hero-v3-lead){
  max-width:900px!important;
  margin:0!important;
  font-size:clamp(.88rem,1.2vw,1rem)!important;
  line-height:1.48!important;
}

/* Collapse all two-column hero layouts into a compact copy/actions header. */
.gaming main > .home-hero .home-hero-grid,
.gaming main > .community-hero .community-hero-grid,
.gaming main > .projects-hero .projects-hero-grid,
.gaming main > .hc-hero .hc-hero-grid,
.gaming main > .ilm-hero .ilm-hero-grid,
.gaming main > .seaf-hero .seaf-hero-grid,
.gaming main > .suite-hero .suite-hero-grid,
.gaming main > .tool-hero .tool-hero-grid,
.gaming main > .help-hero .help-hero-grid{
  display:block!important;
  min-height:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  gap:0!important;
}

/* Decorative art and duplicated status/index panels no longer consume the
   opening viewport. Their useful information remains in the page below. */
.gaming main > .home-hero .home-hero-visual,
.gaming main > .community-hero .community-status-card,
.gaming main > .projects-hero .project-index,
.gaming main > .hc-hero .hc-hero-summary,
.gaming main > .ilm-hero .ilm-status-panel,
.gaming main > .seaf-hero .seaf-status-panel,
.gaming main > .stream-hero-v3 .stream-hero-v3-art{
  display:none!important;
}

.gaming main > .stream-hero-v3 .stream-hero-v3-frame{
  display:block!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.gaming main > .stream-hero-v3 .stream-hero-v3-copy{padding:0!important}

.gaming main > :where(.home-hero,.community-hero,.projects-hero,.hc-hero,.ilm-hero,.seaf-hero,.stream-hero-v3) :where(
  .home-hero-actions,
  .community-hero-actions,
  .ilm-hero-actions,
  .seaf-hero-actions,
  .stream-hero-v3-actions,
  .projects-hero-tags,
  .ilm-hero-tags
){margin-top:12px!important;gap:8px!important}

.gaming main > .home-hero .home-schedule-line,
.gaming main > .stream-hero-v3 .stream-schedule-v3{
  margin-top:12px!important;
}

/* Move straight into the first useful section. */
.gaming main > :where(.home-hero,.gaming-hero,.gaming-subhero,.community-hero,.projects-hero,.tools-hero,.hc-hero,.ilm-hero,.seaf-hero,.suite-hero,.tool-hero,.help-hero,.stream-hero-v3) + .section,
.gaming main > :where(.home-hero,.gaming-hero,.gaming-subhero,.community-hero,.projects-hero,.tools-hero,.hc-hero,.ilm-hero,.seaf-hero,.suite-hero,.tool-hero,.help-hero,.stream-hero-v3) + :where(.home-paths,.community-band){
  padding-top:28px!important;
}

@media(max-width:680px){
  .gaming main > :where(.home-hero,.gaming-hero,.gaming-subhero,.community-hero,.projects-hero,.tools-hero,.hc-hero,.ilm-hero,.seaf-hero,.suite-hero,.tool-hero,.help-hero,.stream-hero-v3){
    padding:17px 0 14px!important;
  }
  .gaming main > :where(.home-hero,.gaming-hero,.gaming-subhero,.community-hero,.projects-hero,.tools-hero,.hc-hero,.ilm-hero,.seaf-hero,.suite-hero,.tool-hero,.help-hero,.stream-hero-v3) h1{
    font-size:clamp(2rem,11vw,3rem)!important;
  }
}

/* =====================================================================
   0.9.58 — XXSQRLXX SITE-WIDE UI QA
   Normal gaming pages: contain wide content and make controls wrap cleanly.
   ===================================================================== */
body.gaming{max-width:100%;overflow-x:clip}
body.gaming :where(main,section,article,aside,nav,header,footer,div,form,fieldset,details,summary){min-width:0}
body.gaming :where(img,picture,video,svg,canvas,iframe){max-width:100%}
body.gaming :where(input,select,textarea,button,.button){min-width:0;max-width:100%}
body.gaming :where(button,.button){white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.25}
body.gaming :where(h1,h2,h3,p,li,dd,dt,small,strong,label,.lead){overflow-wrap:anywhere}
body.gaming :where(.grid,.hero-grid,.section-head,.gaming-grid,.project-grid,.tools-grid,.community-grid,.stream-grid,.suite-grid)>*{min-width:0}
body.gaming .table-wrap{max-width:100%;overflow:auto;scrollbar-gutter:stable}
body.gaming .nav.open{max-height:calc(100dvh - 78px);overflow:auto;overscroll-behavior:contain}
@media(max-width:760px){
  body.gaming .container{width:min(100% - 24px,1180px)}
  body.gaming .section-head{align-items:flex-start;flex-direction:column}
  body.gaming .actions{align-items:stretch;flex-wrap:wrap}
  body.gaming .actions>*{max-width:100%}
}
@supports not (overflow:clip){body.gaming{overflow-x:hidden}}

/* =====================================================================
   0.9.59 — XXSQRLXX FINAL UI POLISH
   ===================================================================== */
body.gaming :where(h1,h2,h3,h4,h5,h6,label,strong,small,button,.button,.nav a){overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
body.gaming :where(p,li,dd,dt,.lead,a){overflow-wrap:break-word;word-break:normal}
body.gaming :where(code,pre,.code,.wrap-code){overflow-wrap:anywhere!important;word-break:break-word!important}
body.gaming :where(button,.button){overflow-wrap:normal!important;word-break:normal!important}
body.gaming :where(.section-head,.actions,.gaming-grid,.project-grid,.tools-grid,.community-grid,.stream-grid,.suite-grid)>*{min-width:0}
@media(max-width:760px){body.gaming .section-head{align-items:flex-start!important;flex-direction:column!important}}