/* Tres escenas, una sola imagen compartida. No se cargan modelos ni tres PNG separados. */
.territory-grid{perspective:1100px}
.territory-adult{
  --rx:0deg;--ry:0deg;--px:0px;--py:0px;--mx:50%;--my:30%;
  display:flex;flex-direction:column;justify-content:space-between;
  min-height:510px;overflow:hidden;background:#091820;
  transform:rotateX(var(--rx)) rotateY(var(--ry));
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.territory-adult .territory-land{
  inset:-8px;opacity:1;border-radius:0;
  background-image:url(../img/territories-a-two-goals.webp);
  background-repeat:no-repeat;background-size:300% auto;
  background-position:left top;
  transform:translate3d(var(--px),var(--py),0) scale(1.04);
  transition:transform .3s ease;
}
.territory-adult.territory-players .territory-land{background-position:center top}
.territory-adult.territory-matches .territory-land{background-position:right top}
.territory-adult .territory-land::after{
  background:linear-gradient(180deg,#0612171a 0%,#06121700 32%,#061217a8 59%,#061217 90%);
}
.territory-adult::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:4;
  background:radial-gradient(circle at var(--mx) var(--my),#ffd29b25,transparent 40%);
  mix-blend-mode:screen;opacity:0;transition:opacity .3s ease;
}
.territory-adult .territory-index{position:relative;align-self:flex-start;top:auto;left:auto;margin:16px;transform:translateZ(24px)}
.territory-adult .territory-copy{padding:230px 25px 24px;transform:translateZ(38px)}
.territory-adult .territory-copy h3{text-shadow:0 3px 14px #051016}
.territory-adult:hover{border-color:#e5945b;box-shadow:0 28px 50px #0009,0 0 25px #ba5f2930}
.territory-adult:hover::after{opacity:1}
.territory-adult:focus-visible{outline:3px solid #f19761;outline-offset:4px}
@media(max-width:900px){.territory-adult .territory-copy{padding:230px 18px 22px}}
@media(max-width:600px){
  .territory-adult{min-height:350px}
  .territory-adult .territory-land{background-size:300% auto}
  .territory-adult .territory-copy{padding:145px 20px 20px;width:100%}
  .territory-adult .territory-copy p{max-width:none;min-height:0}
  .territory-adult .territory-copy h3{font-size:42px}
}
@media(hover:none),(pointer:coarse){.territory-adult,.territory-adult:hover{transform:none}}
@media(prefers-reduced-motion:reduce){
  .territory-adult,.territory-adult:hover,.territory-adult .territory-land{transform:none!important;transition:none!important}
  .territory-adult::after{display:none}
}
.motion-paused .territory-adult,.motion-paused .territory-adult:hover,.motion-paused .territory-adult .territory-land{transform:none!important;transition:none!important}
.motion-paused .territory-adult::after{display:none}