/* MegaBrain Arqon v11 — clean continuous arena.
   ONLY the Arqon arena is changed. Question/example cards are untouched. */
#pageOyin2.arqon-active .arqon-center{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#fff!important;
}
#pageOyin2.arqon-active .arqon-center-line{
  top:7%!important;bottom:7%!important;left:50%!important;
  border-left:2px dashed rgba(100,116,139,.45)!important;
  z-index:3!important;
}
#pageOyin2.arqon-active .arqon-scene-floor{display: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;
}
#pageOyin2.arqon-active .arqon-people.left-team{left:2%!important;right:auto!important}
#pageOyin2.arqon-active .arqon-people.right-team{right:2%!important;left:auto!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;
}
/* Remove the old white masks that were cutting the people and rope. */
#pageOyin2.arqon-active .arqon-people.left-team::after,
#pageOyin2.arqon-active .arqon-people.right-team::after{display:none!important;content:none!important}
/* One connector only: it bridges the rope already printed inside each team image. */
#pageOyin2.arqon-active .arqon-rope{
  display:block!important;position:absolute!important;
  left:37.5%!important;right:37.5%!important;top:49.2%!important;
  height:12px!important;z-index:7!important;
  transform-origin:center!important;
  transform:translate3d(var(--arqon-rope-x,0px),0,0) scaleX(var(--arqon-rope-scale,1))!important;
  transition:transform .58s cubic-bezier(.16,.82,.2,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:6px!important;border-radius:999px!important;
  background:linear-gradient(to bottom,#17120e 0%,#6d3f1e 28%,#b97835 52%,#4a2a15 78%,#14100d 100%)!important;
  box-shadow:none!important;
}
#pageOyin2.arqon-active .arqon-rope-knot{
  position:absolute!important;left:50%!important;top:-2px!important;
  width:10px!important;height:25px!important;z-index:9!important;
  background:#e21b23!important;border:0!important;border-radius:0 0 2px 2px!important;
  clip-path:polygon(42% 0,100% 0,76% 100%,46% 78%,10% 100%)!important;
  transform:translateX(-50%)!important;box-shadow:none!important;
}
#pageOyin2.arqon-active .arqon-rope-knot:after{display:none!important}
#pageOyin2.arqon-active .arqon-rope-tail,
#pageOyin2.arqon-active .arqon-rope-marker,
#pageOyin2.arqon-active .arqon-pull-badge{display:none!important}
/* Correct-answer pull: both complete team images move, the connector follows. */
#pageOyin2.arqon-active .arqon-center.arqon-pull-now-left .left-team{animation:v11PullLeft .68s cubic-bezier(.16,.82,.2,1)!important}
#pageOyin2.arqon-active .arqon-center.arqon-pull-now-left .right-team{animation:v11ResistLeft .68s cubic-bezier(.16,.82,.2,1)!important}
#pageOyin2.arqon-active .arqon-center.arqon-pull-now-right .right-team{animation:v11PullRight .68s cubic-bezier(.16,.82,.2,1)!important}
#pageOyin2.arqon-active .arqon-center.arqon-pull-now-right .left-team{animation:v11ResistRight .68s cubic-bezier(.16,.82,.2,1)!important}
#pageOyin2.arqon-active .arqon-center.arqon-pull-now-left .arqon-rope{animation:v11RopeLeft .68s cubic-bezier(.12,.86,.18,1)!important}
#pageOyin2.arqon-active .arqon-center.arqon-pull-now-right .arqon-rope{animation:v11RopeRight .68s cubic-bezier(.12,.86,.18,1)!important}
@keyframes v11PullLeft{0%,100%{transform:translate3d(var(--arqon-team-left-shift,0px),0,0)}28%{transform:translate3d(calc(var(--arqon-team-left-shift,0px) - 9px),2px,0) rotate(-.6deg)}55%{transform:translate3d(calc(var(--arqon-team-left-shift,0px) - 4px),0,0) rotate(-.25deg)}}
@keyframes v11PullRight{0%,100%{transform:translate3d(var(--arqon-team-right-shift,0px),0,0)}28%{transform:translate3d(calc(var(--arqon-team-right-shift,0px) + 9px),2px,0) rotate(.6deg)}55%{transform:translate3d(calc(var(--arqon-team-right-shift,0px) + 4px),0,0) rotate(.25deg)}}
@keyframes v11ResistLeft{0%,100%{transform:translate3d(var(--arqon-team-right-shift,0px),0,0)}30%{transform:translate3d(calc(var(--arqon-team-right-shift,0px) - 2px),1px,0)}55%{transform:translate3d(var(--arqon-team-right-shift,0px),0,0)}}
@keyframes v11ResistRight{0%,100%{transform:translate3d(var(--arqon-team-left-shift,0px),0,0)}30%{transform:translate3d(calc(var(--arqon-team-left-shift,0px) + 2px),1px,0)}55%{transform:translate3d(var(--arqon-team-left-shift,0px),0,0)}}
@keyframes v11RopeLeft{0%{transform:translate3d(var(--arqon-rope-x,0px),0,0) scaleX(1)}28%{transform:translate3d(calc(var(--arqon-rope-x,0px) - 2px),1px,0) scaleX(1.14)}55%{transform:translate3d(calc(var(--arqon-rope-x,0px) - 1px),0,0) scaleX(1.07)}100%{transform:translate3d(var(--arqon-rope-x,0px),0,0) scaleX(1)}}
@keyframes v11RopeRight{0%{transform:translate3d(var(--arqon-rope-x,0px),0,0) scaleX(1)}28%{transform:translate3d(calc(var(--arqon-rope-x,0px) + 2px),1px,0) scaleX(1.14)}55%{transform:translate3d(calc(var(--arqon-rope-x,0px) + 1px),0,0) scaleX(1.07)}100%{transform:translate3d(var(--arqon-rope-x,0px),0,0) scaleX(1)}}
@media(max-width:700px){
 #pageOyin2.arqon-active .arqon-people{top:13%!important;height:74%!important;width:37%!important}
 #pageOyin2.arqon-active .arqon-rope{left:37.5%!important;right:37.5%!important;top:49.2%!important;height:10px!important}
 #pageOyin2.arqon-active .arqon-rope:before{top:2px!important;height:5px!important}
 #pageOyin2.arqon-active .arqon-rope-knot{width:8px!important;height:22px!important;top:-3px!important}
}