/* HNRP V8.0 – kinetic blue: smooth, continuous 3D, Afternow-inspired motion principles.
   Only #hnrp-factions-showcase. Never affects other pages/cards/admin. */
#hnrp-factions-showcase{position:relative;isolation:isolate;overflow:hidden;padding:40px 0 44px!important;
 background:
 radial-gradient(ellipse 37% 31% at 52% 63%,rgba(26,130,255,.18),transparent 91%),
 linear-gradient(160deg,rgba(9,35,73,.0),rgba(8,35,79,.07) 50%,transparent);
}
#hnrp-factions-showcase::before{content:"";position:absolute;inset:9% -12% 9%;pointer-events:none;z-index:-1;
 background:
 radial-gradient(ellipse 23% 43% at 25% 60%,rgba(13,99,231,.11),transparent 83%),
 radial-gradient(ellipse 30% 45% at 72% 24%,rgba(45,161,255,.14),transparent 83%);
 animation:hnrp-v80-atmosphere 12s ease-in-out infinite alternate;
}
#hnrp-factions-showcase::after{content:"";position:absolute;inset:11% 0 0;pointer-events:none;z-index:-1;opacity:.3;
 background:repeating-linear-gradient(115deg,transparent 0 63px,rgba(57,162,255,.045) 64px,transparent 65px 130px);
 mask-image:linear-gradient(180deg,transparent,#000 40%,transparent 97%);
}
@keyframes hnrp-v80-atmosphere{from{transform:translate3d(-2.5%,0,0) scale(1)}to{transform:translate3d(2.5%,-2%,0) scale(1.06)}}
#hnrp-factions-showcase .v22-carousel-head{position:relative;z-index:4;gap:20px;margin-bottom:14px}
#hnrp-factions-showcase .v22-carousel-head h3{line-height:1.08;text-shadow:0 4px 30px rgba(10,95,218,.15)}
#hnrp-factions-showcase .v22-carousel-head h3 em{text-shadow:0 0 28px rgba(44,161,255,.24)}
#hnrp-factions-showcase .v22-carousel-viewport{height:clamp(460px,43vw,625px);perspective:1350px;overflow:hidden;
 mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 96%,transparent 100%);
}
#hnrp-factions-showcase .v22-carousel-stage{transform-style:preserve-3d;isolation:isolate}
#hnrp-factions-showcase .v22-slide{top:43px;height:clamp(382px,37vw,520px);width:clamp(265px,38vw,500px);
 transform-origin:center;backface-visibility:hidden;will-change:transform,opacity;transition:none!important}
#hnrp-factions-showcase .v22-slide-inner{position:relative;isolation:isolate;display:flex;flex-direction:column;
 height:100%;background:linear-gradient(150deg,#123668,#071b3a);
 border:1px solid rgba(68,158,246,.72);border-radius:27px;overflow:hidden;
 box-shadow:0 20px 54px rgba(0,7,28,.58),inset 0 1px 0 rgba(255,255,255,.07);
 transition:border-color .23s,box-shadow .23s,filter .23s!important;
 transform:none!important;backface-visibility:hidden;
}
#hnrp-factions-showcase .v22-slide-inner::before{content:"";position:absolute;top:-5%;left:-30%;width:160%;height:2px;z-index:9;pointer-events:none;
 background:linear-gradient(90deg,transparent,rgba(78,181,255,.4),rgba(178,240,255,.9),rgba(78,181,255,.4),transparent);
 box-shadow:0 0 24px rgba(45,164,255,.65);
 transform:translateX(-25%);animation:hnrp-v80-led 6s linear infinite}
@keyframes hnrp-v80-led{0%{transform:translateX(-24%)}100%{transform:translateX(24%)}}
#hnrp-factions-showcase .v22-slide-inner::after{content:"";position:absolute;inset:-45% -100%;z-index:7;pointer-events:none;
 background:linear-gradient(108deg,transparent 44%,rgba(167,229,255,.13) 49.8%,transparent 55%);
 animation:hnrp-v80-sweep 6.4s linear infinite;transform:translate3d(-43%,0,0)}
@keyframes hnrp-v80-sweep{0%{transform:translate3d(-48%,0,0)}100%{transform:translate3d(48%,0,0)}}
#hnrp-factions-showcase .v22-slide.v80-center .v22-slide-inner{border-color:#69deff!important;
 box-shadow:0 26px 65px rgba(0,6,29,.72),0 0 0 1px rgba(74,211,255,.62),0 0 32px rgba(7,151,253,.32),0 0 90px rgba(8,118,251,.20)!important}
#hnrp-factions-showcase .v22-slide:hover .v22-slide-inner,
#hnrp-factions-showcase .v22-slide:focus-within .v22-slide-inner{transform:none!important;border-color:#8beaff!important;
 box-shadow:0 26px 65px #000b,0 0 43px rgba(15,188,255,.48)!important}
#hnrp-factions-showcase .v22-slide-image{position:relative;flex-shrink:0;height:73%;z-index:1;overflow:hidden;background:#071b35}
#hnrp-factions-showcase .v22-slide-image::after{content:"";position:absolute;inset:40% 0 0;
 background:linear-gradient(transparent,rgba(4,20,47,.47));pointer-events:none!important}
#hnrp-factions-showcase .v22-slide-image img{height:100%;width:100%;display:block;object-fit:cover;
 transform:scale(1.015);filter:saturate(1.16) contrast(1.07) brightness(1.03);
 transition:transform .8s cubic-bezier(.22,.8,.2,1),filter .8s!important;backface-visibility:hidden}
#hnrp-factions-showcase .v22-slide:hover .v22-slide-image img{transform:scale(1.067)!important;
 filter:saturate(1.22) contrast(1.07) brightness(1.08)!important}
