/* r1422 — Owner-approved Sultan replaces Fabreeko in the TOP hero,
   not in the four-game gallery. Native image, no external dependency. */
html[data-home-version="r830-approved-reference"] .home-hero .hero-visual.sultan-hero-stage{
  position:relative!important;isolation:isolate!important;
  height:clamp(290px,30vw,440px)!important;min-height:290px!important;
  aspect-ratio:auto!important;overflow:hidden!important;
  background:radial-gradient(ellipse 64% 115% at 4% 25%,#614c86 0%,transparent 70%),
    radial-gradient(ellipse 45% 65% at 90% 90%,#b47737 0%,transparent 69%),
    linear-gradient(118deg,#171d38 0%,#27375c 48%,#151a31 100%)!important;
  border:0!important;border-radius:0 0 28px 0!important;
  box-shadow:none!important;
}
html[data-home-version="r830-approved-reference"] .home-hero .hero-visual.sultan-hero-stage .hero-reference-art[hidden]{
  display:none!important;visibility:hidden!important;
}
html[data-home-version="r830-approved-reference"] .home-hero .hero-visual.sultan-hero-stage .arena-home-teaser{
  position:absolute!important;inset:0!important;z-index:1!important;
  box-sizing:border-box!important;width:100%!important;height:100%!important;
  margin:0!important;padding:clamp(18px,3.5vw,48px)!important;
  display:grid!important;direction:rtl!important;text-align:right!important;
  grid-template-columns:minmax(135px,36%) minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;align-items:center!important;
  gap:clamp(16px,3vw,38px)!important;
  border:0!important;border-radius:inherit!important;background:transparent!important;
  box-shadow:none!important;color:#fff6e6!important;
}
.arena-home-teaser::before{
  content:"";position:absolute;pointer-events:none;z-index:-1;
  width:56%;height:130%;right:-12%;top:-40%;border-radius:50%;
  background:radial-gradient(circle,#edd49a32 0%,#d3a55b12 48%,transparent 75%);
}
.arena-home-teaser::after{
  content:"";position:absolute;pointer-events:none;z-index:-1;
  bottom:-145px;left:-130px;width:520px;height:340px;border-radius:50%;
  background:radial-gradient(ellipse,#7664af36 0%,transparent 68%);
}
html[data-home-version="r830-approved-reference"] .home-hero .sultan-hero-stage .arena-home-teaser img{
  display:block!important;align-self:center!important;justify-self:center!important;
  width:min(100%,228px)!important;max-width:228px!important;height:auto!important;
  max-height:340px!important;aspect-ratio:4/5!important;object-fit:cover!important;
  object-position:50% 32%!important;border:2px solid #ecd3a7!important;
  border-radius:clamp(17px,2vw,28px)!important;
  background:#282b45!important;
  box-shadow:0 14px 36px #080b20b8,0 0 0 7px #f6dea31c!important;
}
.arena-home-teaser-copy{min-width:0!important;max-width:530px;align-self:center}
.arena-home-eyebrow{
  display:block;color:#f5dba7!important;
  font-size:clamp(12px,1.35vw,17px)!important;font-weight:900!important;
  line-height:1.7!important;letter-spacing:.01em;
}
.arena-home-teaser h3{
  margin:4px 0 12px!important;
  color:#fff!important;font-weight:1000!important;
  font-size:clamp(32px,4.7vw,68px)!important;line-height:1.14!important;
  text-shadow:0 3px 10px #0e102e66;
}
.arena-home-teaser p{
  color:#e7ebf5!important;max-width:40ch!important;margin:0!important;
  font-size:clamp(12px,1.45vw,18px)!important;line-height:1.95!important;
  font-weight:700!important;
}
.arena-home-soon{
  position:absolute;bottom:clamp(15px,2vw,30px);left:clamp(15px,3vw,44px);
  padding:7px 16px;border-radius:99px;background:#58472eec;
  border:1px solid #e7c68c;color:#fff5df;
  font-weight:900;font-size:clamp(11px,1.15vw,14px);white-space:nowrap;
}
@media(max-width:1100px){
  html[data-home-version="r830-approved-reference"] .home-hero .hero-visual.sultan-hero-stage{
    height:clamp(250px,35vw,390px)!important;min-height:250px!important;
  }
  html[data-home-version="r830-approved-reference"] .home-hero .sultan-hero-stage .arena-home-teaser img{
    max-width:180px!important;
  }
  .arena-home-teaser h3{font-size:clamp(27px,4vw,46px)!important}
  .arena-home-teaser p{font-size:clamp(12px,1.1vw,15px)!important}
}
@media(max-width:760px){
  html[data-home-version="r830-approved-reference"] .home-hero .hero-visual.sultan-hero-stage{
    width:100%!important;height:clamp(240px,55vw,340px)!important;
    min-height:240px!important;aspect-ratio:auto!important;border-radius:0!important;
  }
  html[data-home-version="r830-approved-reference"] .home-hero .hero-visual.sultan-hero-stage .arena-home-teaser{
    padding:clamp(15px,4vw,28px)!important;
    grid-template-columns:minmax(112px,34%) minmax(0,1fr)!important;gap:clamp(12px,3vw,25px)!important;
  }
  html[data-home-version="r830-approved-reference"] .home-hero .sultan-hero-stage .arena-home-teaser img{max-width:154px!important}
  .arena-home-teaser h3{font-size:clamp(30px,7vw,43px)!important;margin:4px 0 7px!important}
  .arena-home-teaser p{font-size:clamp(12px,3vw,14px)!important;line-height:1.7!important}
  .arena-home-eyebrow{font-size:clamp(11px,2.8vw,14px)!important}
  .arena-home-soon{left:14px;bottom:12px;padding:4px 11px;font-size:11px}
}
@media(max-width:620px){
  html[data-home-version="r830-approved-reference"] .home-hero .hero-visual.sultan-hero-stage{
    height:clamp(232px,66vw,284px)!important;min-height:232px!important;
  }
  html[data-home-version="r830-approved-reference"] .home-hero .hero-visual.sultan-hero-stage .arena-home-teaser{
    grid-template-columns:minmax(90px,33%) minmax(0,1fr)!important;gap:10px!important;
    padding:15px!important;
  }
  html[data-home-version="r830-approved-reference"] .home-hero .sultan-hero-stage .arena-home-teaser img{
    max-width:136px!important;max-height:183px!important;border-radius:15px!important;
  }
  .arena-home-teaser h3{font-size:clamp(26px,7vw,35px)!important}
  .arena-home-teaser p{font-size:clamp(11px,3vw,13px)!important}
  .arena-home-eyebrow{font-size:clamp(10px,2.75vw,12px)!important}
  .arena-home-soon{bottom:8px;left:9px;padding:3px 9px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .arena-home-teaser,.arena-home-teaser *{animation:none!important;transition:none!important}
}
