/* Egyedi, termékenként eltérő Inflexity rangrelikviák. */
.rank-theme--ryvex,.rank-relic--ryvex,.rank-mini--ryvex{--model-rgb:255,112,55;--rank-deep:#47130b;--rank-metal:#823322;--rank-glyph:#ffe4c7}
.rank-theme--velthar,.rank-relic--velthar,.rank-mini--velthar{--model-rgb:76,171,255;--rank-deep:#071d42;--rank-metal:#224f88;--rank-glyph:#dff5ff}
.rank-theme--nexorion,.rank-relic--nexorion,.rank-mini--nexorion{--model-rgb:160,75,255;--rank-deep:#17052f;--rank-metal:#532188;--rank-glyph:#f0dcff}
.rank-theme--astravex,.rank-relic--astravex,.rank-mini--astravex{--model-rgb:244,83,255;--rank-deep:#330735;--rank-metal:#7c2787;--rank-glyph:#ffe5ff}
.rank-theme--caelurion,.rank-relic--caelurion,.rank-mini--caelurion{--model-rgb:66,222,210;--rank-deep:#052e32;--rank-metal:#17727b;--rank-glyph:#e1fffc}
.rank-theme--vyrnox,.rank-relic--vyrnox,.rank-mini--vyrnox{--model-rgb:101,85,255;--rank-deep:#0d092e;--rank-metal:#302477;--rank-glyph:#ebe9ff}
.rank-theme--aurevyn,.rank-relic--aurevyn,.rank-mini--aurevyn{--model-rgb:255,195,65;--rank-deep:#3c2104;--rank-metal:#9d6717;--rank-glyph:#fff5c5}
.rank-theme--zerathion,.rank-relic--zerathion,.rank-mini--zerathion{--model-rgb:255,68,91;--rank-deep:#31050c;--rank-metal:#711927;--rank-glyph:#ffe1df}
.rank-theme--inflyra,.rank-relic--inflyra,.rank-mini--inflyra{--model-rgb:55,236,221;--rank-deep:#052b34;--rank-metal:#126a78;--rank-glyph:#ddfffb}
.showcase-visual[class*="rank-theme--"]{background:radial-gradient(circle at 52% 42%,rgba(var(--model-rgb),.22),transparent 29%),linear-gradient(145deg,rgba(12,15,25,.98),rgba(5,7,12,.99))}
.showcase-info[class*="rank-theme--"] h1,.vault-product-card[class*="rank-theme--"] .vault-card-footer strong{color:rgb(var(--model-rgb));background:none;-webkit-text-fill-color:currentColor}
.rank-relic{--rx:-9deg;--ry:-18deg;position:relative;width:360px;height:380px;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .12s ease-out;filter:drop-shadow(0 38px 35px rgba(0,0,0,.6));will-change:transform}
.rank-relic.is-dragging{transition:none}.rank-relic>*{position:absolute;transform-style:preserve-3d}
.rank-emblem{z-index:8;left:50%;top:47%;display:grid;place-items:center;width:146px;height:168px;transform:translate(-50%,-50%) translateZ(44px);clip-path:polygon(50% 0,91% 19%,100% 68%,50% 100%,0 68%,9% 19%);background:linear-gradient(145deg,#3b4252,var(--rank-metal) 38%,#11151e 74%);box-shadow:inset 0 0 0 7px rgba(255,255,255,.1),inset 0 0 35px rgba(var(--model-rgb),.48),0 0 45px rgba(var(--model-rgb),.42)}
.rank-emblem::before{content:"";position:absolute;inset:14px;clip-path:inherit;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.76),rgb(var(--model-rgb)) 10%,var(--rank-deep) 49%,#06080d 74%);box-shadow:inset 0 0 22px rgb(var(--model-rgb))}
.rank-emblem b{position:relative;z-index:2;color:var(--rank-glyph);font-size:3.5rem;line-height:1;text-shadow:0 0 18px rgb(var(--model-rgb))}
.rank-halo{z-index:2;left:50%;top:47%;border:4px solid rgba(var(--model-rgb),.55);border-left-color:transparent;border-right-color:#313846;border-radius:50%;box-shadow:0 0 28px rgba(var(--model-rgb),.28)}
.rank-halo--outer{width:310px;height:310px;margin:-155px;transform:rotateX(68deg) translateZ(-12px);animation:rank-spin 12s linear infinite}
.rank-halo--inner{width:230px;height:230px;margin:-115px;transform:rotateY(68deg) rotateX(12deg);animation:rank-spin-reverse 8s linear infinite}
.rank-wing{z-index:4;top:34%;width:112px;height:150px;background:linear-gradient(135deg,rgba(var(--model-rgb),.88),var(--rank-deep) 72%);filter:drop-shadow(0 0 18px rgba(var(--model-rgb),.42));opacity:.85}
.rank-wing--left{right:58%;clip-path:polygon(100% 16%,62% 0,72% 29%,28% 18%,58% 48%,0 53%,55% 68%,20% 94%,81% 78%,100% 100%);transform:rotateY(-32deg) rotateZ(-8deg) translateZ(3px)}
.rank-wing--right{left:58%;clip-path:polygon(0 16%,38% 0,28% 29%,72% 18%,42% 48%,100% 53%,45% 68%,80% 94%,19% 78%,0 100%);transform:rotateY(32deg) rotateZ(8deg) translateZ(3px)}
.rank-crown{z-index:9;left:50%;top:14%;width:124px;height:80px;transform:translateX(-50%) translateZ(30px);clip-path:polygon(0 100%,7% 39%,29% 69%,50% 0,71% 69%,93% 39%,100% 100%);background:linear-gradient(180deg,rgb(var(--model-rgb)),var(--rank-metal));filter:drop-shadow(0 0 17px rgba(var(--model-rgb),.55))}
.rank-horn{z-index:7;top:20%;width:62px;height:92px;background:linear-gradient(rgb(var(--model-rgb)),var(--rank-deep));opacity:0}.rank-horn--left{right:59%;clip-path:polygon(100% 100%,55% 77%,0 0,79% 45%);transform:rotate(-18deg)}.rank-horn--right{left:59%;clip-path:polygon(0 100%,45% 77%,100% 0,21% 45%);transform:rotate(18deg)}
.rank-gem{z-index:11;left:50%;top:28%;width:25px;height:25px;transform:translate(-50%,-50%) rotate(45deg) translateZ(62px);background:#fff;border:4px solid rgb(var(--model-rgb));box-shadow:0 0 24px rgb(var(--model-rgb))}
.rank-fragment{z-index:6;width:18px;height:55px;clip-path:polygon(50% 0,100% 30%,70% 100%,30% 100%,0 30%);background:linear-gradient(#fff,rgb(var(--model-rgb)) 24%,var(--rank-deep));box-shadow:0 0 15px rgba(var(--model-rgb),.65);animation:rank-float 4s ease-in-out infinite}.rank-fragment--one{left:12%;top:23%;transform:rotate(-25deg)}.rank-fragment--two{right:10%;top:28%;transform:rotate(31deg);animation-delay:-1s}.rank-fragment--three{left:20%;bottom:20%;transform:rotate(18deg);animation-delay:-2s}.rank-fragment--four{right:19%;bottom:18%;transform:rotate(-18deg);animation-delay:-3s}
.rank-plinth{z-index:3;left:50%;bottom:28px;width:235px;height:58px;transform:translateX(-50%) rotateX(68deg) translateZ(-25px);border:3px solid rgba(var(--model-rgb),.65);border-radius:50%;background:radial-gradient(ellipse,rgba(var(--model-rgb),.27),#070910 65%);box-shadow:0 0 34px rgba(var(--model-rgb),.35)}.rank-plinth i{position:absolute;inset:11px;border:1px solid rgba(var(--model-rgb),.5);border-radius:50%}
.rank-signature{z-index:12;left:50%;bottom:0;transform:translateX(-50%) translateZ(70px);color:rgb(var(--model-rgb));font-size:.58rem;font-weight:950;letter-spacing:.24em;white-space:nowrap;text-shadow:0 0 12px rgba(var(--model-rgb),.8)}
/* A formák nem egyszerű színvariációk: minden rang eltérő sziluettet kap. */
.rank-relic--ryvex .rank-crown{display:none}.rank-relic--ryvex .rank-emblem{width:136px;height:155px;clip-path:polygon(50% 0,93% 35%,75% 100%,25% 100%,7% 35%)}.rank-relic--ryvex .rank-wing{height:118px;top:40%;clip-path:polygon(100% 0,58% 20%,76% 39%,10% 52%,68% 66%,0 100%,100% 79%)}
.rank-relic--velthar .rank-crown,.rank-relic--velthar .rank-horn{display:none}.rank-relic--velthar .rank-emblem{width:158px;height:184px;clip-path:polygon(50% 0,94% 18%,86% 73%,50% 100%,14% 73%,6% 18%)}.rank-relic--velthar .rank-wing{width:80px;height:132px;top:37%;clip-path:polygon(100% 0,48% 14%,75% 38%,0 50%,72% 64%,38% 100%,100% 80%)}
.rank-relic--nexorion .rank-crown,.rank-relic--nexorion .rank-horn{display:none}.rank-relic--nexorion .rank-emblem{width:151px;height:151px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform:translate(-50%,-50%) rotate(45deg) translateZ(44px)}.rank-relic--nexorion .rank-emblem b{transform:rotate(-45deg)}.rank-relic--nexorion .rank-wing{opacity:.42;clip-path:polygon(100% 0,55% 30%,75% 53%,0 58%,72% 73%,33% 100%,100% 82%)}
.rank-relic--astravex .rank-crown,.rank-relic--astravex .rank-horn{display:none}.rank-relic--astravex .rank-emblem{width:105px;height:208px;clip-path:polygon(50% 0,86% 31%,70% 78%,50% 100%,30% 78%,14% 31%)}.rank-relic--astravex .rank-wing{top:25%;height:196px;width:95px;clip-path:polygon(100% 0,58% 25%,82% 43%,14% 50%,80% 58%,48% 100%,100% 74%)}
.rank-relic--caelurion .rank-horn{display:none}.rank-relic--caelurion .rank-crown{top:19%;height:53px;clip-path:polygon(0 100%,18% 31%,38% 72%,50% 0,62% 72%,82% 31%,100% 100%)}.rank-relic--caelurion .rank-emblem{width:165px;height:165px;clip-path:polygon(50% 0,92% 25%,100% 72%,50% 100%,0 72%,8% 25%)}.rank-relic--caelurion .rank-wing{top:39%;height:110px;clip-path:polygon(100% 17%,51% 0,72% 39%,0 50%,72% 62%,51% 100%,100% 82%)}
.rank-relic--vyrnox .rank-crown,.rank-relic--vyrnox .rank-horn{display:none}.rank-relic--vyrnox .rank-emblem{width:172px;height:190px;clip-path:polygon(50% 0,88% 16%,100% 50%,82% 91%,50% 100%,18% 91%,0 50%,12% 16%)}.rank-relic--vyrnox .rank-emblem::after{content:"";position:absolute;z-index:1;inset:29px;border:5px solid rgb(var(--model-rgb));border-radius:50%;box-shadow:0 0 24px rgb(var(--model-rgb)),inset 0 0 20px rgba(var(--model-rgb),.5)}.rank-relic--vyrnox .rank-emblem b{z-index:3}.rank-relic--vyrnox .rank-wing{top:33%;height:155px;clip-path:polygon(100% 0,65% 26%,82% 49%,0 55%,79% 68%,43% 100%,100% 84%)}
.rank-relic--aurevyn .rank-horn{display:none}.rank-relic--aurevyn .rank-emblem{border-radius:50%;clip-path:none;width:150px;height:150px}.rank-relic--aurevyn .rank-emblem::before{border-radius:50%;clip-path:none}.rank-relic--aurevyn .rank-wing{top:38%;height:112px;clip-path:polygon(100% 45%,25% 0,51% 38%,0 50%,52% 62%,24% 100%)}
.rank-relic--zerathion .rank-crown{display:none}.rank-relic--zerathion .rank-horn{opacity:1}.rank-relic--zerathion .rank-emblem{clip-path:polygon(50% 0,92% 25%,81% 84%,50% 100%,19% 84%,8% 25%)}.rank-relic--zerathion .rank-wing{top:31%;height:180px;clip-path:polygon(100% 20%,55% 0,70% 31%,15% 20%,58% 48%,0 61%,58% 70%,22% 100%,84% 81%,100% 100%)}
.rank-relic--inflyra .rank-horn{display:none}.rank-relic--inflyra .rank-crown{height:62px;top:17%;clip-path:polygon(0 100%,13% 45%,36% 73%,50% 0,64% 73%,87% 45%,100% 100%)}.rank-relic--inflyra .rank-emblem{width:132px;height:174px;clip-path:polygon(50% 0,89% 23%,76% 78%,50% 100%,24% 78%,11% 23%)}.rank-relic--inflyra .rank-wing{width:138px;height:183px;top:28%;background:linear-gradient(135deg,rgba(213,255,251,.86),rgba(var(--model-rgb),.64) 38%,var(--rank-deep));clip-path:polygon(100% 24%,63% 0,69% 34%,23% 16%,54% 47%,0 47%,51% 63%,12% 81%,67% 76%,54% 100%,100% 83%)}
.rank-mini{position:relative;width:118px;height:118px;filter:drop-shadow(0 16px 16px rgba(0,0,0,.48));transition:.35s;transform-style:preserve-3d}.rank-mini>i{position:absolute;inset:9px;clip-path:polygon(50% 0,93% 22%,86% 75%,50% 100%,14% 75%,7% 22%);background:linear-gradient(145deg,#303747,var(--rank-metal) 40%,#090c12);box-shadow:inset 0 0 0 6px rgba(var(--model-rgb),.38),0 0 28px rgba(var(--model-rgb),.38)}.rank-mini>b{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:var(--rank-glyph);font-size:2.2rem;text-shadow:0 0 15px rgb(var(--model-rgb))}.rank-mini>span{position:absolute;left:-20%;right:-20%;top:50%;height:26px;border:3px solid rgb(var(--model-rgb));border-radius:50%;transform:rotateX(70deg);box-shadow:0 0 18px rgba(var(--model-rgb),.4)}
.rank-mini--nexorion>i{transform:rotate(45deg);clip-path:none}.rank-mini--aurevyn>i{border-radius:50%;clip-path:none}.rank-mini--zerathion::before,.rank-mini--zerathion::after{content:"";position:absolute;top:-11px;width:38px;height:55px;background:linear-gradient(rgb(var(--model-rgb)),var(--rank-deep));clip-path:polygon(100% 100%,55% 70%,0 0,78% 43%)}.rank-mini--zerathion::before{left:8px}.rank-mini--zerathion::after{right:8px;transform:scaleX(-1)}.rank-mini--inflyra{width:145px}.rank-mini--inflyra>i{inset:15px 28px}.rank-mini--inflyra::before,.rank-mini--inflyra::after{content:"";position:absolute;top:22px;width:65px;height:79px;background:linear-gradient(rgba(var(--model-rgb),.92),var(--rank-deep));clip-path:polygon(100% 0,47% 12%,64% 35%,0 50%,60% 66%,31% 100%,100% 80%)}.rank-mini--inflyra::before{left:0}.rank-mini--inflyra::after{right:0;transform:scaleX(-1)}
.rank-mini--astravex>i{inset:0 30px;clip-path:polygon(50% 0,87% 30%,70% 80%,50% 100%,30% 80%,13% 30%)}.rank-mini--caelurion>i{clip-path:polygon(50% 0,93% 29%,82% 84%,50% 100%,18% 84%,7% 29%)}.rank-mini--vyrnox>i{clip-path:polygon(50% 0,88% 15%,100% 50%,82% 90%,50% 100%,18% 90%,0 50%,12% 15%)}
.vault-product-card[class*="rank-theme--"] .vault-card-visual{background:radial-gradient(circle,rgba(var(--model-rgb),.26),transparent 56%)}.vault-product-card[class*="rank-theme--"]:hover .rank-mini{transform:translateY(-7px) rotateY(13deg) scale(1.07)}
@keyframes rank-spin{to{transform:rotateX(68deg) rotateZ(360deg) translateZ(-12px)}}@keyframes rank-spin-reverse{to{transform:rotateY(68deg) rotateX(12deg) rotateZ(-360deg)}}@keyframes rank-float{50%{margin-top:-10px;filter:brightness(1.3)}}
@media(max-width:760px){.rank-relic{width:285px;height:310px;transform:scale(.82) rotateX(var(--rx)) rotateY(var(--ry))}.rank-signature{bottom:-5px}.rank-halo--outer{width:265px;height:265px;margin:-132px}.rank-wing{transform:scale(.82)}}
@media(prefers-reduced-motion:reduce){.rank-halo,.rank-fragment{animation:none!important}}