#hnrp-factions-showcase .v22-slide-content{position:relative;z-index:10;flex:1;min-width:0;display:flex;flex-direction:row;
 justify-content:space-between;align-items:center;gap:14px;padding:20px 22px 22px;
 background:linear-gradient(109deg,rgba(11,43,88,.98),rgba(7,28,59,.98));}
#hnrp-factions-showcase .v22-slide-title{font-size:clamp(18px,1.7vw,25px);max-width:54%;line-height:1.12;
 letter-spacing:-.032em;text-shadow:0 3px 22px rgba(0,9,32,.42);overflow-wrap:anywhere}
#hnrp-factions-showcase a.v22-slide-join{position:relative;z-index:22;pointer-events:auto!important;cursor:pointer;
 display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;
 padding:15px 18px;border:1px solid rgba(118,228,255,.72)!important;border-radius:13px;
 color:#fff!important;text-decoration:none!important;background:linear-gradient(115deg,#1169e9,#32b3fa)!important;
 box-shadow:0 10px 23px rgba(7,120,237,.34),inset 0 1px 0 rgba(255,255,255,.26);
 font-weight:900;font-size:clamp(11px,1vw,13px);line-height:1.05;
 transition:transform .2s,filter .2s,box-shadow .2s!important}
#hnrp-factions-showcase a.v22-slide-join:hover,
#hnrp-factions-showcase a.v22-slide-join:focus-visible{transform:translateY(-2px)!important;filter:brightness(1.15)!important;
 box-shadow:0 14px 30px rgba(13,126,255,.48),0 0 0 2px rgba(68,195,255,.19)!important}
#hnrp-factions-showcase a.v22-slide-image{cursor:pointer;pointer-events:auto!important}
#hnrp-factions-showcase .v22-carousel-controls button{border-color:#51aaff!important;border-radius:17px!important;
 background:linear-gradient(140deg,#154b86,#091e40)!important;box-shadow:0 10px 28px #0007,0 0 19px rgba(30,130,255,.10);
 transition:transform .21s,background .21s,box-shadow .21s!important}
#hnrp-factions-showcase .v22-carousel-controls button:hover{transform:translateY(-2px)!important;
 background:linear-gradient(130deg,#0f70e9,#23a7fc)!important;box-shadow:0 12px 30px #0005,0 0 24px rgba(25,147,255,.4)!important}
#hnrp-factions-showcase .v80-rail{position:relative;z-index:5;margin:14px auto 0;height:3px;width:min(360px,40%);
 border-radius:12px;background:linear-gradient(90deg,transparent,rgba(35,110,192,.42),rgba(35,110,192,.42),transparent);}
#hnrp-factions-showcase .v80-rail-dot{position:absolute;top:-2px;left:0;width:72px;height:7px;max-width:20%;border-radius:30px;
 transform:translateX(-50%);background:linear-gradient(90deg,transparent,#47d8ff,#c0f6ff,#47d8ff,transparent);
 box-shadow:0 0 18px rgba(21,173,255,.89),0 0 38px rgba(11,127,255,.4);will-change:left}
#hnrp-factions-showcase .hnrp-v77-logo{object-fit:contain!important;padding:16px!important;background:#0d2a50}
#hnrp-factions-showcase .hnrp-v77-disabled{background:#173a63!important;color:#91b5d3!important;border-color:#315c88!important;cursor:default!important}
@media(max-width:850px){#hnrp-factions-showcase{padding:28px 0 35px!important}
 #hnrp-factions-showcase .v22-carousel-viewport{height:520px}
 #hnrp-factions-showcase .v22-slide{width:clamp(270px,49vw,425px);height:435px;top:28px}
 #hnrp-factions-showcase .v22-slide-image{height:68%}}
@media(max-width:700px){#hnrp-factions-showcase .v22-carousel-head{margin-bottom:13px}
 #hnrp-factions-showcase .v22-carousel-viewport{height:440px}
 #hnrp-factions-showcase .v22-slide{width:min(79vw,350px);height:375px;top:24px}
 #hnrp-factions-showcase .v22-slide-image{height:67%}
 #hnrp-factions-showcase .v22-slide-content{padding:12px 14px;flex-wrap:wrap;gap:8px}
 #hnrp-factions-showcase a.v22-slide-join{padding:11px 12px;font-size:11px}
 #hnrp-factions-showcase .v22-slide-title{font-size:18px}}
@media(prefers-reduced-motion:reduce){#hnrp-factions-showcase::before,
 #hnrp-factions-showcase .v22-slide-inner::after,
 #hnrp-factions-showcase .v22-slide-inner::before{animation:none!important}}
/* HNRP_V81_3D_TILT – only 3D geometry; existing Neon, buttons and links stay unchanged. */
#hnrp-factions-showcase .v22-carousel-viewport{perspective:1250px!important;perspective-origin:50% 46%;}
#hnrp-factions-showcase .v22-carousel-stage{transform-style:preserve-3d!important;}
#hnrp-factions-showcase .v22-slide{transform-origin:50% 49%!important;transform-style:preserve-3d;backface-visibility:hidden;transition:none!important;}
#hnrp-factions-showcase .v22-slide-inner{backface-visibility:hidden;}
@media(prefers-reduced-motion:reduce){#hnrp-factions-showcase .v22-slide{transition:none!important;}}
/* HNRP_V82_SIDE_TURN — stronger perspective while maintaining readable center cards. */
#hnrp-factions-showcase .v22-carousel-viewport{perspective:970px!important;perspective-origin:50% 47%!important;}
#hnrp-factions-showcase .v22-slide{transform-origin:50% 52%!important;backface-visibility:hidden!important;}