/* UNITED GAMER 2.1.39 — independently themed right hero rail. Last visual layer. */
body.home .hero.ug-hero-carousel .ug-hero-slider-controls.ug-right-nav{
  --ug-rw: var(--ug-right-width,60px);
  --ug-rh: var(--ug-right-button-height,36px);
  --ug-rgap: var(--ug-right-gap,3px);
  --ug-rail-estimated-height: calc(var(--ug-rh) * 6 + var(--ug-rgap) * 5 + 16px);
  width:var(--ug-rw)!important;
  gap:var(--ug-rgap)!important;
  top:clamp(calc(var(--ug-rail-estimated-height) / 2 + 8px),calc(clamp(155px, (100svh - 80px)/2, 410px) + var(--ug-right-y,0px)),calc(100svh - 130px - var(--ug-rail-estimated-height) / 2 - 8px))!important;
  right:clamp(8px,calc(clamp(15px,3.2vw,62px) - var(--ug-right-x,0px)),calc(100vw - var(--ug-rw) - 8px))!important;
  transform:translateY(-50%)!important;
  padding:7px!important;
  transition:width .2s ease,background-color .25s ease,border-color .25s ease!important;
}
body.home .hero.ug-hero-carousel .ug-hero-slider-controls.ug-right-nav .ug-hero-slider-pagination{gap:var(--ug-rgap)!important}
body.home .hero.ug-hero-carousel .ug-hero-slider-controls.ug-right-nav .ug-hero-slider-dot,
body.home .hero.ug-hero-carousel .ug-hero-slider-controls.ug-right-nav .ug-hero-rail-arrow{
  width:calc(var(--ug-rw) - 18px)!important;
  min-width:calc(var(--ug-rw) - 18px)!important;
  height:var(--ug-rh)!important;
  min-height:var(--ug-rh)!important;
}
body.home .hero.ug-hero-carousel .ug-hero-slider-controls.ug-right-nav .ug-hero-slider-dot:focus-visible,
body.home .hero.ug-hero-carousel .ug-hero-slider-controls.ug-right-nav .ug-hero-rail-arrow:focus-visible{outline:2px solid #ffa542!important;outline-offset:2px!important}

/* 01 Capsule — original design, kept visually compatible. */

/* 02 Orbit — glowing concentric rings. */
body.home .hero.ug-hero-carousel .ug-hero-slider-controls.ug-right--orbit{border-color:transparent!important;background:rgba(9,10,15,.47)!important;box-shadow:0 10px 34px #0007!important;border-radius:40px!important}
body.home .hero.ug-hero-carousel .ug-right--orbit .ug-hero-slider-dot{border:1px solid rgba(185,190,207,.5)!important;border-radius:50%!important;color:#c7ccd4!important;aspect-ratio:1/1;max-width:var(--ug-rh);margin-inline:auto;background:rgba(10,12,17,.48)!important}
body.home .hero.ug-hero-carousel .ug-right--orbit .ug-hero-slider-dot.is-active{background:rgba(255,129,15,.13)!important;border:2px solid #ff9f30!important;color:#fff!important;box-shadow:0 0 0 3px #ff911c29,0 0 15px #ff932b88,inset 0 0 13px #f70a!important}
body.home .hero.ug-hero-carousel .ug-right--orbit .ug-hero-slider-dot.is-active>span{color:#fff!important}

/* 03 Tech — chamfered active item, industrial control panel. */
body.home .hero.ug-hero-carousel .ug-right--tech{border-radius:5px!important;background:linear-gradient(135deg,#1b242be6,#0b1117e9)!important;border-color:#ff921a7c!important}
body.home .hero.ug-hero-carousel .ug-right--tech .ug-hero-slider-dot{border-radius:0!important;background:#28313a8f!important;clip-path:polygon(0 0,82% 0,100% 22%,100% 100%,18% 100%,0 78%);color:#e5e5e9!important}
body.home .hero.ug-hero-carousel .ug-right--tech .ug-hero-slider-dot.is-active{background:linear-gradient(135deg,#ffc05b,#f47e0e)!important;box-shadow:none!important;color:#151619!important}

/* 04 Pulse — glowing connected signal with active beacon. */
body.home .hero.ug-hero-carousel .ug-right--pulse{background:rgba(11,13,18,.3)!important;border-color:transparent!important;box-shadow:none!important}
body.home .hero.ug-hero-carousel .ug-right--pulse .ug-hero-slider-pagination{position:relative!important}
body.home .hero.ug-hero-carousel .ug-right--pulse .ug-hero-slider-pagination::before{content:"";position:absolute;left:50%;top:16px;bottom:16px;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,#f98a2359,transparent);pointer-events:none}
body.home .hero.ug-hero-carousel .ug-right--pulse .ug-hero-slider-dot{border-radius:50%!important;max-width:var(--ug-rh);margin-inline:auto;background:#20242bbd!important;color:#d6d8da!important;z-index:1}
body.home .hero.ug-hero-carousel .ug-right--pulse .ug-hero-slider-dot.is-active{background:#ff9529!important;color:#151414!important;box-shadow:0 0 0 4px #ff8d2333,0 0 18px #ff8d23a6!important;animation:ugRightPulse 2.3s ease-in-out infinite}
@keyframes ugRightPulse{50%{box-shadow:0 0 0 8px #ff8d230e,0 0 24px #ff8d239a}}

/* 05 Glass — modular translucent squares. */
body.home .hero.ug-hero-carousel .ug-right--glass{border-radius:15px!important;background:rgba(214,225,245,.09)!important;border-color:rgba(255,255,255,.35)!important;box-shadow:0 18px 35px #0009,inset 0 1px #ffffff45!important;backdrop-filter:blur(18px)!important}
body.home .hero.ug-hero-carousel .ug-right--glass .ug-hero-slider-dot{border-radius:7px!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.2)!important;color:#e8eaf0!important}
body.home .hero.ug-hero-carousel .ug-right--glass .ug-hero-slider-dot.is-active{background:linear-gradient(140deg,#ffc06a,#e47612)!important;border-color:#ffd18b!important;box-shadow:inset 0 1px #ffffff88,0 4px 18px #f80a!important;color:#121316!important}

/* 06 Target — corner bracket cursors, high-contrast precision. */
body.home .hero.ug-hero-carousel .ug-right--target{border-radius:10px!important;background:rgba(7,10,15,.34)!important;border-color:transparent!important;box-shadow:none!important}
body.home .hero.ug-hero-carousel .ug-right--target .ug-hero-slider-dot{background:transparent!important;border-radius:0!important;color:#b6b8c0!important}
body.home .hero.ug-hero-carousel .ug-right--target .ug-hero-slider-dot.is-active{background:#ff911b18!important;color:#ffa73b!important;box-shadow:none!important}
body.home .hero.ug-hero-carousel .ug-right--target .ug-hero-slider-dot.is-active>span{color:#ffb457!important}
body.home .hero.ug-hero-carousel .ug-right--target .ug-hero-slider-dot.is-active::after{content:"";position:absolute;inset:2px;pointer-events:none;background:linear-gradient(#ff9726,#ff9726) left top/10px 2px no-repeat,linear-gradient(#ff9726,#ff9726) left top/2px 10px no-repeat,linear-gradient(#ff9726,#ff9726) right top/10px 2px no-repeat,linear-gradient(#ff9726,#ff9726) right top/2px 10px no-repeat,linear-gradient(#ff9726,#ff9726) left bottom/10px 2px no-repeat,linear-gradient(#ff9726,#ff9726) left bottom/2px 10px no-repeat,linear-gradient(#ff9726,#ff9726) right bottom/10px 2px no-repeat,linear-gradient(#ff9726,#ff9726) right bottom/2px 10px no-repeat;filter:drop-shadow(0 0 3px #ff8f31a8)}

@media(max-width:760px){
 body.home .hero.ug-hero-carousel .ug-hero-slider-controls.ug-right-nav{
  --ug-rw:clamp(42px,calc(var(--ug-right-width,60px) - 12px),70px);
  --ug-rh:clamp(27px,calc(var(--ug-right-button-height,36px) - 7px),45px);
  padding:5px 3px!important;
  --ug-rail-estimated-height:calc(var(--ug-rh) * 6 + var(--ug-rgap) * 5 + 12px);
  right:clamp(7px,calc(10px - var(--ug-right-x,0px)),calc(100vw - var(--ug-rw) - 7px))!important;
  top:clamp(calc(var(--ug-rail-estimated-height)/2 + 6px),calc(clamp(210px,54svh - 20px,365px) + var(--ug-right-y,0px)),calc(100svh - 96px - var(--ug-rail-estimated-height)/2 - 6px))!important;
 }
 body.home .hero.ug-hero-carousel .ug-hero-slider-controls.ug-right-nav .ug-hero-slider-dot,
 body.home .hero.ug-hero-carousel .ug-hero-slider-controls.ug-right-nav .ug-hero-rail-arrow{width:calc(var(--ug-rw) - 10px)!important;min-width:calc(var(--ug-rw) - 10px)!important}
}
@media(prefers-reduced-motion:reduce){body.home .hero.ug-hero-carousel .ug-right--pulse .ug-hero-slider-dot.is-active{animation:none!important}}

@media(max-height:520px){
 body.home .hero.ug-hero-carousel .ug-hero-slider-controls.ug-right-nav{
  --ug-rh:clamp(25px,calc(var(--ug-right-button-height,36px) - 11px),35px);
  --ug-rgap:min(var(--ug-right-gap,3px),6px);
  --ug-rail-estimated-height:calc(var(--ug-rh)*6 + var(--ug-rgap)*5 + 12px);
 }
}