/* OUTBOX EVENTS / IMMERSIVE ORB V1
   Changes only the LEFT scene in the Events split-screen.
   All .ev13-copy rules from events-v13.css remain unchanged. */
#events.ev13 .ev-orb-scene{
  --ev-orb-x:50%;
  --ev-orb-y:50%;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#080a10;
  touch-action:pan-y;
}
#events .ev-orb-scene .ev-orb-gradient{
  position:absolute;
  z-index:0;
  inset:-12%;
  pointer-events:none;
  background:
    radial-gradient(ellipse 53% 58% at 48% 45%,rgba(255,167,49,.165),transparent 69%),
    radial-gradient(ellipse 48% 42% at 8% 94%,rgba(104,62,32,.35),transparent 80%),
    radial-gradient(ellipse 65% 55% at 90% 6%,rgba(39,45,66,.52),transparent 83%),
    linear-gradient(140deg,#161319 0%,#0c0d13 46%,#07070b 100%);
  transform-origin:50% 50%;
  animation:evOrbBreathe 12s ease-in-out infinite alternate;
}
/* Decorative CSS motion pauses offscreen, together with the 3D renderer. */
#events .ev-orb-scene .ev-orb-gradient,
#events .ev-orb-scene .ev-orb-halo{animation-play-state:paused}
#events .ev-orb-scene.ev-orb-inview .ev-orb-gradient,
#events .ev-orb-scene.ev-orb-inview .ev-orb-halo{animation-play-state:running}
#events .ev-orb-scene .ev-orb-cursor-light{
  position:absolute;z-index:1;inset:0;
  opacity:.7;
  background:radial-gradient(circle 32vw at var(--ev-orb-x) var(--ev-orb-y),rgba(251,175,42,.19),rgba(251,175,42,.06) 34%,transparent 76%);
  transition:opacity .6s ease;
  pointer-events:none;
}
#events .ev-orb-scene .ev-orb-grid{
  position:absolute;z-index:1;inset:0;pointer-events:none;
  opacity:.36;
  background-image:
    linear-gradient(rgba(253,190,101,.053) 1px,transparent 1px),
    linear-gradient(90deg,rgba(253,190,101,.053) 1px,transparent 1px);
  background-size:74px 74px;
  -webkit-mask-image:radial-gradient(ellipse 85% 67% at 50% 55%,#000 7%,transparent 88%);
  mask-image:radial-gradient(ellipse 85% 67% at 50% 55%,#000 7%,transparent 88%);
}
#events .ev-orb-scene::before{
  content:"";position:absolute;z-index:2;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.2),transparent 21%,transparent 75%,rgba(0,0,0,.2)),
    repeating-linear-gradient(180deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 5px);
  opacity:.65;
}
#events .ev-orb-scene::after{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(0deg,rgba(3,4,7,.43),transparent 30%),linear-gradient(90deg,transparent 80%,rgba(4,4,6,.27));
}
#events .ev-orb-scene .ev-orb-halo{
  position:absolute;z-index:1;left:50%;top:48%;width:min(82%,650px);aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(255,180,68,.11);
  box-shadow:0 0 110px 5px rgba(244,139,34,.095),inset 0 0 95px rgba(255,175,58,.055);
  pointer-events:none;
  animation:evOrbHalo 9s ease-in-out infinite alternate;
}
#events .ev-orb-scene .ev-orb-halo::before,
#events .ev-orb-scene .ev-orb-halo::after{
  content:"";position:absolute;inset:8%;border-radius:50%;
  border:1px dashed rgba(251,175,42,.12);
  transform:rotate(-17deg);
}
#events .ev-orb-scene .ev-orb-halo::after{
  inset:-5%;border-style:solid;border-color:rgba(255,255,255,.038);
  transform:rotate(30deg);
}
#events .ev-orb-scene .ev-orb-render-area{
  position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none;
}
#events .ev-orb-scene .ev-orb-render-area canvas{
  position:absolute;inset:0;width:100%;height:100%;display:block;
  opacity:0;transition:opacity .85s ease;
}
#events .ev-orb-scene.ev-orb-three-ready canvas{opacity:1}
#events .ev-orb-scene .ev-orb-fallback{
  position:absolute;
  top:49%;left:50%;transform:translate(-50%,-50%);
  width:clamp(220px,30vw,530px);height:auto;aspect-ratio:1;
  border-radius:50%;
  background:
    radial-gradient(circle at 38% 23%,rgba(252,180,69,.25),transparent 35%),
    radial-gradient(circle at 37% 34%,#303138 1%,#11131b 47%,#030408 77%);
  box-shadow:
    -28px -17px 64px rgba(251,175,42,.13),
    0 0 0 1px rgba(255,167,47,.36),
    0 0 0 21px rgba(251,175,42,.021),
    0 0 105px rgba(251,175,42,.13),
    inset 10px 4px 31px rgba(255,193,83,.11),
    inset -35px -30px 66px rgba(0,0,0,.95);
  opacity:1;
  transition:opacity .55s ease;
}
#events .ev-orb-scene .ev-orb-fallback::before{
  content:"";position:absolute;inset:-15%;border-radius:50%;
  border:1px solid rgba(251,175,42,.36);
  transform:rotate(-31deg) scaleY(.57);
  box-shadow:0 0 28px rgba(251,175,42,.15);
}
#events .ev-orb-scene .ev-orb-fallback::after{
  content:"";position:absolute;inset:1px;border-radius:50%;
  background:repeating-linear-gradient(118deg,transparent 0 19px,rgba(251,175,42,.032) 20px,transparent 21px);
  -webkit-mask-image:radial-gradient(circle,#000,transparent 93%);
  mask-image:radial-gradient(circle,#000,transparent 93%);
}
#events .ev-orb-scene.ev-orb-three-ready .ev-orb-fallback{opacity:0}
#events .ev-orb-scene .ev13-stage-label,
#events .ev-orb-scene .ev13-stage-bottom{display:block}
#events .ev-orb-scene .ev13-stage-label{
  z-index:5;top:10%;left:7.5%;
  color:rgba(255,255,255,.67);
  font-size:clamp(10px,.85vw,12px);line-height:2;
  letter-spacing:.20em;
  text-shadow:0 2px 12px rgba(0,0,0,.38);
}
#events .ev-orb-scene .ev13-stage-label::after{margin-top:10px;width:29px}
#events .ev-orb-scene .ev13-stage-bottom{
  z-index:5;bottom:7.5%;left:7.5%;
  color:rgba(241,236,231,.79);font-size:11px;line-height:1.75;
}
#events .ev-orb-scene .ev-orb-corner{
  position:absolute;z-index:5;pointer-events:none;
  top:8.3%;right:7.5%;
  display:flex;align-items:center;gap:8px;
  color:rgba(251,175,42,.79);
  font:800 9px/1.4 'Space Grotesk',sans-serif;letter-spacing:.20em;
}
#events .ev-orb-scene .ev-orb-corner::before{content:"";width:24px;height:1px;background:currentColor}
#events .ev-orb-scene .ev-orb-crosshair{
  position:absolute;z-index:4;pointer-events:none;
  left:50%;top:49%;width:min(87%,700px);aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;border:1px solid rgba(251,175,42,.075);
}
#events .ev-orb-scene .ev-orb-crosshair::before{
  content:"";position:absolute;left:50%;top:-12px;bottom:-12px;width:1px;
  background:linear-gradient(180deg,transparent,rgba(251,175,42,.11) 30%,rgba(251,175,42,.11) 70%,transparent);
}
#events .ev-orb-scene .ev-orb-crosshair::after{
  content:"";position:absolute;top:50%;left:-12px;right:-12px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(251,175,42,.085) 30%,rgba(251,175,42,.085) 70%,transparent);
}
@keyframes evOrbBreathe{
  0%{transform:translate3d(-2%,1%,0) scale(1)}
  100%{transform:translate3d(2%,-2%,0) scale(1.12)}
}
@keyframes evOrbHalo{
  0%{opacity:.68;filter:brightness(.85)}
  100%{opacity:1;filter:brightness(1.18)}
}
@media(max-width:1320px){
  #events .ev-orb-scene .ev-orb-fallback{width:clamp(220px,31vw,440px)}
}
@media(max-width:735px){
  #events .ev-orb-scene .ev-orb-corner{top:7%}
  #events .ev-orb-scene .ev13-stage-label{top:8%}
  #events .ev-orb-scene .ev13-stage-bottom{bottom:7%}
  #events .ev-orb-scene .ev-orb-halo{width:min(80%,490px)}
  #events .ev-orb-scene .ev-orb-fallback{width:min(65vw,340px)}
  #events .ev-orb-scene .ev-orb-cursor-light{background:radial-gradient(circle 70vw at var(--ev-orb-x) var(--ev-orb-y),rgba(251,175,42,.12),transparent 73%)}
}
@media(max-width:475px){
  #events .ev-orb-scene .ev-orb-fallback{width:min(60vw,270px)}
  #events .ev-orb-scene .ev13-stage-label{left:6%;top:7%;font-size:9px}
  #events .ev-orb-scene .ev13-stage-bottom{left:6%;bottom:5%;font-size:9px;max-width:145px}
  #events .ev-orb-scene .ev-orb-corner{right:6%;font-size:8px}
  #events .ev-orb-scene .ev-orb-crosshair{width:95%}
}
@media(prefers-reduced-motion:reduce){
  #events .ev-orb-scene .ev-orb-gradient,
  #events .ev-orb-scene .ev-orb-halo{animation:none!important;transform:none!important;filter:none!important}
  #events .ev-orb-scene .ev-orb-gradient{inset:0}
  #events .ev-orb-scene .ev-orb-fallback{transition:none}
}