:root{--bg:#07050a;--purple:#b826ff;--text:#f7f3fa;--muted:#a49aaa;--line:rgba(255,255,255,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}header{height:84px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;position:absolute;width:100%;z-index:5;border-bottom:1px solid var(--line)}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px}.brand>b{font:900 22px Orbitron;width:40px;height:40px;display:grid;place-items:center;transform:skew(-8deg);border:1px solid #c04cff;background:#170c1e;box-shadow:inset 0 0 15px #6e159b}.brand strong{font:800 19px Orbitron;letter-spacing:1px}.brand strong span{color:var(--purple)}nav{display:flex;gap:42px}nav a{color:#8f8794;text-decoration:none;font-size:13px;font-weight:600}nav a:hover{color:#fff}.discord{color:#fff;text-decoration:none;padding:11px 17px;border:1px solid #6d278c;background:#170c1e;font-size:13px;font-weight:700}.hero{min-height:100vh;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:120px clamp(24px,8vw,130px) 80px;isolation:isolate;background:radial-gradient(ellipse at 70% 45%,rgba(83,9,124,.35),transparent 43%),linear-gradient(115deg,#09060c,#110718)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(181,46,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(181,46,255,.04) 1px,transparent 1px);background-size:54px 54px}.orb{position:absolute;width:400px;height:400px;border-radius:50%;background:#7710ac;filter:blur(110px);right:12%;opacity:.3;z-index:-1}label{color:#ca66ff;font:700 11px Orbitron;letter-spacing:2.4px}label i{width:25px;height:1px;background:#ba36ff;display:inline-block;vertical-align:middle;margin-right:10px}.hero h1{font:800 clamp(56px,7vw,104px)/.93 Orbitron;margin:24px 0 30px;letter-spacing:-5px;text-transform:uppercase}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #d48aff;text-shadow:0 0 38px rgba(175,27,255,.55)}.intro>p{color:#afa5b4;max-width:590px;line-height:1.8}.actions{display:flex;align-items:center;gap:28px;margin-top:38px}.actions>a:not(.primary){color:#b1a7b6;text-decoration:none;font-size:13px}.primary{display:inline-flex;align-items:center;gap:34px;padding:17px 23px;color:#fff;background:linear-gradient(100deg,#8a19df,#bc31f5);text-decoration:none;font-weight:700;font-size:13px;box-shadow:0 10px 40px rgba(145,25,210,.25);transition:.25s}.primary:hover{transform:translateY(-3px)}.stats{display:flex;gap:46px;margin-top:65px;padding-top:24px;border-top:1px solid var(--line);max-width:520px}.stats div{display:flex;flex-direction:column;gap:5px}.stats b{font:700 17px Orbitron}.stats small{font-size:9px;color:#756c7a;text-transform:uppercase}.online{color:#74f7b6!important;font-size:13px!important}.online:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#53f5a8;box-shadow:0 0 10px #53f5a8;margin-right:7px}.emblem{justify-self:center;text-align:center;display:flex;flex-direction:column;align-items:center;transform:rotate(-3deg);padding:60px}.seven{font:italic 900 clamp(100px,12vw,180px)/.68 Orbitron;letter-spacing:-22px;color:#f2eef7;text-shadow:0 7px 0 #6e6475,0 14px 35px #000}.ghxst{font:italic 800 clamp(70px,8vw,120px)/1 "Brush Script MT",cursive;color:#b623ff;text-shadow:0 0 10px #f47aff,0 8px 5px #31004d}.emblem small{font:700 8px Orbitron;letter-spacing:6px;color:#ae78c3;margin-top:20px}.scroll{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);text-align:center;color:#665d6b;text-decoration:none;font-size:8px;line-height:2;letter-spacing:2px}.products{padding:110px clamp(20px,5vw,75px) 130px;background:radial-gradient(circle at 10% 30%,rgba(91,12,123,.17),transparent 25%)}.heading{display:flex;justify-content:space-between;align-items:end;max-width:1220px;margin:0 auto 52px}.heading h2,.support h2{font:700 clamp(38px,5vw,65px)/1.05 Orbitron;margin:14px 0 0;letter-spacing:-3px}.heading h2 em{font-style:normal;color:#bb37f9}.heading p{max-width:460px;color:#93899a;font-size:14px;line-height:1.7}.filters{max-width:1220px;margin:0 auto 28px;display:flex;gap:10px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:#0d0910;color:#8d8492;padding:11px 16px;font:600 11px Inter;cursor:pointer}.filters button.active,.filters button:hover{color:#fff;border-color:#8e28bb;background:#1b0c23}.filters span{margin-left:7px;color:#d969ff}.grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{min-height:410px;overflow:hidden;border:1px solid rgba(197,56,255,.22);background:linear-gradient(160deg,#1b0e22,#0a070d);transition:.35s;display:flex;flex-direction:column}.card:hover{transform:translateY(-7px);border-color:#a934db;box-shadow:0 20px 55px rgba(69,5,93,.25)}.art{height:180px;position:relative;overflow:hidden;background:radial-gradient(circle at 65% 38%,var(--accent),transparent 35%),linear-gradient(135deg,#22102d,#08060a)}.art:before{content:"";position:absolute;inset:-40%;background:repeating-linear-gradient(110deg,transparent 0 18px,rgba(255,255,255,.05) 19px 20px);transform:rotate(8deg)}.art:after{content:attr(data-code);position:absolute;right:16px;bottom:-18px;font:900 68px Orbitron;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.14)}.icon{position:absolute;left:27px;top:28px;width:84px;height:84px;border:1px solid #bd54ed;transform:rotate(45deg);background:#08050a99;box-shadow:0 0 30px var(--accent);display:grid;place-items:center}.icon svg{width:46px;transform:rotate(-45deg);stroke:#fff;fill:none;stroke-width:1.5}.status{position:absolute;left:22px;bottom:16px;padding:7px 10px;background:#040606d1;font-size:9px;font-weight:800;letter-spacing:1.2px}.status:before{content:"";width:6px;height:6px;display:inline-block;border-radius:50%;background:#45f7a5;box-shadow:0 0 9px #45f7a5;margin-right:7px}.body{padding:25px;display:flex;flex:1;flex-direction:column}.category{font:700 9px Orbitron;letter-spacing:2px;color:#d157ff}.card h3{font:700 20px Orbitron;margin:10px 0}.card p{color:#8f8594;font-size:12px;line-height:1.7}.card-foot{margin-top:auto;padding-top:20px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}.card-foot small{color:#6d6571;font-size:9px}.card-foot a{width:43px;height:43px;display:grid;place-items:center;border:1px solid #472051;color:#e585ff;text-decoration:none}.card:hover .card-foot a{background:#a524e1;color:#fff}.support{padding:90px clamp(24px,9vw,145px);display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:50px;border-top:1px solid var(--line);background:linear-gradient(110deg,#0b070e,#17091e)}.support p{color:#a096a5;line-height:1.8;margin-bottom:28px}footer{padding:35px clamp(24px,5vw,76px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}footer p{font-size:11px;color:#655d69}.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;text-align:center;padding-top:145px}.intro>p,.stats{margin-left:auto;margin-right:auto}.actions{justify-content:center}.grid{grid-template-columns:repeat(2,1fr)}.heading{align-items:start;flex-direction:column;gap:15px}.support{grid-template-columns:1fr}}@media(max-width:600px){header{height:72px;padding:0 18px}.discord{font-size:0;padding:12px}.discord:first-letter{font-size:15px}.hero{padding:120px 20px 70px}.hero h1{font-size:50px;letter-spacing:-3px}.actions{flex-direction:column}.stats{gap:20px;justify-content:space-between}.seven{font-size:100px}.ghxst{font-size:78px}.scroll{display:none}.products{padding-top:75px}.grid{grid-template-columns:1fr}.heading h2,.support h2{font-size:38px}.support{padding:65px 24px}footer{gap:25px;flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.reveal{opacity:1;transform:none}}
/* Logo oficial recreado y efecto de vidrio de las tarjetas */
.art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .45s}.art:after{display:none}.card:hover .art>img{transform:scale(1.075);filter:saturate(1.12) contrast(1.04)}.art:before{z-index:1;background:linear-gradient(180deg,transparent 48%,rgba(6,3,9,.78) 100%);transform:none;inset:0}.status{z-index:2}
.logo-brand img{display:block;width:118px;height:68px;object-fit:contain}.emblem{transform:none;padding:30px}.emblem img{width:min(470px,42vw);filter:drop-shadow(0 20px 55px rgba(174,28,255,.38));animation:logoFloat 5s ease-in-out infinite}.emblem small{margin-top:-5px}@keyframes logoFloat{50%{transform:translateY(-9px)}}
.card{position:relative;isolation:isolate;transition:transform .42s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}.card:hover{transform:translateY(-9px) scale(1.035);z-index:3;border-color:#c154ef;box-shadow:0 28px 65px rgba(91,8,124,.38),inset 0 1px 0 rgba(255,255,255,.16)}.glass-sheen{position:absolute;z-index:5;pointer-events:none;top:-45%;left:-90%;width:48%;height:190%;opacity:0;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),rgba(255,255,255,.32),rgba(218,153,255,.14),transparent);filter:blur(1px)}.card:hover .glass-sheen{opacity:1;animation:glassPass .85s ease-out forwards}@keyframes glassPass{to{left:145%}}
@media(max-width:900px){.emblem img{width:min(430px,80vw)}}

/* Vista unificada con ambiente galáctico */
header{position:fixed;background:rgba(5,2,10,.64);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.galaxy{position:relative;min-height:100vh;overflow:hidden;isolation:isolate;background:#0a0112}
.galaxy:before{content:"";position:absolute;inset:0;z-index:-5;background:radial-gradient(ellipse 65% 32% at 52% 8%,rgba(156,33,255,.22),transparent 72%),radial-gradient(ellipse 42% 28% at 8% 44%,rgba(105,16,173,.24),transparent 72%),radial-gradient(ellipse 55% 35% at 93% 71%,rgba(80,8,145,.28),transparent 70%),linear-gradient(180deg,#07020d 0%,#13031f 44%,#09010f 100%)}
.galaxy:after{content:"";position:absolute;inset:0;z-index:-4;opacity:.22;background-image:linear-gradient(rgba(189,91,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(189,91,255,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
.stars{position:absolute;inset:0;z-index:-3;pointer-events:none;background-repeat:repeat;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:131px 119px;opacity:.55}.stars-two{background-size:197px 173px;background-position:63px 91px;opacity:.28;filter:drop-shadow(0 0 4px #d464ff)}
.light-lines{position:absolute;z-index:-2;top:330px;left:-12%;width:125%;height:350px;transform:rotate(-5deg);border-top:1px solid rgba(181,53,255,.75);border-bottom:1px solid rgba(181,53,255,.55);box-shadow:0 -8px 30px rgba(151,25,235,.18),0 8px 35px rgba(151,25,235,.15)}.light-lines:before,.light-lines:after{content:"";position:absolute;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#9725e7 20%,#d261ff 50%,#7220ba 82%,transparent)}.light-lines:before{top:24px}.light-lines:after{bottom:31px;opacity:.55}
.unified{width:min(1380px,calc(100% - 48px));margin:auto;padding:125px 0 100px}.welcome{text-align:center;padding:5px 20px 48px}.welcome-logo{width:170px;height:94px;object-fit:contain;filter:drop-shadow(0 0 28px rgba(193,45,255,.5));animation:logoFloat 5s ease-in-out infinite}.welcome label{display:block;margin-top:0}.welcome label i:last-child{margin:0 0 0 10px}.welcome h1{font:800 clamp(40px,5vw,70px)/1 Orbitron;margin:18px 0 15px;letter-spacing:-3px;text-transform:uppercase}.welcome h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #d273ff;text-shadow:0 0 30px rgba(183,35,255,.42)}.welcome p{color:#a99eaf;margin:0;font-size:14px}
.catalog{padding:0}.catalog-title{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.11);padding-bottom:18px;margin-bottom:18px}.catalog-title h2{font:700 clamp(25px,3vw,39px) Orbitron;margin:0;letter-spacing:-1.5px}.catalog-title span{font-size:10px;color:#b74be9;text-transform:uppercase;letter-spacing:1.5px}.filters{margin:0 0 25px;max-width:none}.grid{max-width:none;grid-template-columns:repeat(4,1fr)}.card{min-height:390px;background:linear-gradient(155deg,rgba(28,11,39,.79),rgba(7,4,11,.87));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.art{height:175px}
footer{position:relative;background:#07020d}
@media(max-width:1150px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.unified{width:min(100% - 30px,700px);padding-top:105px}.welcome{padding-bottom:38px}.catalog-title{align-items:start;flex-direction:column;gap:8px}}
@media(max-width:540px){.grid{grid-template-columns:1fr}.welcome h1{font-size:38px;letter-spacing:-2px}.welcome-logo{width:140px}.catalog-title h2{font-size:25px}.light-lines{top:290px}}

/* Identidad gráfica, movimiento espacial y electricidad */
.logo-brand img{width:120px;height:76px;object-fit:contain}.welcome-logo{width:240px;height:145px}.discord{height:54px;padding:5px 12px 5px 6px;display:flex;align-items:center;gap:10px;border-color:rgba(194,74,255,.55);background:linear-gradient(100deg,rgba(52,13,71,.82),rgba(15,7,23,.88));box-shadow:inset 0 0 18px rgba(171,35,239,.13),0 0 20px rgba(140,30,200,.09);transition:.3s}.discord:hover{transform:translateY(-2px);border-color:#d161ff;box-shadow:0 0 28px rgba(182,44,245,.3)}.discord img{width:44px;height:44px;object-fit:contain}.discord span{display:flex;flex-direction:column;font-size:12px;line-height:1.35}.discord small{font-size:7px;letter-spacing:1.4px;color:#c96aff}.discord b{color:#db7cff;margin-left:6px}
.stars-one{animation:starDrift 25s linear infinite}.stars-two{animation:starDriftTwo 38s linear infinite}.galaxy:before{animation:nebulaPulse 9s ease-in-out infinite alternate}.light-lines{animation:energyFlow 8s ease-in-out infinite alternate}.light-lines:before{animation:lineSpark 3.2s linear infinite}@keyframes starDrift{to{background-position:131px 119px}}@keyframes starDriftTwo{to{background-position:-134px 264px}}@keyframes nebulaPulse{to{filter:hue-rotate(17deg) brightness(1.28);transform:scale(1.08)}}@keyframes energyFlow{to{transform:rotate(-3deg) translateY(45px);filter:brightness(1.5)}}@keyframes lineSpark{0%{opacity:.2;filter:blur(2px)}50%{opacity:1;filter:blur(0)}100%{opacity:.2;filter:blur(2px)}}
.card{overflow:visible;border-color:rgba(186,62,255,.48);box-shadow:0 0 9px rgba(169,43,244,.14),inset 0 0 16px rgba(120,21,175,.08)}.card:before,.card:after{content:"";position:absolute;inset:-2px;z-index:-1;border:1px solid transparent;pointer-events:none;opacity:.4}.card:before{border-color:#c667ff;filter:drop-shadow(0 0 4px #ba40ff);clip-path:polygon(0 0,40% 0,40% 2px,100% 2px,100% 40%,calc(100% - 2px) 40%,calc(100% - 2px) 100%,55% 100%,55% calc(100% - 2px),0 calc(100% - 2px));animation:electricClip 2.4s steps(2,end) infinite}.card:after{inset:-4px;border-color:#7832b3;filter:blur(2px);animation:electricPulse 1.35s ease-in-out infinite}.electric{position:absolute;z-index:7;pointer-events:none;background:#f3c2ff;box-shadow:0 0 4px #fff,0 0 9px #cd43ff,0 0 16px #861dc7}.electric-a{width:2px;height:25%;right:-2px;top:8%;animation:boltVertical 1.8s ease-in-out infinite}.electric-b{height:2px;width:25%;left:8%;bottom:-2px;animation:boltHorizontal 2.1s ease-in-out infinite}.card:hover{transform:translateY(-12px) scale(1.045);border-color:#e4a2ff;box-shadow:0 0 8px #e5a4ff,0 0 22px #ac2bea,0 0 48px rgba(126,19,183,.58),inset 0 0 24px rgba(179,53,236,.17)}.card:hover:before{opacity:1;animation-duration:.75s}.card:hover:after{opacity:.9}.card:hover .electric{animation-duration:.55s}.card-skull{position:absolute;z-index:3;right:-13px;top:188px;width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 0 10px #b92dff);transition:transform .4s,filter .4s;pointer-events:none}.card:hover .card-skull{transform:scale(1.16) rotate(4deg);filter:drop-shadow(0 0 16px #e174ff)}.body{padding-right:67px}
@keyframes electricClip{0%{clip-path:polygon(0 0,32% 0,32% 2px,100% 2px,100% 22%,calc(100% - 2px) 22%,calc(100% - 2px) 100%,67% 100%,67% calc(100% - 2px),0 calc(100% - 2px))}33%{clip-path:polygon(0 0,72% 0,72% 2px,100% 2px,100% 68%,calc(100% - 2px) 68%,calc(100% - 2px) 100%,25% 100%,25% calc(100% - 2px),0 calc(100% - 2px))}66%{clip-path:polygon(0 0,18% 0,18% 2px,100% 2px,100% 85%,calc(100% - 2px) 85%,calc(100% - 2px) 100%,80% 100%,80% calc(100% - 2px),0 calc(100% - 2px))}}@keyframes electricPulse{50%{opacity:.12;filter:blur(4px)}}@keyframes boltVertical{0%{top:5%;opacity:0}15%{opacity:1}70%{opacity:.8}100%{top:78%;opacity:0}}@keyframes boltHorizontal{0%{left:5%;opacity:0}15%{opacity:1}70%{opacity:.8}100%{left:72%;opacity:0}}
@media(max-width:600px){.discord span,.discord b{display:none}.discord{padding:4px}.discord img{width:42px}.logo-brand img{width:96px}.card-skull{right:-7px}}
/* Movimiento reforzado: se mantiene activo para esta identidad visual */
.galaxy{background:linear-gradient(125deg,#050008,#190425,#08000d,#260538,#09000f);background-size:350% 350%;animation:galaxyShift 13s ease-in-out infinite}
.galaxy:before{inset:-18%;background:radial-gradient(circle at 18% 32%,rgba(186,38,255,.48) 0,rgba(102,13,161,.2) 18%,transparent 39%),radial-gradient(circle at 76% 23%,rgba(105,34,240,.42) 0,rgba(67,9,135,.18) 22%,transparent 44%),radial-gradient(circle at 61% 79%,rgba(206,44,255,.33) 0,rgba(97,13,161,.2) 20%,transparent 43%);animation:nebulaTravel 16s ease-in-out infinite alternate;filter:blur(18px)}
.stars-one{opacity:.78;animation:starsMove 13s linear infinite}.stars-two{opacity:.5;animation:starsMoveBack 20s linear infinite}.light-lines{opacity:.85;animation:energySweep 7s ease-in-out infinite alternate}
@keyframes galaxyShift{0%{background-position:0 20%}50%{background-position:100% 80%}100%{background-position:0 20%}}@keyframes nebulaTravel{0%{transform:translate3d(-6%,-4%,0) scale(1) rotate(-3deg);filter:blur(20px) hue-rotate(0)}100%{transform:translate3d(9%,7%,0) scale(1.18) rotate(5deg);filter:blur(28px) hue-rotate(25deg)}}@keyframes starsMove{to{background-position:262px 238px}}@keyframes starsMoveBack{to{background-position:-331px 346px}}@keyframes energySweep{0%{transform:rotate(-7deg) translate3d(-4%,-35px,0);filter:brightness(.8)}100%{transform:rotate(-2deg) translate3d(5%,95px,0);filter:brightness(2)}}
.card{border:1px solid #a932e7;box-shadow:0 0 6px #c44cff,0 0 15px rgba(151,31,220,.36),inset 0 0 14px rgba(184,52,247,.13)}
.card:before{inset:-4px;border:2px solid #e7a1ff;opacity:.95;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px #d346ff) drop-shadow(0 0 14px #7d0dc0);animation:electricFlicker .38s steps(2,end) infinite}
.card:after{inset:-7px;border:2px solid #9c28e4;opacity:.72;filter:blur(4px) drop-shadow(0 0 12px #c83eff);animation:electricOuter 1.1s ease-in-out infinite}
.electric{opacity:1;background:#fff;width:auto;height:auto;filter:none}.electric-a{right:-4px;top:0;width:3px;height:34%;animation:boltVerticalStrong .9s linear infinite}.electric-b{left:0;bottom:-4px;width:34%;height:3px;animation:boltHorizontalStrong 1.05s linear infinite}.electric:before,.electric:after{content:"";position:absolute;background:#fff;box-shadow:0 0 5px 2px #fff,0 0 12px 5px #d94fff,0 0 22px 8px #7813bd}.electric-a:before{width:7px;height:7px;left:-2px;bottom:0;transform:rotate(45deg)}.electric-b:before{width:7px;height:7px;right:0;top:-2px;transform:rotate(45deg)}
.card:hover:before{animation:electricFlicker .18s steps(2,end) infinite}.card:hover:after{animation:electricOuter .55s ease-in-out infinite}.card:hover{box-shadow:0 0 8px #fff,0 0 21px #c743ff,0 0 50px rgba(133,19,202,.75),inset 0 0 30px rgba(189,59,247,.23)}
.card-skull{right:-30px;top:-38px;width:132px;height:132px;z-index:8;filter:drop-shadow(0 0 8px #d34dff) drop-shadow(0 0 16px rgba(153,27,224,.75))}.card:hover .card-skull{transform:scale(1.13) rotate(7deg);filter:drop-shadow(0 0 9px #fff) drop-shadow(0 0 20px #c437ff)}
@keyframes electricFlicker{0%,100%{opacity:.95;clip-path:polygon(0 0,24% 0,24% 3px,100% 3px,100% 27%,calc(100% - 3px) 27%,calc(100% - 3px) 100%,62% 100%,62% calc(100% - 3px),0 calc(100% - 3px))}50%{opacity:.55;clip-path:polygon(0 0,76% 0,76% 3px,100% 3px,100% 73%,calc(100% - 3px) 73%,calc(100% - 3px) 100%,18% 100%,18% calc(100% - 3px),0 calc(100% - 3px))}}@keyframes electricOuter{50%{opacity:.2;filter:blur(7px) drop-shadow(0 0 20px #df62ff)}}@keyframes boltVerticalStrong{0%{top:-3%;opacity:0}12%{opacity:1}85%{opacity:1}100%{top:70%;opacity:0}}@keyframes boltHorizontalStrong{0%{left:-3%;opacity:0}12%{opacity:1}85%{opacity:1}100%{left:70%;opacity:0}}
@media(max-width:600px){.card-skull{right:-18px;top:-28px;width:110px;height:110px}}

/* Optimización de rendimiento y acabado final */
header{position:absolute;height:88px;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}.header-card{pointer-events:auto;border:1px solid rgba(188,76,239,.38);background:rgba(12,5,19,.72);box-shadow:0 5px 22px rgba(44,4,65,.22);backdrop-filter:none;-webkit-backdrop-filter:none}.logo-brand.header-card{width:124px;height:64px;justify-content:center}.logo-brand.header-card img{width:105px;height:61px}.discord.header-card{height:54px;background:rgba(16,6,24,.78)}
.galaxy{background:#08020e;animation:none}.galaxy:before{inset:-25%;filter:none;background:radial-gradient(circle at 20% 28%,rgba(137,28,207,.42),transparent 28%),radial-gradient(circle at 78% 24%,rgba(85,36,183,.35),transparent 31%),radial-gradient(circle at 58% 78%,rgba(183,37,221,.28),transparent 30%);will-change:transform;animation:nebulaGpu 24s ease-in-out infinite alternate}.galaxy:after{opacity:.14;animation:none}.stars{will-change:transform;background-position:0 0;animation:starsGpu 35s linear infinite}.stars-two{animation:starsGpuBack 52s linear infinite}.light-lines{opacity:.38;filter:none;will-change:transform;animation:linesGpu 18s ease-in-out infinite alternate}.light-lines:before,.light-lines:after{animation:none}
@keyframes nebulaGpu{from{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(5%,4%,0) scale(1.08)}}@keyframes starsGpu{to{transform:translate3d(131px,119px,0)}}@keyframes starsGpuBack{to{transform:translate3d(-197px,173px,0)}}@keyframes linesGpu{from{transform:translate3d(-3%,-20px,0) rotate(-6deg)}to{transform:translate3d(3%,55px,0) rotate(-3deg)}}
.card{overflow:hidden;border:1px solid rgba(181,66,229,.48);box-shadow:0 8px 25px rgba(30,3,44,.28);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;contain:layout paint}.card:before,.card:after,.electric{display:none}.card:hover{transform:translateY(-6px) scale(1.015);border-color:#c966ef;box-shadow:0 12px 30px rgba(78,12,104,.35),0 0 12px rgba(175,56,223,.18)}.glass-sheen{top:-30%;left:-65%;width:34%;height:155%;opacity:0;transform:rotate(15deg);filter:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),rgba(215,135,255,.11),transparent)}.card:hover .glass-sheen{animation:glassPassFast .62s ease-out forwards}@keyframes glassPassFast{from{left:-65%;opacity:0}25%{opacity:.7}to{left:130%;opacity:0}}
.card-skull{right:7px;top:7px;width:65px;height:65px;z-index:4;filter:drop-shadow(0 0 6px rgba(194,56,243,.8));opacity:.9}.card:hover .card-skull{transform:scale(1.06);filter:drop-shadow(0 0 8px rgba(207,74,255,.9))}.body{padding-right:58px}
@media(max-width:600px){header{padding:0 12px}.logo-brand.header-card{width:100px;height:56px}.logo-brand.header-card img{width:88px}.discord.header-card{height:50px}.card-skull{right:6px;top:6px;width:58px;height:58px}}

/* Cabecera flotante limpia */
.header-card,.logo-brand.header-card,.discord.header-card{border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.logo-brand.header-card{width:150px;height:75px;justify-content:flex-start}.logo-brand.header-card img{width:135px;height:75px;filter:drop-shadow(0 0 9px rgba(196,57,255,.5));transition:transform .25s}.logo-brand.header-card:hover img{transform:scale(1.04)}.discord.header-card{height:58px;padding:3px 10px 3px 3px;border-radius:30px;gap:8px}.discord.header-card:before{content:"";position:absolute;inset:6px 2px 6px 42px;z-index:-1;border-radius:25px;background:linear-gradient(90deg,rgba(40,10,58,.5),rgba(12,5,19,.15));opacity:.65}.discord.header-card:hover{transform:translateY(-2px);box-shadow:none}.discord.header-card img{width:54px;height:54px;filter:drop-shadow(0 0 7px rgba(199,53,255,.55))}.discord.header-card span{padding-right:7px}.discord.header-card b{margin-left:0}

/* Contenedor exterior: calavera fuera, cristal dentro */
.grid{row-gap:34px}.card-shell{position:relative;min-width:0;transition:transform .28s ease;isolation:isolate}.card-shell:hover{transform:translateY(-6px) scale(1.015);z-index:5}.card-shell .card{height:100%;transform:none}.card-shell:hover .card{transform:none;border-color:#e0a1ff;box-shadow:0 12px 30px rgba(78,12,104,.35),0 0 17px rgba(189,63,239,.35)}.card-skull{right:-22px;top:-34px;width:88px;height:88px;z-index:8;opacity:.96;filter:drop-shadow(0 0 7px rgba(201,65,255,.85));pointer-events:none}.card-shell:hover .card-skull{transform:scale(1.08) rotate(4deg);filter:drop-shadow(0 0 10px rgba(223,115,255,.95))}.body{padding-right:25px}

/* Borde eléctrico fino inspirado en descargas reales */
.electric-frame{display:block;position:absolute;inset:0;z-index:7;pointer-events:none;border:1px solid rgba(202,111,255,.62);box-shadow:inset 0 0 4px rgba(210,113,255,.2);animation:electricBreath 2.2s ease-in-out infinite}.electric-frame:before,.electric-frame:after{content:"";position:absolute;pointer-events:none}.electric-frame:before{inset:-2px;background:linear-gradient(90deg,transparent 3%,#f0c8ff 8%,transparent 11%,transparent 34%,#bd4dff 38%,transparent 41%,transparent 76%,#fff 80%,transparent 83%) top/100% 2px no-repeat,linear-gradient(90deg,transparent 12%,#c85cff 16%,transparent 20%,transparent 52%,#fff 56%,transparent 59%,transparent 89%,#ad3ee8 93%,transparent 96%) bottom/100% 2px no-repeat;filter:drop-shadow(0 0 3px #d25cff);animation:electricHorizontal 1.65s steps(5,end) infinite}.electric-frame:after{inset:-2px;background:linear-gradient(180deg,transparent 4%,#fff 9%,transparent 12%,transparent 42%,#b837fa 47%,transparent 51%,transparent 78%,#e9bbff 82%,transparent 86%) left/2px 100% no-repeat,linear-gradient(180deg,transparent 16%,#c64dff 20%,transparent 24%,transparent 57%,#fff 62%,transparent 66%,transparent 88%,#b236ed 92%,transparent 96%) right/2px 100% no-repeat;filter:drop-shadow(0 0 3px #c84eff);animation:electricVertical 1.35s steps(4,end) infinite reverse}.card-shell:hover .electric-frame{border-color:rgba(232,179,255,.9);box-shadow:inset 0 0 7px rgba(202,77,255,.25),0 0 5px rgba(208,90,255,.45);animation-duration:.8s}.card-shell:hover .electric-frame:before,.card-shell:hover .electric-frame:after{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 5px #cb45ff);animation-duration:.7s}
@keyframes electricBreath{0%,100%{opacity:.58}50%{opacity:1}}@keyframes electricHorizontal{0%{transform:translateX(-4px);opacity:.5}45%{transform:translateX(7px);opacity:1}70%{transform:translateX(-2px);opacity:.7}100%{transform:translateX(4px);opacity:.9}}@keyframes electricVertical{0%{transform:translateY(-5px);opacity:.55}40%{transform:translateY(6px);opacity:1}75%{transform:translateY(-2px);opacity:.65}100%{transform:translateY(4px);opacity:.95}}
@media(max-width:600px){.logo-brand.header-card{width:106px;height:60px}.logo-brand.header-card img{width:100px;height:60px}.discord.header-card img{width:48px;height:48px}.card-skull{right:-12px;top:-25px;width:72px;height:72px}}

/* La insignia ocupa una zona propia sobre la tarjeta */
.grid{row-gap:18px}.card-shell{display:flex;flex-direction:column;padding-top:52px}.card-shell .card{height:auto;flex:1}.card-skull{top:-10px;right:3px;width:62px;height:62px}.card-shell:hover .card-skull{transform:scale(1.06) rotate(3deg)}
@media(max-width:600px){.card-shell{padding-top:47px}.card-skull{top:-7px;right:4px;width:54px;height:54px}}

/* Ajustes finales: insignia de esquina, galaxia profunda y flujo continuo */
html,body,a,button,img,.card{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.grid{row-gap:26px}.card-shell{padding-top:0;display:block}.card-shell .card{height:100%}.card-skull{top:-17px;right:-12px;width:40px;height:40px;opacity:.92;filter:drop-shadow(0 0 5px #d451ff);transform:none}.card-shell:hover .card-skull{transform:scale(1.08) rotate(3deg)}
.galaxy{background:linear-gradient(145deg,#040008 0%,#10031d 32%,#07000e 58%,#180426 100%)}.galaxy:before{inset:-35%;opacity:.9;background:radial-gradient(ellipse at 22% 30%,rgba(181,42,242,.48) 0%,rgba(91,15,155,.22) 17%,transparent 38%),radial-gradient(ellipse at 74% 26%,rgba(75,54,221,.38) 0%,rgba(78,15,153,.18) 20%,transparent 42%),radial-gradient(ellipse at 54% 76%,rgba(224,45,207,.31) 0%,rgba(104,14,146,.2) 19%,transparent 41%),conic-gradient(from 30deg at 50% 50%,transparent,#3f0a6b55,transparent,#71128144,transparent);will-change:transform;animation:galaxyOrbit 34s linear infinite}.galaxy:after{opacity:.1}.stars-one{opacity:.78;animation:starsGpu 38s linear infinite}.stars-two{opacity:.43;animation:starsGpuBack 58s linear infinite}.light-lines{opacity:.55;animation:linesGpu 14s ease-in-out infinite alternate}.light-lines:after{box-shadow:0 0 16px #bd41ff}
@keyframes galaxyOrbit{from{transform:translate3d(-2%,-2%,0) rotate(0deg) scale(1)}to{transform:translate3d(2%,2%,0) rotate(360deg) scale(1.06)}}
.electric-frame{animation:electricBreath 1.8s ease-in-out infinite}.electric-frame:before{animation:electricHorizontal 1.9s linear infinite}.electric-frame:after{animation:electricVertical 1.6s linear infinite}.card-shell:hover .electric-frame:before{animation:electricHorizontal .95s linear infinite}.card-shell:hover .electric-frame:after{animation:electricVertical .8s linear infinite}.card-shell:hover .electric-frame{animation:electricBreath .9s ease-in-out infinite}
@keyframes electricHorizontal{0%{transform:translate3d(-12px,0,0);opacity:.45}25%{opacity:1}50%{transform:translate3d(12px,0,0);opacity:.7}75%{opacity:1}100%{transform:translate3d(-12px,0,0);opacity:.45}}@keyframes electricVertical{0%{transform:translate3d(0,-10px,0);opacity:.5}25%{opacity:1}50%{transform:translate3d(0,10px,0);opacity:.7}75%{opacity:1}100%{transform:translate3d(0,-10px,0);opacity:.5}}
@media(max-width:600px){.card-shell{padding-top:0}.card-skull{top:-14px;right:-8px;width:34px;height:34px}}
/* Optimización global */
.card-shell{content-visibility:auto;contain-intrinsic-size:auto 420px}.electric-frame,.electric-frame:before,.electric-frame:after,.card:before,.card:after{animation-play-state:paused}.card-shell:hover .electric-frame,.card-shell:hover .electric-frame:before,.card-shell:hover .electric-frame:after,.card-shell:hover .card:before,.card-shell:hover .card:after{animation-play-state:running}.galaxy:before{animation-duration:55s}.stars-two{animation:none}.noise{display:none}
/* Fondo global adaptado desde image_2ad3ba60.jpg */
.galaxy{background:#050008!important}.galaxy:before{content:""!important;position:absolute!important;z-index:-5!important;inset:-6%!important;background-image:linear-gradient(180deg,rgba(4,0,9,.3),rgba(5,0,10,.58)),url("assets/global-galaxy.jpg")!important;background-size:cover!important;background-position:center 46%!important;background-repeat:no-repeat!important;filter:saturate(1.1) contrast(1.03)!important;opacity:.9!important;animation:globalGalaxyMove 28s ease-in-out infinite alternate!important;will-change:transform}.galaxy:after{z-index:-4!important;background:linear-gradient(90deg,rgba(4,0,9,.58),rgba(7,1,13,.18) 50%,rgba(4,0,9,.58))!important;opacity:1!important;animation:none!important}.stars{z-index:-3!important;opacity:.28!important}.light-lines{opacity:.2!important}footer{background:linear-gradient(rgba(5,0,9,.76),rgba(5,0,9,.92)),url("assets/global-galaxy.jpg") center bottom/cover!important}@keyframes globalGalaxyMove{0%{transform:scale(1.03) translate3d(-1.5%,-1%,0)}100%{transform:scale(1.12) translate3d(1.5%,2%,0)}}

/* Fondo global V2: púrpura técnico, sin imagen ni logos */
.galaxy{
  background:
    radial-gradient(ellipse at 16% 20%,rgba(115,25,144,.24),transparent 42%),
    radial-gradient(ellipse at 82% 76%,rgba(72,15,105,.20),transparent 46%),
    linear-gradient(135deg,#16051f 0%,#21062e 48%,#0f0318 100%)!important;
}
.galaxy:before{
  content:""!important;
  position:absolute!important;
  z-index:-5!important;
  inset:-8%!important;
  background-image:
    linear-gradient(rgba(205,104,244,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(205,104,244,.075) 1px,transparent 1px)!important;
  background-size:102px 102px!important;
  background-position:center!important;
  filter:none!important;
  opacity:.72!important;
  animation:purpleGridDrift 24s linear infinite!important;
  will-change:transform;
}
.galaxy:after{
  content:""!important;
  position:absolute!important;
  z-index:-4!important;
  inset:0!important;
  background-image:
    radial-gradient(circle at 8% 20%,rgba(255,255,255,.85) 0 1px,transparent 1.8px),
    radial-gradient(circle at 25% 72%,rgba(229,164,255,.75) 0 1px,transparent 1.8px),
    radial-gradient(circle at 44% 31%,rgba(255,255,255,.65) 0 1px,transparent 1.7px),
    radial-gradient(circle at 63% 78%,rgba(199,116,243,.8) 0 1px,transparent 1.8px),
    radial-gradient(circle at 82% 24%,rgba(255,255,255,.7) 0 1px,transparent 1.7px),
    radial-gradient(circle at 94% 66%,rgba(220,142,255,.75) 0 1px,transparent 1.8px),
    linear-gradient(176deg,transparent 55%,rgba(191,71,232,.24) 55.2%,transparent 55.5%),
    linear-gradient(177.5deg,transparent 62%,rgba(138,50,179,.22) 62.2%,transparent 62.5%)!important;
  background-size:100% 100%!important;
  opacity:.68!important;
  animation:purpleStarsPulse 6s ease-in-out infinite!important;
}
.stars{opacity:.30!important;animation:stars 55s linear infinite!important}
.light-lines{opacity:.16!important}
footer{background:linear-gradient(135deg,rgba(19,4,28,.96),rgba(34,7,46,.94),rgba(12,2,19,.97))!important}

@keyframes purpleGridDrift{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(102px,102px,0)}
}
@keyframes purpleStarsPulse{
  0%,100%{opacity:.46;filter:brightness(.82)}
  50%{opacity:.82;filter:brightness(1.18)}
}

/* Fondo Purple Grid V3: referencia técnica animada */
.galaxy{
  background:linear-gradient(115deg,#1a0526 0%,#260834 48%,#13031e 100%)!important;
  isolation:isolate;
}
.galaxy:before{
  inset:-110px!important;
  background-image:
    linear-gradient(rgba(219,125,255,.095) 1px,transparent 1px),
    linear-gradient(90deg,rgba(219,125,255,.095) 1px,transparent 1px)!important;
  background-size:100px 100px!important;
  opacity:.7!important;
  filter:none!important;
  transform:perspective(900px) rotateX(3deg)!important;
  transform-origin:center top!important;
  animation:gridGlide 22s linear infinite!important;
}
.galaxy:after{
  inset:0!important;
  background:
    radial-gradient(circle at 7% 23%,#fff 0 1px,transparent 1.8px),
    radial-gradient(circle at 19% 62%,#d875ff 0 1.2px,transparent 2px),
    radial-gradient(circle at 34% 17%,#fff 0 .8px,transparent 1.6px),
    radial-gradient(circle at 49% 72%,#eeadff 0 1px,transparent 1.8px),
    radial-gradient(circle at 66% 31%,#b957ee 0 1.2px,transparent 2px),
    radial-gradient(circle at 81% 76%,#fff 0 .8px,transparent 1.6px),
    radial-gradient(circle at 94% 28%,#d16cff 0 1px,transparent 1.8px),
    radial-gradient(ellipse at 42% 44%,rgba(135,31,169,.16),transparent 48%)!important;
  opacity:.75!important;
  animation:starBlinkField 5.2s ease-in-out infinite!important;
}
.stars-one{
  z-index:-3!important;
  opacity:.34!important;
  background-size:173px 151px!important;
  animation:starLayerForward 38s linear infinite!important;
}
.stars-two{
  z-index:-3!important;
  opacity:.2!important;
  display:block!important;
  background-size:241px 219px!important;
  animation:starLayerBack 58s linear infinite!important;
}
.light-lines{
  display:block!important;
  z-index:-1!important;
  top:44%!important;
  left:-15%!important;
  width:135%!important;
  height:78px!important;
  border-top:1px solid rgba(213,91,255,.48)!important;
  border-bottom:1px solid rgba(134,38,179,.25)!important;
  background:linear-gradient(90deg,transparent,rgba(184,49,229,.045),transparent)!important;
  box-shadow:0 -1px 13px rgba(199,66,244,.16),0 1px 16px rgba(151,35,201,.11)!important;
  opacity:.75!important;
  transform:rotate(-2.2deg)!important;
  animation:energyBandFloat 8s ease-in-out infinite alternate!important;
}
.light-lines:before{
  top:19px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent 3%,rgba(149,44,192,.15) 28%,#d45bff 48%,rgba(147,42,190,.16) 71%,transparent 97%)!important;
  box-shadow:0 0 9px rgba(211,82,255,.4)!important;
  animation:energyLineTravel 5.5s ease-in-out infinite!important;
}
.light-lines:after{
  bottom:17px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(207,73,250,.3),transparent)!important;
  box-shadow:none!important;
  animation:energyLineTravel 7.2s ease-in-out infinite reverse!important;
}
@keyframes gridGlide{
  0%{background-position:0 0;opacity:.48}
  50%{opacity:.76}
  100%{background-position:100px 100px;opacity:.48}
}
@keyframes starBlinkField{
  0%,100%{opacity:.48;filter:brightness(.75)}
  35%{opacity:.82;filter:brightness(1.25)}
  68%{opacity:.6;filter:brightness(.95)}
}
@keyframes starLayerForward{to{transform:translate3d(60px,34px,0)}}
@keyframes starLayerBack{to{transform:translate3d(-45px,27px,0)}}
@keyframes energyBandFloat{
  from{transform:rotate(-2.2deg) translate3d(0,-9px,0)}
  to{transform:rotate(-1.2deg) translate3d(0,18px,0)}
}
@keyframes energyLineTravel{
  0%,100%{background-position:-45vw 0;opacity:.25}
  50%{background-position:45vw 0;opacity:1}
}
@media(max-width:600px){
  .galaxy:before{background-size:64px 64px!important}
  .light-lines{top:38%!important;height:58px!important}
}

.card-shell.is-development{cursor:pointer}.card-shell.is-development .status{display:flex;align-items:center;gap:6px;color:#ffd95a;border-color:rgba(255,201,45,.62);background:rgba(72,50,4,.88);box-shadow:0 0 16px rgba(255,196,32,.2);animation:developmentBadge 2.2s ease-in-out infinite}.card-shell.is-development .status:before{display:none}.card-shell.is-development .status-wrench{width:13px;height:13px;fill:none;stroke:#ffe172;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;animation:wrenchWork 1.7s ease-in-out infinite;transform-origin:50% 78%}.card-shell.is-development .card-foot small{color:#c5a954}.card-shell.is-development .card-foot a{color:#ffd75a;border-color:rgba(255,202,54,.35);background:rgba(91,61,5,.22)}.card-shell.is-development:hover .card-foot a{box-shadow:0 0 18px rgba(255,196,30,.28)}
.development-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(3,0,7,.78);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.development-modal.open{opacity:1;visibility:visible}.development-dialog{position:relative;width:min(460px,100%);padding:38px 34px 31px;text-align:center;border:1px solid rgba(255,206,65,.42);background:radial-gradient(circle at 50% 0,rgba(112,76,7,.34),transparent 43%),linear-gradient(145deg,#1b111f,#0d0812);box-shadow:0 0 0 1px rgba(255,225,119,.06) inset,0 0 45px rgba(255,191,26,.15),0 28px 80px rgba(0,0,0,.65);transform:translateY(16px) scale(.96);transition:transform .28s}.development-modal.open .development-dialog{transform:none}.development-close{position:absolute;right:13px;top:13px;width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(255,220,114,.18);background:rgba(255,208,57,.05);cursor:pointer}.development-close svg{width:16px;fill:none;stroke:#d9c27a;stroke-width:1.6}.development-tool{position:relative;width:72px;height:72px;display:grid;place-items:center;margin:0 auto 20px;border:1px solid rgba(255,205,49,.42);border-radius:50%;background:rgba(91,61,5,.24);box-shadow:0 0 25px rgba(255,190,21,.16)}.development-tool .status-wrench{width:34px;height:34px;fill:none;stroke:#ffd95a;stroke-width:1.45;animation:wrenchWork 1.7s ease-in-out infinite;transform-origin:50% 78%}.development-tool>span{position:absolute;inset:-7px;border:1px dashed rgba(255,212,74,.34);border-radius:50%;animation:developmentRotate 9s linear infinite}.development-dialog>small{font:600 9px Orbitron;letter-spacing:2px;color:#d5ae3d}.development-dialog h2{margin:10px 0 12px;font:600 28px Orbitron;color:#ffe68a}.development-dialog p{margin:0 auto;max-width:360px;color:#aa9eac;font-size:13px;line-height:1.8}.development-dialog p strong{color:#fff}.development-progress{height:3px;margin:25px 0 10px;overflow:hidden;background:rgba(255,215,83,.1)}.development-progress span{display:block;width:42%;height:100%;background:linear-gradient(90deg,#9f6a00,#ffe16b,#ba7a00);box-shadow:0 0 10px #ffc62b;animation:developmentProgress 2.5s ease-in-out infinite alternate}.development-dialog>b{display:block;margin-bottom:24px;font:600 8px Orbitron;letter-spacing:2px;color:#9b874c}.development-confirm{min-width:150px;padding:12px 18px;border:1px solid rgba(255,211,75,.42);background:linear-gradient(135deg,rgba(121,80,4,.72),rgba(70,43,3,.72));color:#ffe381;font:600 9px Orbitron;letter-spacing:1.4px;cursor:pointer;transition:.2s}.development-confirm:hover{border-color:#ffe275;box-shadow:0 0 18px rgba(255,196,30,.2)}body.modal-open{overflow:hidden}@keyframes developmentBadge{50%{border-color:#ffe477;box-shadow:0 0 22px rgba(255,198,32,.38);filter:brightness(1.14)}}@keyframes wrenchWork{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(17deg)}}@keyframes developmentRotate{to{transform:rotate(360deg)}}@keyframes developmentProgress{from{transform:translateX(-15%)}to{transform:translateX(155%)}}

/* Ventana de desarrollo GHXST V2 */
.development-dialog{width:min(520px,100%);padding:24px 38px 32px;overflow:hidden;border-color:rgba(213,70,248,.48);background:radial-gradient(circle at 50% -12%,rgba(178,35,221,.25),transparent 42%),linear-gradient(145deg,#17051f,#09030e 68%,#13041a);box-shadow:0 0 0 1px rgba(238,128,255,.06) inset,0 0 48px rgba(183,42,225,.24),0 32px 90px rgba(0,0,0,.72)}.development-dialog:before,.development-dialog:after{content:"";position:absolute;pointer-events:none}.development-dialog:before{inset:0;border:1px solid transparent;border-image:linear-gradient(135deg,#f099ff,transparent 28%,transparent 70%,#9b27c4) 1;opacity:.5}.development-dialog:after{width:160px;height:1px;left:-160px;top:0;background:linear-gradient(90deg,transparent,#fff,#db63ff,transparent);box-shadow:0 0 12px #d855ff;animation:dialogEdgeTravel 4.5s linear infinite}.dialog-grid{position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(221,115,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(221,115,255,.16) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}.dialog-scan{position:absolute;z-index:1;left:0;right:0;top:-30%;height:70px;pointer-events:none;background:linear-gradient(transparent,rgba(213,78,247,.09),transparent);animation:dialogScan 5s linear infinite}.development-close{z-index:5;border-color:rgba(216,100,247,.3);background:rgba(119,25,144,.13)}.development-close svg{stroke:#e5a2f5}.development-brand{position:relative;z-index:2;width:214px;height:126px;margin:-3px auto 4px;display:grid;place-items:center}.development-brand img{position:relative;z-index:2;width:210px;height:120px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(239,94,255,.7));animation:developmentLogoFloat 3.8s ease-in-out infinite}.development-brand>span{position:absolute;width:118px;height:70px;border-radius:50%;background:rgba(193,47,231,.2);filter:blur(22px);animation:developmentLogoGlow 2.6s ease-in-out infinite}.development-heading{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;gap:9px}.development-heading>span{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,210,70,.36);border-radius:50%;background:rgba(91,60,4,.28)}.development-heading .status-wrench{width:15px;height:15px;fill:none;stroke:#ffdb5e;stroke-width:1.7;animation:wrenchWork 1.7s ease-in-out infinite}.development-heading small{font:600 8px Orbitron;letter-spacing:2px;color:#d5ae3d}.development-dialog h2{position:relative;z-index:2;margin:12px 0 10px;color:#fff;text-shadow:0 0 16px rgba(217,91,246,.5)}.development-dialog p{position:relative;z-index:2}.development-progress{position:relative;z-index:2;margin:23px 0 9px;background:rgba(206,79,238,.1)}.development-progress span{background:linear-gradient(90deg,#8e22ad,#f3a4ff,#b532dc);box-shadow:0 0 12px #dc63f7}.development-meta{position:relative;z-index:2;display:flex;justify-content:space-between;margin:0 0 23px;font:600 7px Orbitron;letter-spacing:1.4px;color:#9f6bae}.development-meta span{display:flex;align-items:center;gap:6px}.development-meta i{width:5px;height:5px;border-radius:50%;background:#ffd449;box-shadow:0 0 8px #ffc928;animation:metaPulse 1.3s ease-in-out infinite}.development-meta b{font:600 7px Orbitron;color:#754e80}.development-confirm{position:relative;z-index:2;border-color:rgba(211,83,243,.45);background:linear-gradient(135deg,rgba(137,31,165,.76),rgba(70,13,91,.78));color:#f5c8ff}.development-confirm:hover{border-color:#e889ff;box-shadow:0 0 20px rgba(204,58,238,.3)}@keyframes developmentLogoFloat{0%,100%{transform:translateY(2px) scale(.98)}50%{transform:translateY(-4px) scale(1.02)}}@keyframes developmentLogoGlow{50%{transform:scale(1.28);opacity:.55}}@keyframes dialogScan{to{top:110%}}@keyframes dialogEdgeTravel{to{left:100%}}@keyframes metaPulse{50%{opacity:.35;transform:scale(.7)}}@media(max-width:540px){.development-dialog{padding:22px 20px 27px}.development-brand{width:180px;height:106px}.development-brand img{width:176px;height:102px}}

/* Interfaz global V4: cuadrícula, cintas cósmicas y lluvia de estrellas */
.galaxy{background:radial-gradient(ellipse at 42% 28%,rgba(94,22,139,.25),transparent 43%),radial-gradient(ellipse at 70% 72%,rgba(107,24,153,.2),transparent 48%),linear-gradient(180deg,#10031b 0%,#210631 44%,#100219 100%)!important;overflow:hidden!important}.galaxy:before{inset:-120px!important;background-image:linear-gradient(rgba(190,83,225,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(190,83,225,.10) 1px,transparent 1px)!important;background-size:112px 112px!important;opacity:.8!important;animation:cosmicGridV4 28s linear infinite!important}.galaxy:after{inset:0!important;background:radial-gradient(ellipse at 50% 50%,transparent 30%,rgba(7,0,12,.48) 100%)!important;opacity:1!important;animation:none!important}.stars{display:none!important}.light-lines{display:block!important;z-index:-2!important;top:27%!important;left:-18%!important;width:145%!important;height:125px!important;border:0!important;border-top:2px solid rgba(177,64,224,.62)!important;border-bottom:1px solid rgba(211,100,248,.32)!important;background:linear-gradient(175deg,transparent 7%,rgba(151,40,202,.09) 9%,rgba(184,54,230,.2) 48%,rgba(113,29,160,.08) 91%,transparent 93%)!important;box-shadow:0 -12px 28px rgba(167,46,220,.12),0 15px 34px rgba(147,37,196,.12)!important;transform:rotate(-19deg)!important;opacity:.78!important;animation:cosmicRibbonMain 13s ease-in-out infinite alternate!important}.light-lines:before,.light-lines:after{content:""!important;position:absolute!important;display:block!important;left:-5%!important;width:110%!important;height:72px!important;border-top:1px solid rgba(210,92,249,.52)!important;border-bottom:1px solid rgba(143,39,188,.28)!important;background:linear-gradient(180deg,transparent,rgba(173,48,221,.11),transparent)!important;box-shadow:none!important}.light-lines:before{top:180px!important;transform:rotate(25deg)!important;animation:ribbonPulse 5s ease-in-out infinite!important}.light-lines:after{top:410px!important;bottom:auto!important;transform:rotate(12deg)!important;animation:ribbonPulse 7s ease-in-out infinite reverse!important}.star-rain{position:fixed;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.star-rain i{position:absolute;left:var(--x);top:-40px;width:var(--size);height:var(--size);display:block;background:linear-gradient(135deg,#fff 5%,#eea6ff 38%,#a526df 75%);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);filter:drop-shadow(0 0 4px #d857ff) drop-shadow(0 0 10px rgba(169,44,222,var(--glow)));opacity:0;animation:purpleStarFall var(--speed) linear var(--delay) infinite;will-change:transform}.star-rain i:nth-child(4n){animation-timing-function:ease-in}.star-rain i:nth-child(5n){background:linear-gradient(135deg,#fff,#d56aff 52%,#7214a8)}@keyframes cosmicGridV4{from{background-position:0 0}to{background-position:112px 112px}}@keyframes cosmicRibbonMain{from{transform:rotate(-19deg) translate3d(-2%,-15px,0)}to{transform:rotate(-16deg) translate3d(3%,32px,0)}}@keyframes ribbonPulse{0%,100%{opacity:.28;filter:brightness(.75)}50%{opacity:1;filter:brightness(1.45)}}@keyframes purpleStarFall{0%{transform:translate3d(0,-8vh,0) rotate(0) scale(.45);opacity:0}8%{opacity:.9}52%{transform:translate3d(var(--drift),52vh,0) rotate(180deg) scale(1);opacity:.8}100%{transform:translate3d(calc(var(--drift) * -.35),110vh,0) rotate(360deg) scale(.55);opacity:0}}@media(max-width:650px){.galaxy:before{background-size:72px 72px!important}.light-lines{top:31%!important;height:82px!important}.star-rain i:nth-child(even){display:none}}

/* Partículas V5: estrellas, píxeles y destellos de viento */
.star-rain .shape-star{border-radius:0}.star-rain .pixel-star{clip-path:none!important;border-radius:1px;background:#d878ff!important;box-shadow:0 0 5px #d75cff,0 0 13px rgba(184,56,234,.7);transform:rotate(45deg)}.star-rain .wind-star{width:calc(var(--size) * 2.8)!important;height:2px!important;clip-path:none!important;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(211,106,255,.35),#fff)!important;box-shadow:5px 0 9px #d959ff;filter:none!important}.star-rain .wind-star:after{content:"";position:absolute;right:-2px;top:50%;width:calc(var(--size) * .72);height:calc(var(--size) * .72);background:#f4c5ff;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);transform:translateY(-50%);filter:drop-shadow(0 0 5px #da5fff)}.galaxy:before{background-image:linear-gradient(rgba(190,83,225,.105) 1px,transparent 1px),linear-gradient(90deg,rgba(190,83,225,.105) 1px,transparent 1px),linear-gradient(rgba(214,118,247,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(214,118,247,.035) 1px,transparent 1px)!important;background-size:112px 112px,112px 112px,28px 28px,28px 28px!important}.light-lines{background:linear-gradient(174deg,transparent 4%,rgba(151,40,202,.06) 5%,rgba(190,64,235,.23) 46%,rgba(112,28,159,.07) 94%,transparent 95%)!important;box-shadow:0 -1px 0 rgba(224,131,255,.5),0 -16px 34px rgba(168,47,219,.12),0 16px 40px rgba(147,37,196,.12)!important}

/* Purple Motion V6: órbitas, profundidad y cintas refinadas */
.galaxy{background:radial-gradient(ellipse at 17% 16%,rgba(94,28,135,.2),transparent 37%),radial-gradient(ellipse at 72% 46%,rgba(102,22,154,.2),transparent 46%),radial-gradient(ellipse at 36% 88%,rgba(76,14,116,.17),transparent 40%),linear-gradient(180deg,#100319 0%,#21072f 45%,#11021b 100%)!important}.galaxy:before{opacity:.62!important;mask-image:radial-gradient(ellipse at center,#000 35%,rgba(0,0,0,.75) 68%,transparent 100%);animation:cosmicGridV6 38s linear infinite!important}.galaxy:after{background:linear-gradient(90deg,rgba(7,0,12,.42),transparent 20%,transparent 80%,rgba(7,0,12,.48)),radial-gradient(ellipse at 50% 42%,transparent 20%,rgba(7,0,12,.35) 100%)!important}.light-lines{top:22%!important;height:155px!important;border-top:2px solid rgba(210,100,249,.48)!important;border-bottom:1px solid rgba(131,34,178,.32)!important;background:linear-gradient(172deg,transparent 4%,rgba(119,27,169,.04) 5%,rgba(174,50,224,.08) 19%,rgba(197,62,239,.2) 51%,rgba(122,28,170,.07) 84%,transparent 96%)!important;filter:drop-shadow(0 0 13px rgba(182,58,230,.18));animation:cosmicRibbonV6 18s ease-in-out infinite alternate!important}.light-lines:before{top:225px!important;height:92px!important;transform:rotate(22deg)!important}.light-lines:after{top:510px!important;height:48px!important;transform:rotate(9deg)!important}.star-rain .orbit{position:absolute;display:block;border:1px solid rgba(197,72,236,.2);border-radius:50%;background:transparent;box-shadow:inset 0 0 18px rgba(157,40,205,.035),0 0 14px rgba(157,40,205,.035);pointer-events:none}.star-rain .orbit-a{left:-15%;top:38%;width:62vw;height:24vw;transform:rotate(12deg);animation:orbitFloatA 18s ease-in-out infinite alternate}.star-rain .orbit-b{right:-14%;top:65%;width:55vw;height:20vw;transform:rotate(-9deg);animation:orbitFloatB 23s ease-in-out infinite alternate}.star-rain .orbit-c{left:25%;top:15%;width:70vw;height:31vw;border-color:rgba(192,72,233,.1);transform:rotate(-17deg);animation:orbitFloatA 29s ease-in-out infinite alternate-reverse}.star-rain .shape-star:after,.star-rain .pixel-star:after{content:"";position:absolute;inset:-8px;background:radial-gradient(circle,rgba(233,174,255,.42),transparent 65%);animation:starAura 2.8s ease-in-out infinite}.star-rain i:nth-child(3n):after{animation-delay:-1.3s}.star-rain i:nth-child(5n):after{animation-delay:-2.1s}@keyframes cosmicGridV6{from{background-position:0 0,0 0,0 0,0 0}to{background-position:112px 112px,112px 112px,28px 28px,28px 28px}}@keyframes cosmicRibbonV6{from{transform:rotate(-18deg) translate3d(-3%,-24px,0) scaleX(1)}to{transform:rotate(-14deg) translate3d(3%,42px,0) scaleX(1.04)}}@keyframes orbitFloatA{to{transform:rotate(16deg) translate3d(45px,-20px,0);opacity:.42}}@keyframes orbitFloatB{to{transform:rotate(-5deg) translate3d(-38px,22px,0);opacity:.5}}@keyframes starAura{0%,100%{opacity:.18;transform:scale(.65)}50%{opacity:.85;transform:scale(1.25)}}

/* Release pass V7: referencia más fiel y render ligero */
.card-shell{content-visibility:visible!important;contain-intrinsic-size:none!important}.card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.galaxy:before{mask-image:none!important;-webkit-mask-image:none!important;background-size:118px 118px,118px 118px,29.5px 29.5px,29.5px 29.5px!important;opacity:.52!important;animation:gridLayerShift 32s linear infinite!important;will-change:transform}.galaxy:after{background:linear-gradient(90deg,rgba(8,0,14,.48),transparent 18%,transparent 82%,rgba(8,0,14,.52)),linear-gradient(180deg,rgba(8,0,14,.12),transparent 25%,transparent 74%,rgba(8,0,14,.38)),radial-gradient(ellipse at center,transparent 38%,rgba(7,0,12,.35) 100%)!important}.light-lines{filter:none!important;will-change:transform;opacity:.68!important;animation:referenceRibbon 20s ease-in-out infinite alternate!important}.light-lines:before,.light-lines:after{animation:none!important;filter:none!important}.star-rain i{filter:none!important;will-change:transform,opacity}.star-rain .shape-star{box-shadow:0 0 7px rgba(217,89,255,.62)}.star-rain .wind-star{box-shadow:4px 0 7px rgba(217,89,255,.6)!important}.star-rain .wind-star:after{filter:none!important;box-shadow:0 0 7px #d85cff}.star-rain .shape-star:after,.star-rain .pixel-star:after{display:none!important}.star-rain .orbit{box-shadow:none!important;will-change:transform}.orbit-c{display:none!important}.page-paused *{animation-play-state:paused!important}@keyframes gridLayerShift{from{transform:translate3d(0,0,0)}to{transform:translate3d(118px,118px,0)}}@keyframes referenceRibbon{from{transform:rotate(-17deg) translate3d(-2.5%,-18px,0)}to{transform:rotate(-15deg) translate3d(2.5%,28px,0)}}@media(max-width:700px){.star-rain i:nth-child(even){display:none!important}.star-rain .orbit-b{display:none!important}.galaxy:before{animation-duration:45s!important}}

/* Reference Match V8: composición fiel y económica */
.reveal{opacity:1!important;transform:none!important;transition:none!important}.galaxy{background:radial-gradient(circle at 63% 64%,rgba(136,34,185,.16),transparent 15%),radial-gradient(ellipse at 25% 46%,rgba(102,22,149,.18),transparent 44%),linear-gradient(180deg,#12031d 0%,#250837 47%,#12021c 100%)!important}.galaxy:before{inset:0!important;background-image:linear-gradient(rgba(194,91,227,.105) 1px,transparent 1px),linear-gradient(90deg,rgba(194,91,227,.105) 1px,transparent 1px),linear-gradient(rgba(213,119,244,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(213,119,244,.025) 1px,transparent 1px)!important;background-size:110px 110px,110px 110px,27.5px 27.5px,27.5px 27.5px!important;opacity:.62!important;animation:none!important;transform:none!important}.galaxy:after{background:linear-gradient(166deg,transparent 15%,rgba(190,63,233,.08) 15.2%,rgba(193,61,235,.21) 24%,rgba(128,29,177,.07) 33%,transparent 33.2%),linear-gradient(171deg,transparent 34%,rgba(206,78,246,.06) 34.2%,rgba(171,47,219,.13) 39%,transparent 44%),linear-gradient(176deg,transparent 53%,rgba(203,78,242,.42) 53.15%,transparent 53.38%),linear-gradient(187deg,transparent 66%,rgba(176,52,221,.28) 66.15%,transparent 66.4%),linear-gradient(182deg,transparent 76%,rgba(148,39,196,.22) 76.1%,transparent 76.35%),linear-gradient(90deg,rgba(7,0,12,.38),transparent 17%,transparent 83%,rgba(7,0,12,.45))!important;opacity:.92!important;animation:referenceLayers 18s ease-in-out infinite alternate!important;will-change:transform}.light-lines{top:18%!important;left:-22%!important;width:150%!important;height:122px!important;border-top:2px solid rgba(211,101,250,.5)!important;border-bottom:1px solid rgba(164,47,211,.25)!important;background:linear-gradient(180deg,rgba(183,52,229,.04),rgba(194,58,237,.13),rgba(125,28,170,.035))!important;box-shadow:none!important;opacity:.72!important;animation:referenceBand 22s ease-in-out infinite alternate!important}.light-lines:before{top:285px!important;height:2px!important;border:0!important;background:linear-gradient(90deg,transparent,#c552ec 18%,rgba(205,87,244,.75) 64%,transparent)!important;transform:rotate(27deg)!important;opacity:.55!important}.light-lines:after{top:540px!important;height:2px!important;border:0!important;background:linear-gradient(90deg,transparent,rgba(188,66,230,.75),transparent)!important;transform:rotate(14deg)!important;opacity:.4!important}.star-rain:before{content:"";position:absolute;left:62%;top:63%;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff,0 0 18px #d75dff,0 0 42px #a92bdc;animation:referenceCore 3.2s ease-in-out infinite}.star-rain:after{content:"";position:absolute;right:3.5%;bottom:4%;width:42px;height:42px;background:linear-gradient(135deg,#f4eafa,#a99bac);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:.8;animation:referenceAnchor 4.5s ease-in-out infinite}.star-rain .orbit{display:none!important}.star-rain i{opacity:0;animation-duration:var(--speed)!important}.star-rain .pixel-star{width:4px!important;height:4px!important}.star-rain .wind-star{height:1px!important;opacity:.55}.card-shell,.card,.art,.body{contain:layout paint style}.card-skull{contain:none}@keyframes referenceLayers{from{transform:translate3d(-1.2%,-.5%,0)}to{transform:translate3d(1.2%,.8%,0)}}@keyframes referenceBand{from{transform:rotate(-17deg) translate3d(-2%,0,0)}to{transform:rotate(-15.5deg) translate3d(2%,24px,0)}}@keyframes referenceCore{50%{transform:scale(1.3);box-shadow:0 0 10px #fff,0 0 25px #e082ff,0 0 55px #a92bdc}}@keyframes referenceAnchor{50%{transform:scale(1.1) rotate(8deg);filter:brightness(1.2)}}

.card-shell{contain:layout style!important}.card{contain:layout paint style!important}


/* UI polish V9 + eliminación de estrella fija */
.star-rain:after{display:none!important;content:none!important}.card{border-color:rgba(207,92,242,.22)!important;background:linear-gradient(155deg,rgba(27,8,38,.92),rgba(8,3,13,.95))!important}.card:hover{border-color:rgba(220,111,251,.48)!important}.catalog-title{border-bottom-color:rgba(211,99,246,.18)!important}.card-foot{border-top-color:rgba(207,89,239,.12)!important}.header-card{transition:transform .2s ease,opacity .2s ease!important}a:focus-visible,button:focus-visible{outline:2px solid #d85cff!important;outline-offset:3px!important}

/* Portal persistente de productos: conserva el documento, título y favicon raíz. */
.product-portal{position:fixed;z-index:1000;inset:0;background:#07020b;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s}.product-portal.open{opacity:1;visibility:visible;pointer-events:auto}.portal-frames,.product-frame{position:absolute;inset:0;width:100%;height:100%}.product-frame{display:block;border:0;background:#09020f;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease}.product-frame.active{opacity:1;visibility:visible;pointer-events:auto}.portal-transition{position:absolute;z-index:4;inset:0;display:grid;place-content:center;justify-items:center;gap:13px;background:radial-gradient(circle at center,rgba(125,25,161,.28),transparent 34%),#060109;color:#fff;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s}.product-portal.waiting .portal-transition{opacity:1;visibility:visible}.portal-transition:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(208,71,248,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(208,71,248,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle,#000,transparent 65%);animation:portalGrid 8s linear infinite}.portal-core{position:relative;width:105px;height:105px;display:grid;place-items:center;border:1px solid rgba(220,103,255,.55);clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);background:rgba(43,8,57,.7);box-shadow:inset 0 0 35px rgba(198,53,239,.28),0 0 45px rgba(185,46,225,.22)}.portal-core:before,.portal-core:after{content:"";position:absolute;inset:8px;border:1px solid rgba(224,107,255,.2);animation:portalSpin 5s linear infinite}.portal-core:after{inset:18px;animation-direction:reverse;animation-duration:3s}.portal-core img{position:relative;z-index:2;width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 0 13px #ca43ef)}.portal-core i{position:absolute;inset:-18px;border:1px solid rgba(205,71,245,.25);border-radius:50%;animation:portalPulse 1.6s ease-out infinite}.portal-transition small{position:relative;color:#c36ddd;font:700 7px Orbitron;letter-spacing:2.7px}.portal-transition b{position:relative;font:800 11px Orbitron;letter-spacing:2px}.spa-product-open{overflow:hidden}@keyframes portalGrid{to{background-position:48px 48px}}@keyframes portalSpin{to{transform:rotate(360deg)}}@keyframes portalPulse{0%{transform:scale(.78);opacity:0}45%{opacity:.8}100%{transform:scale(1.2);opacity:0}}@media(prefers-reduced-motion:reduce){.product-portal,.product-frame,.portal-transition{transition:none}.portal-core:before,.portal-core:after,.portal-core i,.portal-transition:before{animation:none}}

.product-portal{overflow:hidden}.portal-core{justify-self:center;min-width:105px;max-width:105px}

html{overflow-x:hidden}