/* Arqon tortish arena transfer — ONLY the arena itself.
   The question/example cards are intentionally untouched. */
#pageOyin2.arqon-active .arqon-center{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#fff!important;
  border:1px solid #dbe3ef!important;
  border-radius:22px!important;
  box-shadow:0 12px 34px rgba(15,23,42,.08)!important;
}
#pageOyin2.arqon-active .arqon-center-line{
  position:absolute!important;
  top:7%!important; bottom:7%!important; left:50%!important;
  border-left:2px dashed rgba(100,116,139,.48)!important;
  z-index:4!important; transform:translateX(-1px)!important;
}
#pageOyin2.arqon-active .arqon-center-line:before,
#pageOyin2.arqon-active .arqon-center-line:after{display:none!important}
#pageOyin2.arqon-active .arqon-scene-floor{
  position:absolute!important; left:0!important; right:0!important; bottom:0!important;
  height:17%!important;
  background:linear-gradient(to top,rgba(226,232,240,.30),rgba(255,255,255,0))!important;
  z-index:1!important; pointer-events:none!important;
}
#pageOyin2.arqon-active .arqon-people{
  position:absolute!important;
  top:13%!important; height:74%!important; width:37%!important;
  display:block!important; z-index:6!important; pointer-events:none!important;
  will-change:transform!important;
  transition:transform .58s cubic-bezier(.18,.8,.22,1)!important;
}
#pageOyin2.arqon-active .arqon-people.left-team{
  left:2%!important; right:auto!important;
  transform:translate3d(var(--arqon-team-left-shift,0px),0,0)!important;
}
#pageOyin2.arqon-active .arqon-people.right-team{
  right:2%!important; left:auto!important;
  transform:translate3d(var(--arqon-team-right-shift,0px),0,0)!important;
}
#pageOyin2.arqon-active .arqon-team-art{
  display:block!important; width:100%!important; height:100%!important;
  max-width:none!important; margin:0!important;
  object-fit:contain!important; object-position:center!important;
  filter:none!important; transform:none!important; animation:none!important;
}
/* The center rope bridges the two supplied team artworks and stays continuous. */
#pageOyin2.arqon-active .arqon-rope{
  display:block!important; position:absolute!important;
  left:39%!important; right:39%!important; top:54%!important;
  height:12px!important; z-index:7!important;
  transform-origin:center center!important;
  transform:translate3d(var(--arqon-rope-x,0px),0,0) scaleX(var(--arqon-rope-scale,1))!important;
  transition:transform .58s cubic-bezier(.18,.8,.22,1)!important;
  pointer-events:none!important;
}
#pageOyin2.arqon-active .arqon-rope:before{
  content:""!important; position:absolute!important; left:0!important; right:0!important;
  top:3px!important; height:7px!important; border-radius:999px!important;
  background:linear-gradient(to bottom,#6d3e1e 0%,#b97835 38%,#d99a54 55%,#75431f 100%)!important;
  box-shadow:0 1px 2px rgba(45,25,12,.25)!important;
}
#pageOyin2.arqon-active .arqon-rope-knot{
  position:absolute!important; left:50%!important; top:2px!important;
  width:11px!important; height:27px!important; z-index:9!important;
  background:#e21b23!important; border:0!important; border-radius:0 0 2px 2px!important;
  clip-path:polygon(40% 0,100% 0,76% 100%,45% 80%,12% 100%)!important;
  transform:translateX(-50%) rotate(0deg)!important; box-shadow:none!important;
}
#pageOyin2.arqon-active .arqon-rope-knot:after{display:none!important}
#pageOyin2.arqon-active .arqon-rope-tail{display:none!important}
#pageOyin2.arqon-active .arqon-rope-marker{display:none!important}
#pageOyin2.arqon-active .arqon-pull-badge{opacity:0!important;pointer-events:none!important}
/* Idle state: fixed, clean starting composition. */
#pageOyin2.arqon-active:not(.rope-hit) .arqon-people,
#pageOyin2.arqon-active:not(.rope-hit) .arqon-rope{animation:none!important}
/* Pull impulse — same arena, no change to example cards. */
#pageOyin2.arqon-active .arqon-center.arqon-pull-now-left .left-team{animation:arenaPullLeft .68s cubic-bezier(.16,.82,.2,1)!important}
#pageOyin2.arqon-active .arqon-center.arqon-pull-now-left .right-team{animation:arenaResistRight .68s cubic-bezier(.16,.82,.2,1)!important}
#pageOyin2.arqon-active .arqon-center.arqon-pull-now-right .right-team{animation:arenaPullRight .68s cubic-bezier(.16,.82,.2,1)!important}
#pageOyin2.arqon-active .arqon-center.arqon-pull-now-right .left-team{animation:arenaResistLeft .68s cubic-bezier(.16,.82,.2,1)!important}
#pageOyin2.arqon-active .arqon-center.arqon-pull-now-left .arqon-rope{animation:arenaRopeLeft .68s cubic-bezier(.12,.86,.18,1)!important}
#pageOyin2.arqon-active .arqon-center.arqon-pull-now-right .arqon-rope{animation:arenaRopeRight .68s cubic-bezier(.12,.86,.18,1)!important}
@keyframes arenaPullLeft{0%,100%{transform:translate3d(var(--arqon-team-left-shift,0px),0,0)}25%{transform:translate3d(calc(var(--arqon-team-left-shift,0px) - 7px),2px,0) rotate(-.45deg)}50%{transform:translate3d(calc(var(--arqon-team-left-shift,0px) - 3px),0,0) rotate(-.2deg)}}
@keyframes arenaPullRight{0%,100%{transform:translate3d(var(--arqon-team-right-shift,0px),0,0)}25%{transform:translate3d(calc(var(--arqon-team-right-shift,0px) + 7px),2px,0) rotate(.45deg)}50%{transform:translate3d(calc(var(--arqon-team-right-shift,0px) + 3px),0,0) rotate(.2deg)}}
@keyframes arenaResistLeft{0%,100%{transform:translate3d(var(--arqon-team-left-shift,0px),0,0)}25%{transform:translate3d(calc(var(--arqon-team-left-shift,0px) - 2px),1px,0)}}
@keyframes arenaResistRight{0%,100%{transform:translate3d(var(--arqon-team-right-shift,0px),0,0)}25%{transform:translate3d(calc(var(--arqon-team-right-shift,0px) + 2px),1px,0)}}
@keyframes arenaRopeLeft{0%{transform:translate3d(var(--arqon-rope-x,0px),0,0) scaleX(1)}24%{transform:translate3d(calc(var(--arqon-rope-x,0px) - 3px),1px,0) scaleX(1.16)}48%{transform:translate3d(calc(var(--arqon-rope-x,0px) - 2px),0,0) scaleX(1.09)}100%{transform:translate3d(var(--arqon-rope-x,0px),0,0) scaleX(1)}}
@keyframes arenaRopeRight{0%{transform:translate3d(var(--arqon-rope-x,0px),0,0) scaleX(1)}24%{transform:translate3d(calc(var(--arqon-rope-x,0px) + 3px),1px,0) scaleX(1.16)}48%{transform:translate3d(calc(var(--arqon-rope-x,0px) + 2px),0,0) scaleX(1.09)}100%{transform:translate3d(var(--arqon-rope-x,0px),0,0) scaleX(1)}}
@media(max-width:700px){
  #pageOyin2.arqon-active .arqon-people{top:14%!important;height:72%!important;width:37%!important}
  #pageOyin2.arqon-active .arqon-people.left-team{left:1%!important}
  #pageOyin2.arqon-active .arqon-people.right-team{right:1%!important}
  #pageOyin2.arqon-active .arqon-rope{left:38%!important;right:38%!important;top:53%!important;height:10px!important}
  #pageOyin2.arqon-active .arqon-rope:before{top:2px!important;height:6px!important}
  #pageOyin2.arqon-active .arqon-rope-knot{width:8px!important;height:22px!important;top:-2px!important}
}
@media(max-width:700px) and (orientation:landscape){
  #pageOyin2.arqon-active .arqon-people{top:10%!important;height:80%!important;width:37%!important}
  #pageOyin2.arqon-active .arqon-rope{top:54%!important}
}