:root{--bg:#040a1c;--bg2:#071230;--card:#0b1a40;--card2:#102760;--line:#1b3274;--tx:#eaf1ff;--mu:#8ea2d6;--ac:#1f6bff;--ac2:#00c8ff;--glow:rgba(31,107,255,.45);--ok:#22e3a1;--warn:#ff5d7d;--r:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,Segoe UI,sans-serif;background:var(--bg);color:var(--tx);line-height:1.55;padding-bottom:env(safe-area-inset-bottom)}
h1,h2,h3,.logo,.num{font-family:Sora,Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%}
.wrap{max-width:1200px;margin:auto;padding:0 20px}
/* barra superior */
.notice{background:linear-gradient(90deg,#0a2a8a,#1f6bff,#0a2a8a);text-align:center;font-size:.82rem;padding:7px 14px;color:#fff}
.notice a{text-decoration:underline;font-weight:600}
nav{position:sticky;top:0;z-index:30;background:#040a1cd9;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
nav .wrap{display:flex;align-items:center;gap:22px;height:64px}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.3rem;letter-spacing:-.5px}
.logo svg{width:28px;height:28px;filter:drop-shadow(0 0 8px var(--ac))}
.logo b{color:var(--ac2)}
nav a.l{color:var(--mu);font-size:.9rem;font-weight:500}nav a.l:hover{color:#fff}nav .sp{flex:1}
.btn{border:0;border-radius:12px;padding:11px 20px;font-weight:600;background:var(--ac);color:#fff;box-shadow:0 6px 24px var(--glow);transition:.18s}
.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.btn.g{background:transparent;border:1px solid var(--line);color:var(--tx);box-shadow:none}.btn.g:hover{border-color:var(--ac)}
.btn.c{background:linear-gradient(90deg,var(--ac),var(--ac2));color:#021030}
.btn:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:760px){nav a.l,nav .btn.g{display:none}}
/* hero */
.hero{position:relative;overflow:hidden;text-align:center;padding:84px 0 56px}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 55% at 50% 0,#1f6bff55,transparent 70%),linear-gradient(#1b327422 1px,transparent 1px),linear-gradient(90deg,#1b327422 1px,transparent 1px);background-size:auto,44px 44px,44px 44px;mask-image:radial-gradient(70% 80% at 50% 20%,#000,transparent)}
.hero>*{position:relative}
.pill{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);background:#0b1a4099;border-radius:99px;padding:6px 15px;font-size:.76rem;letter-spacing:.8px;color:var(--mu)}
.pill i{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok);animation:bl 1.6s infinite}
@keyframes bl{50%{opacity:.35}}
h1{font-size:clamp(2.4rem,6vw,4.6rem);line-height:1.04;margin:22px auto;letter-spacing:-2px;max-width:880px}
h1 em{font-style:normal;background:linear-gradient(90deg,var(--ac),var(--ac2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:var(--mu);max-width:560px;margin:0 auto 30px;font-size:1.08rem}
.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.stats{display:flex;gap:56px;justify-content:center;margin-top:50px;flex-wrap:wrap}
.stats .num{font-size:2.1rem;font-weight:800;display:block;color:#fff}.stats span{color:var(--mu);font-size:.72rem;letter-spacing:1.6px}
.feat{display:flex;gap:14px;justify-content:center;margin-top:44px;flex-wrap:wrap}
.feat img{width:104px;height:104px;object-fit:contain;filter:drop-shadow(0 10px 24px #1f6bff88);animation:fl 4s ease-in-out infinite}
.feat img:nth-child(2n){animation-delay:-2s}@keyframes fl{50%{transform:translateY(-9px)}}
/* marquee de juegos */
/* barra de juegos: bucle continuo. La pista tiene dos mitades idénticas y se desplaza justo media pista, así no hay salto ni hueco. */
.marq{border-block:1px solid var(--line);background:var(--bg2);overflow:hidden;padding:16px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.marq .tk{display:flex;width:max-content;animation:mq 55s linear infinite;will-change:transform}
.marq:hover .tk{animation-play-state:paused}
.marq .mi{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0 26px;flex:none;min-height:58px}
.marq .mi img{height:40px;width:auto;opacity:.92;filter:drop-shadow(0 2px 6px #0008);margin:0 3px}
.marq .lr{display:flex;align-items:center;gap:8px}
.marq .mi em{font-size:.6rem;letter-spacing:1.6px;color:var(--ac2);font-style:normal;font-weight:700}
.lgo{display:inline-flex;align-items:baseline;gap:7px;font:800 1.15rem Sora;letter-spacing:-.3px;opacity:.9}
.lgo b{color:#ffd23f;text-shadow:0 2px 0 #7a5a00}.lgo i{font-style:normal;font-size:.8rem;letter-spacing:.5px;color:#fff}.lgo u{text-decoration:none;color:#d9a05b;font-size:.8rem}
@keyframes mq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.marq .tk{animation:none}}
section{padding:68px 0}
.eyebrow{color:var(--ac2);font-size:.74rem;letter-spacing:2.2px;font-weight:700}
h2{font-size:clamp(1.7rem,3.4vw,2.5rem);margin:8px 0 10px;letter-spacing:-1px}
.sub{color:var(--mu);margin:0 0 30px;max-width:620px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.step{background:linear-gradient(160deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:var(--r);padding:24px;position:relative;overflow:hidden}
.step:after{content:attr(data-n);position:absolute;right:14px;top:4px;font:800 4rem Sora;color:#1f6bff1f}
.step .ic{font-size:1.7rem}.step b{display:block;margin:8px 0 4px;font-size:1.05rem}.step p{margin:0;color:var(--mu);font-size:.92rem}
/* filtros y rejilla */
input,select,textarea{background:var(--bg2);color:var(--tx);border:1px solid var(--line);border-radius:12px;padding:11px 13px;font:inherit;width:100%}
input:focus,select:focus{outline:2px solid var(--ac);border-color:transparent}
.filters{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
.row{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.row>label{color:var(--mu);font-size:.7rem;letter-spacing:1.4px;width:58px;font-weight:600}
.chip{border:1px solid var(--line);background:var(--card);color:var(--mu);border-radius:99px;padding:6px 13px;font-size:.8rem;font-weight:500}
.chip:hover{color:#fff;border-color:#2f55b8}.chip.on{background:var(--ac);border-color:var(--ac);color:#fff;box-shadow:0 0 18px var(--glow)}
.chip.lg{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:13px;min-height:46px}
.chip.lg img{height:28px;width:auto;max-width:86px;object-fit:contain}
.chip.lg.on{background:#1f6bff2e;box-shadow:0 0 0 1px var(--ac),0 0 22px var(--glow)}
#cnt{color:var(--mu);font-size:.85rem;margin:4px 0 12px}
#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:12px}
.c{position:relative;display:block;background:linear-gradient(180deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:var(--r);padding:12px 10px 14px;text-align:center;transition:.18s;overflow:hidden}
.c:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,#1f6bff33,transparent 65%);opacity:0;transition:.2s}
.c:hover{transform:translateY(-5px);border-color:var(--ac);box-shadow:0 14px 34px #0008,0 0 24px var(--glow)}.c:hover:before{opacity:1}
.c img{width:104px;height:104px;object-fit:contain;position:relative;filter:drop-shadow(0 6px 12px #0009)}
.c .n{color:var(--mu);font-size:.7rem;font-family:Sora}.c .nm{font-weight:600;font-size:.9rem;position:relative}
.c .go{font-size:.66rem;color:var(--ac2);margin-top:7px;letter-spacing:1px;opacity:0;transition:.2s;font-weight:600}.c:hover .go{opacity:1}
.badge{position:absolute;top:8px;right:8px;font-size:.58rem;letter-spacing:.7px;font-weight:700;padding:2px 7px;border-radius:6px;color:#fff;text-transform:uppercase}
.t{display:inline-flex;align-items:center;gap:5px;font-size:.6rem;padding:2px 9px 2px 2px;border-radius:99px;margin:2px 1px;color:#fff;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.pager{display:flex;gap:6px;justify-content:center;margin:30px 0 0;flex-wrap:wrap;align-items:center}
.pager button{background:var(--card);border:1px solid var(--line);color:var(--tx);border-radius:9px;padding:8px 14px}.pager .on{background:var(--ac);border-color:var(--ac)}
/* planes */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.plan{background:linear-gradient(170deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:10px}
.plan.hot{border-color:var(--ac);box-shadow:0 0 44px #1f6bff40}
.plan h3{margin:0}.plan .p{font:800 2.4rem Sora}.plan .p small{font:400 .9rem Inter;color:var(--mu)}
.plan ul{padding:0;margin:0 0 8px;flex:1}.plan li{list-style:none;margin:6px 0;color:#c4d3f5;font-size:.93rem}.plan li:before{content:"✓ ";color:var(--ac2)}.plan li.no{color:var(--mu)}.plan li.no:before{content:"– ";color:var(--mu)}
details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:9px 0}summary{cursor:pointer;font-weight:600}details p{color:var(--mu);margin:10px 0 0}
.band{background:linear-gradient(120deg,#0a2a8a,#1f6bff 55%,#00a8ff);border-radius:26px;text-align:center;padding:54px 24px;margin:20px 0 0}
.band h2{margin:0 0 8px}.band p{margin:0 0 22px;opacity:.9}
footer{border-top:1px solid var(--line);padding:34px 0 90px;color:var(--mu);font-size:.8rem;margin-top:50px}
.tab{display:none}
@media(max-width:760px){.tab{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#040a1cf2;backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
 .tab a{flex:1;text-align:center;font-size:.66rem;color:var(--mu);padding:5px 2px}.tab a b{display:block;font-size:1.25rem;font-weight:400}.tab a.on{color:#fff}}
/* personalizador */
.crumb{color:var(--mu);font-size:.85rem;padding:20px 0}.crumb a:hover{color:#fff}
.cust{display:grid;grid-template-columns:330px 1fr;gap:22px;align-items:start;padding-bottom:60px}
@media(max-width:920px){.cust{grid-template-columns:1fr}}
.side{position:sticky;top:84px;background:linear-gradient(180deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:22px;overflow:hidden}
@media(max-width:920px){.side{position:static}}
.side .art{padding:20px;text-align:center;background:radial-gradient(circle at 50% 38%,#1f6bff44,transparent 68%)}.side .art img{width:240px;height:240px;object-fit:contain;filter:drop-shadow(0 12px 24px #000a)}
.side .in{padding:0 20px 20px}.side h2{font-size:1.9rem;margin:6px 0}
.tog{display:flex;align-items:center;justify-content:space-between;background:var(--bg2);border:1px solid var(--line);border-radius:13px;padding:11px 15px;margin:14px 0;cursor:pointer}
.sw{width:44px;height:25px;background:#23397d;border-radius:99px;position:relative;transition:.2s}.sw:after{content:"";position:absolute;width:19px;height:19px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s}
.tog.on .sw{background:var(--ac2)}.tog.on .sw:after{left:22px}
.sr{display:grid;grid-template-columns:36px 1fr 40px;gap:8px;align-items:center;font-size:.78rem;margin:5px 0}.sr label{font-weight:700}
.bar{height:6px;background:#16296a;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;border-radius:9px;transition:.25s}.sr b{text-align:right}.up{color:#ff9f6b}.dn{color:#6bb8ff}
.panels{display:flex;flex-direction:column;gap:16px}
.panel{background:linear-gradient(180deg,var(--card),#09163a);border:1px solid var(--line);border-radius:20px;padding:22px}.panel h3{margin:0 0 14px;font-size:1.02rem}.panel h3 small{color:var(--mu);font-weight:400;margin-left:8px;font-family:Inter}
.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.gt{position:relative;border:1px solid var(--line);background:var(--bg2);border-radius:14px;min-height:112px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;transition:.18s}
.gt img{max-height:62px;max-width:47%;object-fit:contain}.gt:hover{border-color:#2f55b8;transform:translateY(-2px)}
.gt.on{border-color:var(--ac);background:#1f6bff22;box-shadow:0 0 0 1px var(--ac),0 0 28px var(--glow)}
.gt.off{opacity:.28;filter:grayscale(1);pointer-events:none}.gt em{position:absolute;bottom:5px;font-size:.58rem;color:var(--mu);font-style:normal;letter-spacing:.8px}
.g2{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.g2 label{display:block;font-size:.68rem;color:var(--mu);letter-spacing:1.2px;margin-bottom:4px;font-weight:600}
.nat{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}@media(max-width:600px){.nat{grid-template-columns:repeat(3,1fr)}}
.nt{border:1px solid var(--line);background:var(--bg2);border-radius:11px;padding:8px 4px;text-align:center;font-size:.8rem;color:var(--tx)}.nt small{display:block;color:var(--mu);font-size:.64rem}.nt.on{border-color:var(--ac2);background:#00c8ff1f}
.vr{display:grid;grid-template-columns:44px 1fr 48px;gap:10px;align-items:center;margin:7px 0;font-size:.82rem}.vr label{color:var(--mu);font-weight:700}
.vr input[type=range]{padding:0;accent-color:var(--ac)}.vr input[type=number]{padding:6px;text-align:center}
.qa{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.qa .chip{font-size:.74rem}
.mv{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.balls,.langs,.ab{display:flex;gap:7px;flex-wrap:wrap}.ab .chip{font-size:.88rem;padding:8px 15px}.ab .chip small{opacity:.7;margin-left:5px}
.fin{background:linear-gradient(135deg,#1f6bff2e,#00c8ff12);border-color:var(--ac)}
.code{font:800 2.7rem Sora;letter-spacing:8px;text-align:center;background:var(--bg);border:1px dashed var(--ac2);border-radius:16px;padding:18px;margin:14px 0;color:var(--ac2)}
.waitc{display:flex;gap:14px;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:15px}
.spin{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--ac2);border-radius:50%;animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}
.pre{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px;font:.75rem/1.5 ui-monospace,Consolas,monospace;white-space:pre-wrap;color:#b9c8ee;max-height:240px;overflow:auto}
.st.ok{color:var(--ok);margin-top:10px}
.sum{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.sum span{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:3px 10px;font-size:.74rem;color:var(--mu)}.sum b{color:var(--tx)}
/* selectores visuales */
.tb{display:inline-flex;align-items:center;gap:5px;font-size:.62rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#fff;padding:2px 8px 2px 4px;border-radius:99px}.tb img{height:12px;width:auto}
.mvbox{position:relative}.mvbox label{display:block;font-size:.68rem;color:var(--mu);letter-spacing:1.2px;margin-bottom:4px;font-weight:600}
.mvin{padding-right:34px}.mvx{position:absolute;right:8px;bottom:9px;background:none;border:0;color:var(--mu);font-size:1.1rem;line-height:1}
.mvlist{position:absolute;z-index:8;left:0;right:0;top:100%;margin-top:4px;max-height:300px;overflow:auto;background:#0d2152;border:1px solid var(--ac);border-radius:12px;box-shadow:0 18px 40px #000a;display:none}
.mvlist.on{display:block}.mvlist div{display:flex;gap:9px;align-items:center;padding:8px 12px;cursor:pointer;font-size:.88rem}.mvlist div:hover{background:#1f6bff33}.mvlist small{margin-left:auto;color:var(--mu);font-size:.72rem}.mvlist .dis{opacity:.35;pointer-events:none}
.pop{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.itemgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px;max-height:330px;overflow:auto;padding:2px;margin-top:10px}
.it{display:flex;align-items:center;gap:10px;padding:7px 11px;background:var(--bg2);border:1px solid var(--line);border-radius:11px;color:var(--tx);font-size:.86rem;text-align:left}
.it img{width:30px;height:30px;object-fit:contain;flex:none}.it:hover{border-color:#2f55b8}.it.on{border-color:var(--ac);background:#1f6bff2b;box-shadow:0 0 16px var(--glow)}
.ballgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.bl{display:flex;flex-direction:column;align-items:center;gap:4px;padding:11px 6px;background:var(--bg2);border:1px solid var(--line);border-radius:13px;color:var(--mu);font-size:.72rem;letter-spacing:.8px;text-transform:uppercase;font-weight:600}
.bl img{width:34px;height:34px;object-fit:contain}.bl:hover{border-color:#2f55b8;color:#fff}.bl.on{border-color:var(--ac);background:#1f6bff2b;color:#fff;box-shadow:0 0 18px var(--glow)}
.tera{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:7px}
.tr{display:flex;align-items:center;gap:7px;justify-content:center;padding:9px 6px;border-radius:11px;border:1px solid var(--line);background:var(--bg2);color:var(--tx);font-size:.76rem;font-weight:600}.tr img{height:15px}.tr.on{border-color:#fff;box-shadow:0 0 0 1px #fff3,0 0 16px var(--glow);background:#1f6bff2b}
.gen3{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.gb{padding:16px;border-radius:14px;border:1px solid var(--line);background:var(--bg2);font-size:1.5rem;color:var(--mu)}.gb.on{border-color:var(--ac);background:#1f6bff2b;color:#fff;box-shadow:0 0 18px var(--glow)}.gb small{display:block;font-size:.7rem}
.evbar{height:9px;background:#16296a;border-radius:9px;overflow:hidden;margin-bottom:12px}.evbar i{display:block;height:100%;background:linear-gradient(90deg,var(--ac),var(--ac2));border-radius:9px;transition:.25s}
#evrem{display:flex;justify-content:space-between;font-size:.8rem;margin:-4px 0 12px;color:var(--mu)}#evrem b{color:var(--ok)}
.side.shiny{background:linear-gradient(var(--card),var(--bg2)) padding-box,linear-gradient(120deg,#ffd35a,#fff3b0,#ffb300,#ffd35a) border-box;border:2px solid transparent;box-shadow:0 0 40px #ffcf4a55}
.chk{color:var(--mu);font-size:.8rem}
.tyc{display:inline-flex;align-items:center;gap:7px;padding:4px 13px 4px 4px;border-color:color-mix(in srgb,var(--tc) 55%,transparent)}.tyc img{width:26px;height:26px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px color-mix(in srgb,var(--tc) 60%,#fff 20%)}.tyc:hover{border-color:var(--tc);color:#fff}.tyc.on{background:color-mix(in srgb,var(--tc) 45%,#0a1640);border-color:var(--tc);box-shadow:0 0 18px color-mix(in srgb,var(--tc) 60%,transparent)}.tb img{border-radius:50%}.t img{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 1px #fff5}.tg{display:flex;justify-content:center;gap:4px;height:26px;margin-top:6px;padding:0 6px;container-type:inline-size}.tg .t{margin:0;flex:0 0 calc(50% - 2px);min-width:0;box-sizing:border-box;justify-content:flex-start;white-space:nowrap;overflow:hidden;font-size:5.4cqw;letter-spacing:.2px;gap:2.5cqw;padding:2px 2cqw 2px 2px;height:24px}.tg .t img{width:9.5cqw;height:9.5cqw;flex:none}
/* cartas holo */
#grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}
.hc{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;--px:0;--py:0;--a:0;position:relative;display:block;perspective:900px;-webkit-tap-highlight-color:transparent}
.c.hc{padding:0;border:0;background:none;overflow:visible;aspect-ratio:5/7.1;border-radius:16px;transform:none;box-shadow:none;text-align:left}
.c.hc:hover{transform:none;border:0;box-shadow:none}.c.hc:before{display:none}
.hc-in{position:absolute;inset:0;border-radius:16px;padding:6px;background:linear-gradient(145deg,var(--t1),color-mix(in srgb,var(--t2) 50%,#050c24));box-shadow:0 8px 20px #0008;transform:rotateX(var(--ry)) rotateY(var(--rx)) scale(calc(1 + var(--a)*.04));transition:transform .18s ease-out,box-shadow .25s}
.hc.act .hc-in{box-shadow:0 24px 46px #000b,0 0 36px color-mix(in srgb,var(--t1) 60%,transparent)}
.hc-face{position:relative;height:100%;border-radius:11px;isolation:isolate;overflow:hidden;background:#07102c;box-shadow:inset 0 0 0 1px #ffffff30}
.hc-bg{position:absolute;inset:0;overflow:hidden}
.hc-bg:before{content:"";position:absolute;inset:-14%;background:repeating-radial-gradient(circle at 50% 42%,#ffffff18 0 5px,transparent 5px 13px),radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--t1) 78%,#fff 14%) 0,color-mix(in srgb,var(--t2) 45%,#0a1640) 62%,#060d26 100%);transform:translate(calc(var(--px)*-14px),calc(var(--py)*-14px))}
.hc .hc-art{position:absolute;left:50%;top:46%;width:88%;height:auto;aspect-ratio:1;object-fit:contain;transform:translate(calc(-50% + var(--px)*11px),calc(-50% + var(--py)*11px));filter:drop-shadow(0 14px 14px #000a);transition:transform .12s}
.hc-top{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;gap:6px;padding:8px 9px 24px;background:linear-gradient(#050c24d0,transparent);transform:translate(calc(var(--px)*3px),calc(var(--py)*3px))}
.hc-top b{font-family:Sora;font-size:.92rem;font-weight:800;text-shadow:0 1px 6px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hc-ps{display:flex;align-items:center;gap:4px;font-family:Sora;font-weight:800;font-size:.8rem;flex:none}.hc-ps small{font-size:.5rem;opacity:.75}.hc .hc-ps img{width:18px;height:18px;border-radius:50%;object-fit:cover;filter:none}
.hc-bot{position:absolute;left:0;right:0;bottom:0;padding:28px 8px 8px;background:linear-gradient(transparent,#050c24ee 55%);transform:translate(calc(var(--px)*2px),calc(var(--py)*2px))}
.hc .cm{display:flex;align-items:center;gap:6px;margin:0 1px 6px;font-size:.64rem;color:#b8c6ee;font-family:Sora;min-height:14px}.hc .cm em{margin-left:auto;font-style:normal;font-weight:700;letter-spacing:.8px;color:#ffe08a}.hc.r2 .cm em{color:#dfe8ff}.hc.r4 .cm em{background:linear-gradient(90deg,#ff7ad9,#7ad7ff,#9dff8a,#ffe27a);-webkit-background-clip:text;background-clip:text;color:transparent}
.hc .badge{position:static;font-size:.5rem;padding:1px 5px}.hc .tg{margin:0;padding:0}
.hc-foil{position:absolute;inset:0;mix-blend-mode:color-dodge;pointer-events:none;opacity:0;background-size:250% 250%;background-position:var(--mx) var(--my)}
.hc.r2 .hc-foil{opacity:calc(.16 + var(--a)*.3);background-image:linear-gradient(115deg,transparent 25%,#a9c8ff 42%,#fff 50%,#a9c8ff 58%,transparent 75%)}
.hc.r3 .hc-foil{opacity:calc(.22 + var(--a)*.3);background-image:linear-gradient(115deg,#ffd35a,#fff1a8 28%,#ff9d3d 48%,#fff1a8 68%,#ffd35a)}
.hc.r4 .hc-foil{opacity:calc(.28 + var(--a)*.35);background-image:linear-gradient(115deg,#ff5ad1,#5ad7ff 22%,#7dff8d 44%,#ffe45a 66%,#ff5ad1 88%)}
.hc-spk{position:absolute;inset:0;pointer-events:none;mix-blend-mode:overlay;opacity:0;background:radial-gradient(circle,#fff 0 1px,transparent 1.6px) 0 0/18px 18px,radial-gradient(circle,#fff 0 1px,transparent 1.6px) 9px 9px/27px 27px;background-position:calc(var(--px)*-28px) calc(var(--py)*-28px),calc(9px + var(--px)*-16px) calc(9px + var(--py)*-16px);-webkit-mask-image:radial-gradient(circle at var(--mx) var(--my),#000,transparent 65%);mask-image:radial-gradient(circle at var(--mx) var(--my),#000,transparent 65%)}
.hc.r3 .hc-spk,.hc.r4 .hc-spk,.hc.shiny .hc-spk{opacity:calc(.35 + var(--a)*.55)}
.hc-gl{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my),#ffffff66,transparent 52%);mix-blend-mode:soft-light;opacity:var(--a)}
.hc.r2 .hc-in{background:linear-gradient(145deg,#f4f7ff,#9fb0d8 45%,#e8eeff)}
.hc.r3 .hc-in{background:linear-gradient(145deg,#fff1a8,#e0a020 40%,#ffe27a 70%,#b9770e)}
.hc.r4 .hc-in{background:linear-gradient(145deg,#ff7ad9,#7ad7ff 30%,#9dff8a 60%,#ffe27a 85%,#ff7ad9);background-size:200% 200%;animation:holo 6s linear infinite}
.hc.shiny .hc-in{box-shadow:0 0 34px #ffcf4acc}
.hc.big{aspect-ratio:5/7;max-width:310px;margin:0 auto}.hc.big .hc-top b{font-size:1.2rem}.hc.big .hc-ps{font-size:1rem}.hc.big .hc-ps img{width:22px;height:22px}.hc.big .hc-art{top:44%}
.hc.big:not(.act) .hc-in{animation:sway 7s ease-in-out infinite}.hc.big.r4:not(.act) .hc-in{animation:holo 6s linear infinite,sway 7s ease-in-out infinite}
.side .art{padding:18px 14px}
@keyframes holo{to{background-position:200% 200%}}
@keyframes sway{0%,100%{transform:rotateX(3deg) rotateY(-7deg)}50%{transform:rotateX(-3deg) rotateY(7deg)}}
@media (prefers-reduced-motion:reduce){.hc-in{animation:none!important;transform:none!important}}

/* móvil: 2 cartas por fila y filtros compactos */
@media(max-width:640px){
#grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.c.hc{aspect-ratio:5/7.4}
.hc-in{padding:4px;border-radius:12px}.hc-face{border-radius:9px}
.hc-top{padding:6px 7px 18px}.hc-top b{font-size:.74rem}.hc-ps{font-size:.68rem}.hc-ps small{display:none}
.hc-bot{padding:20px 6px 6px}.hc .cm{font-size:.56rem;margin-bottom:4px}
.hc .hc-art{width:94%}
.row{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:2px 16px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.row::-webkit-scrollbar{display:none}
.row>label{position:sticky;left:0;z-index:1;flex:none;width:auto;padding-right:10px;background:linear-gradient(90deg,#040a1cee 75%,transparent)}
.row>.chip,.row>button{flex:none}
.chip.lg{min-height:40px}
}
#lgb{position:fixed;z-index:70;left:50%;bottom:18px;transform:translateX(-50%);width:min(560px,calc(100% - 24px));display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:14px 16px;background:linear-gradient(180deg,#10285f,#0a1a45);border:1px solid var(--ac);border-radius:16px;box-shadow:0 20px 50px #000c,0 0 30px var(--glow);font-size:.9rem}#lgb .lgt{flex:1 1 260px;line-height:1.4}#lgb .lga{display:flex;gap:8px;flex-wrap:wrap}#lgb .btn{padding:9px 14px;font-size:.84rem}@media(max-width:760px){#lgb{bottom:calc(84px + env(safe-area-inset-bottom))}}#langsel{background:var(--card);color:var(--tx);border:1px solid var(--line);border-radius:12px;padding:9px 10px;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;max-width:130px}#langsel:hover{border-color:var(--ac)}#langsel option{background:#0b1a40}.flinks{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px}.flinks a{color:var(--mu);font-size:.8rem}.flinks a:hover{color:#fff}
.lgl{display:grid;grid-template-columns:230px minmax(0,1fr);gap:34px;padding:10px 0 70px;align-items:start}
.lnav{position:sticky;top:84px;display:flex;flex-direction:column;gap:4px}.legal .lnav a{text-decoration:none;padding:10px 14px;border-radius:11px;color:var(--mu);font-size:.9rem;font-weight:500}.legal .lnav a:hover{color:#fff;background:#0b1a40}.legal .lnav a.on{color:#fff;background:#1f6bff2b;box-shadow:inset 0 0 0 1px var(--ac)}
.legal article{max-width:760px}.legal h1{font-family:Sora;font-size:clamp(1.6rem,4vw,2.2rem);margin:0 0 6px;text-wrap:balance}.legal h2{font-family:Sora;font-size:1.05rem;margin:28px 0 8px}.legal p,.legal li{color:#c3d0f2;line-height:1.7;font-size:.95rem}.legal ul{padding-left:20px;display:grid;gap:8px}.legal a{color:var(--ac2);text-decoration:underline}.legal code{background:#0b1a40;padding:1px 6px;border-radius:6px}
.lup{color:var(--mu)!important;font-size:.82rem!important}.ldr{background:#3a2c0a;border:1px solid #8a6a14;color:#ffe08a!important;padding:10px 14px;border-radius:10px}mark.ph{background:#ffd54a;color:#3a2a00;padding:0 4px;border-radius:4px;font-weight:600}
@media(max-width:820px){.lgl{grid-template-columns:1fr;gap:18px}.lnav{position:static;flex-direction:row;overflow-x:auto;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none}.lnav::-webkit-scrollbar{display:none}.legal .lnav a{flex:none;white-space:nowrap}}

/* cabecera y barra superior */
.notice{display:block;position:relative;overflow:hidden;padding:0;text-align:left;background:linear-gradient(90deg,#0a2a8a,#1f6bff,#00a6ff,#1f6bff,#0a2a8a);background-size:300% 100%;animation:ngrad 9s linear infinite;color:#fff;font-size:.82rem;font-weight:600}
.notice .nt{display:flex;width:max-content;animation:nmq 46s linear infinite}.notice:hover .nt{animation-play-state:paused}.nh{display:flex}
.notice span{padding:8px 26px;white-space:nowrap}.notice span i{font-style:normal;margin-right:8px;color:#ffe27a}.notice b{font-weight:800}
.notice:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 40%,#ffffff44 50%,transparent 60%);transform:translateX(-100%);animation:nshine 5.5s ease-in-out infinite}
@keyframes nmq{to{transform:translateX(-50%)}}@keyframes ngrad{to{background-position:300% 0}}@keyframes nshine{0%,55%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
nav .wrap{height:68px}nav:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--ac),var(--ac2),var(--ac),transparent);background-size:200% 100%;animation:ngrad 6s linear infinite;opacity:.8}
.logo{font-size:1.45rem}.logo svg{width:32px;height:32px;filter:drop-shadow(0 0 12px var(--ac2))}
.ns{display:flex;align-items:center;flex:0 1 270px;min-width:0;height:44px;background:#0b1a40;border:1px solid var(--line);border-radius:99px;padding:0 5px 0 16px;transition:.18s}.ns:focus-within{border-color:var(--ac);box-shadow:0 0 0 3px var(--glow)}
.ns input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--tx);font:inherit;font-size:.9rem}.ns input::placeholder{color:var(--mu)}
.ns button{border:0;border-radius:99px;padding:8px 16px;font-weight:700;font-size:.82rem;color:#021030;background:linear-gradient(90deg,var(--ac),var(--ac2));cursor:pointer}
nav a.l,nav .btn{white-space:nowrap}@media(max-width:1160px){nav a.l{display:none}}
@media(max-width:760px){nav .wrap{gap:8px}.logo{font-size:1.1rem;gap:6px}.logo svg{width:24px;height:24px}#langsel{max-width:84px;padding:9px 6px;font-size:.78rem}.ns{flex:1 1 90px;height:40px}.ns button{display:none}.ns{padding:0 14px}nav .btn:not(.g){display:none}}
/* portada con balls, titular a la izquierda y carta destacada */
.hero{text-align:left;padding:58px 0 50px}
.hero:before{background:radial-gradient(55% 60% at 80% 40%,#1f6bff55,transparent 70%),radial-gradient(40% 45% at 6% 95%,#ffb02030,transparent 70%),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'150'%20height%3D'150'%20viewBox%3D'0%200%20150%20150'%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-opacity%3D'.075'%20stroke-width%3D'3'%3E%3Ccircle%20cx%3D'38'%20cy%3D'38'%20r%3D'28'%2F%3E%3Cpath%20d%3D'M10%2038h56'%2F%3E%3Ccircle%20cx%3D'38'%20cy%3D'38'%20r%3D'8'%2F%3E%3Ccircle%20cx%3D'113'%20cy%3D'113'%20r%3D'28'%2F%3E%3Cpath%20d%3D'M85%20113h56'%2F%3E%3Ccircle%20cx%3D'113'%20cy%3D'113'%20r%3D'8'%2F%3E%3C%2Fsvg%3E");background-size:auto,auto,150px 150px;animation:bdrift 90s linear infinite;mask-image:linear-gradient(#000 55%,transparent)}
@keyframes bdrift{to{background-position:0 0,0 0,300px 150px}}
.hg{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:30px;align-items:center}
.hero h1{margin:22px 0;max-width:none;letter-spacing:-2.5px;font-size:clamp(2.5rem,5.6vw,4.4rem)}
.hero h1 em{display:inline-block;position:relative}.hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:5px;border-radius:5px;background:linear-gradient(90deg,var(--ac),var(--ac2),#ffe27a);background-size:200% 100%;animation:ngrad 5s linear infinite}
.hero p{margin:24px 0 30px;max-width:520px}.hero .cta{justify-content:flex-start}
.hero .btn.c{position:relative;overflow:hidden}.hero .btn.c:after{content:"";position:absolute;top:0;bottom:0;width:60%;left:-125%;background:linear-gradient(100deg,transparent,#ffffff77,transparent);animation:btnshine 4.5s ease-in-out infinite}@keyframes btnshine{0%,70%{left:-125%}100%{left:140%}}
.hr{position:relative;display:grid;place-items:center;min-height:470px;transition:opacity .35s,transform .35s}.hr.sw{opacity:0;transform:scale(.96)}
.hr .hc.big{width:min(300px,100%);position:relative;z-index:2}
.orb{position:absolute;border-radius:50%;pointer-events:none;border:1px solid #6fa0ff55;left:50%;top:50%;translate:-50% -50%}
.o1{width:min(470px,100%);aspect-ratio:1;animation:orbit 40s linear infinite;border-style:dashed}.o2{width:min(370px,84%);aspect-ratio:1;border-color:#00c8ff44;animation:orbit 28s linear infinite reverse}
@keyframes orbit{to{rotate:360deg}}
.fc{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:99px;font-size:.8rem;font-weight:700;background:#071230e6;border:1px solid var(--line);box-shadow:0 10px 26px #0008;white-space:nowrap;animation:fl 5s ease-in-out infinite}
.fc:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px currentColor;color:var(--ok)}
.fc.a{left:0;top:16%}.fc.b{right:0;top:42%;animation-delay:-1.5s}.fc.b:before{background:var(--ac2);color:var(--ac2)}.fc.c{right:2%;bottom:-8px;animation-delay:-3s}.fc.c:before{background:#ffe27a;color:#ffe27a}.fc.d{left:2%;bottom:-8px;animation-delay:-2.2s}.fc.d:before{background:var(--warn);color:var(--warn)}
@media(max-width:960px){.hg{grid-template-columns:1fr}.hero{text-align:center}.hero .cta{justify-content:center}.hero p{margin-left:auto;margin-right:auto}.hr{min-height:430px}.hero h1{margin-left:auto;margin-right:auto}}
@media(max-width:520px){.fc{font-size:.7rem;padding:7px 11px}.fc.a{left:-4px}.fc.b{right:-4px}.hr{min-height:400px}.hr .hc.big{width:min(250px,70%)}}
@media(prefers-reduced-motion:reduce){.notice,.notice .nt,.notice:after,nav:after,.hero:before,.hero h1 em:after,.orb,.fc,.btn.c:after{animation:none!important}}

/* poké ball de la portada */
.hcw{position:relative;z-index:2;display:grid;place-items:center;width:min(300px,100%)}.hcw .hc.big{width:100%}
.hcw.capture{animation:pcap .62s cubic-bezier(.55,0,.8,.25) forwards}
@keyframes pcap{0%{transform:none;filter:none;opacity:1}40%{filter:brightness(1.7) saturate(.5)}100%{transform:scale(.05) rotate(-20deg);filter:brightness(3.2);opacity:0}}
.hcw.out{opacity:0;transform:scale(.05)}
.hcw.release{animation:prel .75s cubic-bezier(.2,1.3,.4,1) both}
@keyframes prel{0%{transform:scale(.05) rotate(16deg);opacity:0;filter:brightness(3.2)}25%{opacity:1}100%{transform:none;opacity:1;filter:none}}
.pball{position:absolute;left:50%;top:50%;width:132px;height:132px;margin:-66px 0 0 -66px;z-index:6;pointer-events:none;opacity:0;transform:scale(.2)}
.pball .pw{position:absolute;inset:0;filter:drop-shadow(0 12px 18px #000a)}
.pball i{position:absolute;left:0;width:100%;display:block}
.pball .pt{top:0;height:50%;border-radius:132px 132px 0 0;background:radial-gradient(circle at 35% 28%,#ff8d8d,#e8262d 55%,#9c1018);box-shadow:inset 0 5px 9px #ffffff66;transform-origin:0 100%;transform:rotate(-42deg);transition:transform .22s cubic-bezier(.3,1.6,.5,1)}
.pball .pb{bottom:0;height:50%;border-radius:0 0 132px 132px;background:radial-gradient(circle at 35% 85%,#fff,#d8dce8 70%,#a7aec4)}
.pball .pw:before{content:"";position:absolute;left:0;right:0;top:50%;height:10px;margin-top:-5px;background:#14172b;z-index:2;border-radius:2px}
.pball .pk{top:50%;left:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:#fff;border:6px solid #14172b;z-index:3;transition:box-shadow .2s}
.pball.close .pt{transform:none}
.pball.close .pk{box-shadow:0 0 0 6px #9fe0ff99,0 0 26px 8px #7fd0ff}
.pball.in{animation:pin .38s cubic-bezier(.2,1.3,.4,1) forwards}
@keyframes pin{to{opacity:1;transform:scale(1)}}
.pball.wob .pw{animation:pwob .72s ease-in-out}
@keyframes pwob{0%,100%{transform:rotate(0)}15%{transform:rotate(-16deg)}35%{transform:rotate(13deg)}55%{transform:rotate(-8deg)}75%{transform:rotate(5deg)}}
.pball.wob .pk{animation:pblink .36s steps(2) 2}@keyframes pblink{50%{background:#ff5d5d}}
.pball.rel{animation:pout .8s ease-out forwards}
.pball.rel .pt{transform:rotate(-42deg)}
.pball.rel:after{content:"";position:absolute;left:50%;top:50%;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%;background:radial-gradient(circle,#fff,#7fd0ffcc 40%,transparent 70%);animation:pburst .7s ease-out forwards}
@keyframes pout{0%{opacity:1;transform:scale(1)}30%{opacity:1}100%{opacity:0;transform:scale(.4) translateY(30px)}}
@keyframes pburst{0%{transform:scale(.3);opacity:1}100%{transform:scale(3.6);opacity:0}}

/* tipo: solo icono, junto al PS */
.hc-r{display:flex;align-items:center;gap:7px;flex:none}
.hc .hc-ty{display:flex;gap:4px}
.hc .hc-ty img{width:23px;height:23px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #ffffff80,0 2px 6px #0008;filter:none}
.hc.big .hc-ty img{width:28px;height:28px}
.hc-bot{padding-top:16px}
@media(max-width:640px){.hc .hc-ty img{width:19px;height:19px}.hc-r{gap:5px}}

/* carta de estilo "ex": el Pokémon sale de la ventana, cuerpo del color del tipo y dos placas abajo */
.hc-bg:before{background:radial-gradient(circle at 50% 78%,color-mix(in srgb,var(--t1) 55%,#fff 45%) 0,var(--t1) 48%,color-mix(in srgb,var(--t2) 55%,#000) 115%),repeating-radial-gradient(circle at 50% 78%,#ffffff12 0 4px,transparent 4px 11px)}
.hc-face{background:var(--t1)}
.hc-win{position:absolute;left:5%;right:5%;top:12%;height:41%;border-radius:5px;border:2px solid #0b1230;box-shadow:0 0 0 2px color-mix(in srgb,#ffd35a 55%,var(--t1)),inset 0 0 26px #0008;overflow:hidden;background:radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--t1) 40%,#fff 30%),color-mix(in srgb,var(--t2) 45%,#0a1640) 78%)}
.hc-win i{position:absolute;inset:0;background:radial-gradient(circle,#fff 0 1px,transparent 1.6px) 0 0/16px 16px,radial-gradient(circle,#fff9 0 1px,transparent 1.6px) 8px 8px/23px 23px;opacity:.35;transform:translate(calc(var(--px)*-9px),calc(var(--py)*-9px))}
.hc .hc-art,.hc.big .hc-art{top:9%;left:50%;width:auto;height:57%;aspect-ratio:1;max-width:none;transform:translate(calc(-50% + var(--px)*11px),calc(var(--py)*7px))}
.hc-top{z-index:3;padding:7px 9px 10px;background:linear-gradient(#050c24b0,transparent)}
.hc-body{position:absolute;left:7%;right:7%;top:58%;display:grid;gap:5px}
.hc-atk{display:flex;align-items:center;gap:8px;font-family:Sora;font-weight:800;color:#fff;text-shadow:0 1px 5px #0009;font-size:.95rem;padding-bottom:4px;border-bottom:1px solid #ffffff33}
.hc-atk i{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 2px #ffffffaa;flex:none}.hc-atk span{flex:1;letter-spacing:.4px}.hc-atk b{font-size:1.25rem}
.hc-plates{position:absolute;left:5%;right:5%;bottom:3.5%;display:flex;gap:6px;align-items:center}
.hc-plates .pl{flex:1;text-align:center;background:linear-gradient(#f4f6fb,#c9d0df);color:#27324d;border-radius:5px;padding:3px 4px;font-family:Sora;font-size:.62rem;font-weight:700;letter-spacing:.3px;box-shadow:0 2px 4px #0006}
.hc-plates .rr{background:linear-gradient(#ffe9a6,#e8b845);color:#4a3300}.hc.r4 .hc-plates .rr{background:linear-gradient(90deg,#ff9be6,#9be3ff,#b6ff9b,#fff09b);color:#1a1a3a}
.hc-plates .badge{position:static;flex:none;font-size:.5rem;padding:2px 5px}
.hc.big .hc-atk{font-size:1.15rem}.hc.big .hc-atk b{font-size:1.5rem}.hc.big .hc-plates .pl{font-size:.75rem;padding:4px 6px}
@media(max-width:640px){.hc-atk{font-size:.74rem;gap:5px}.hc-atk b{font-size:.95rem}.hc-atk i{width:10px;height:10px}.hc-plates .pl{font-size:.5rem;padding:2px}.hc-body{gap:3px}}

/* carta ilustrada: el Pokémon ocupa toda la carta */
.hc-win,.hc-body,.hc-plates{display:none}
.hc-bg:before{background:radial-gradient(circle at 50% 56%,#ffffff70 0,transparent 36%),repeating-conic-gradient(from 8deg at 50% 56%,color-mix(in srgb,var(--t1) 82%,#fff 18%) 0 7deg,color-mix(in srgb,var(--t1) 94%,#000 6%) 7deg 14deg)}
.hc-bg:after{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 50% 56%,#ffffff26 0 2px,transparent 2px 15px),linear-gradient(transparent 55%,#00000066)}
.hc .hc-art,.hc.big .hc-art{top:9%;height:76%;filter:drop-shadow(0 10px 12px #0009)}
.hc-top{padding:8px 10px 18px}
.hc-meta{position:absolute;left:8%;right:8%;bottom:3.2%;z-index:2;display:flex;gap:7px;align-items:center;font-family:Sora;font-size:.64rem;font-weight:700;color:#fff;text-shadow:0 1px 5px #000c}
.hc-meta em{margin-left:auto;font-style:normal;color:#ffe08a;letter-spacing:.8px}.hc.r4 .hc-meta em{background:linear-gradient(90deg,#ff9be6,#9be3ff,#b6ff9b,#fff09b);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.hc-meta .badge{position:static;font-size:.5rem;padding:1px 5px;text-shadow:none}
.hc .hc-spk{opacity:calc(.28 + var(--a)*.4)}
.hc.r1 .hc-foil{opacity:calc(.12 + var(--a)*.26);background-image:linear-gradient(115deg,#ff5ad1,#5ad7ff 30%,#7dff8d 55%,#ffe45a 80%)}
.hc.big .hc-meta{font-size:.78rem}
@media(max-width:640px){.hc-meta{font-size:.52rem}}

/*3d-real*/
.hc-in{transform-style:preserve-3d}
.hc-face{position:absolute;inset:6px;height:auto;border-radius:11px}
.hc .hc-art,.hc.big .hc-art{position:absolute;left:50%;top:15%;width:auto;height:68%;aspect-ratio:1;max-width:none;z-index:2;filter:drop-shadow(0 14px 12px #000a);transform:translate3d(calc(-50% + var(--px)*16px),calc(var(--py)*10px),70px);transition:transform .12s}
.hc-top{left:6px;right:6px;top:6px;z-index:3;transform:translate3d(calc(var(--px)*4px),calc(var(--py)*3px),90px)}
.hc-meta{z-index:3;transform:translate3d(calc(var(--px)*3px),calc(var(--py)*2px),60px)}
.hc:hover{z-index:6}
@media(max-width:640px){.hc .hc-art,.hc.big .hc-art{height:68%}}

/*texto-plano*/
.hc-top{left:0;right:0;top:0;transform:none;background:linear-gradient(#050c2488,transparent)}
.hc-meta{transform:none}

/*marco-foil*/
/* marco metálico con brillo real para las cartas especiales: base de metal, vetas de prisma, purpurina y un reflejo que sigue al ratón */
.hc.r2 .hc-in,.hc.r3 .hc-in,.hc.r4 .hc-in{padding:10px;background:#3b4150;animation:none}
.hc.r2 .hc-face,.hc.r3 .hc-face,.hc.r4 .hc-face{inset:10px;border-radius:9px}
.hc.big.r2 .hc-in,.hc.big.r3 .hc-in,.hc.big.r4 .hc-in{padding:13px}.hc.big.r2 .hc-face,.hc.big.r3 .hc-face,.hc.big.r4 .hc-face{inset:13px}
.hc.big.r2:not(.act) .hc-in,.hc.big.r3:not(.act) .hc-in,.hc.big.r4:not(.act) .hc-in{animation:sway 7s ease-in-out infinite}
.hc.r2 .hc-in:before,.hc.r3 .hc-in:before,.hc.r4 .hc-in:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
 --metal:linear-gradient(125deg,#2b2f3a 0%,#c4cad9 12%,#383d4a 26%,#eef1f8 40%,#2a2e39 54%,#a9b0c2 68%,#343947 82%,#e3e7f1 100%);
 background-image:radial-gradient(circle at var(--mx) var(--my),#ffffffe6 0,#ffffff40 9%,transparent 30%),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'220'%20height%3D'220'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.9'%20numOctaves%3D'2'%20seed%3D'3'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%201%20%200%200%200%2011%20-6.9'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'220'%20height%3D'220'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.9'%20numOctaves%3D'2'%20seed%3D'11'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%201%20%200%200%200%2011%20-6.9'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),repeating-linear-gradient(115deg,transparent 0 12px,#ff3fd0cc 12px 18px,#3fc8ffcc 18px 24px,#fff23fcc 24px 30px,#3fffa0cc 30px 36px,transparent 36px 60px),var(--metal);
 background-size:auto,150px 150px,270px 270px,auto,320% 320%;
 background-blend-mode:overlay,screen,screen,color-dodge,normal;
 background-position:0 0,0 0,0 0,0 0,50% 50%;animation:fsh 8s ease-in-out infinite alternate}
.hc.r3 .hc-in:before{--metal:linear-gradient(125deg,#3a2808 0%,#f3c95a 12%,#6b4a0f 26%,#ffeaa6 40%,#3a2808 54%,#e0ab3a 68%,#5a3e0c 82%,#ffe28c 100%)}
.hc.r4 .hc-in:before{--metal:linear-gradient(125deg,#2a2440 0%,#c9b8ff 12%,#2f3552 26%,#e9f4ff 40%,#2b2a46 54%,#b3a2f0 68%,#2f3a4f 82%,#e7fff6 100%)}
.hc.act .hc-in:before{animation:none;background-position:0 0,calc(var(--px)*-45px) calc(var(--py)*-45px),calc(var(--px)*35px) calc(var(--py)*35px),calc(var(--px)*80px) calc(var(--py)*80px),var(--mx) var(--my)}
@keyframes fsh{0%{background-position:0 0,0 0,0 0,0 0,20% 30%}100%{background-position:0 0,70px 50px,-60px 80px,110px 60px,80% 70%}}
@media(max-width:640px){.hc.r2 .hc-in,.hc.r3 .hc-in,.hc.r4 .hc-in{padding:7px}.hc.r2 .hc-face,.hc.r3 .hc-face,.hc.r4 .hc-face{inset:7px}}
@media(prefers-reduced-motion:reduce){.hc.r2 .hc-in:before,.hc.r3 .hc-in:before,.hc.r4 .hc-in:before{animation:none}}
.hc.r2 .hc-in:before,.hc.r3 .hc-in:before,.hc.r4 .hc-in:before{--g1:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'150'%20height%3D'150'%20viewBox%3D'0%200%20150%20150'%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-opacity%3D'.075'%20stroke-width%3D'3'%3E%3Ccircle%20cx%3D'38'%20cy%3D'38'%20r%3D'28'%2F%3E%3Cpath%20d%3D'M10%2038h56'%2F%3E%3Ccircle%20cx%3D'38'%20cy%3D'38'%20r%3D'8'%2F%3E%3Ccircle%20cx%3D'113'%20cy%3D'113'%20r%3D'28'%2F%3E%3Cpath%20d%3D'M85%20113h56'%2F%3E%3Ccircle%20cx%3D'113'%20cy%3D'113'%20r%3D'8'%2F%3E%3C%2Fsvg%3E");--g2:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'220'%20height%3D'220'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.9'%20numOctaves%3D'2'%20seed%3D'3'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%201%20%200%200%200%2011%20-6.9'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E")}

/*marco-fino*/
/* marco fino y nacarado, más parecido al de una carta real: perla con reflejos suaves en vez de oro y arcoíris */
.hc-in{border-radius:12px}
.hc.r2 .hc-in,.hc.r3 .hc-in,.hc.r4 .hc-in{padding:6px;background:#c9c3de}
.hc.r2 .hc-face,.hc.r3 .hc-face,.hc.r4 .hc-face{inset:6px;border-radius:7px}
.hc.big.r2 .hc-in,.hc.big.r3 .hc-in,.hc.big.r4 .hc-in{padding:8px}.hc.big.r2 .hc-face,.hc.big.r3 .hc-face,.hc.big.r4 .hc-face{inset:8px;border-radius:8px}
.hc-face{border-radius:7px}
.hc.r2 .hc-in:before,.hc.r3 .hc-in:before,.hc.r4 .hc-in:before{
 --metal:linear-gradient(125deg,#c6bfdf 0%,#f7f5fd 16%,#b9b1d4 32%,#fbfaff 48%,#c2bbdc 64%,#f2effb 80%,#c8c1df 100%);
 background-image:radial-gradient(circle at var(--mx) var(--my),#ffffffcc 0,#ffffff30 9%,transparent 30%),var(--g1),var(--g2),repeating-linear-gradient(115deg,transparent 0 16px,#ff8fe066 16px 21px,#8fdcff66 21px 26px,#fff08f66 26px 31px,#8fffc066 31px 36px,transparent 36px 62px),var(--metal);
 background-blend-mode:overlay,screen,screen,overlay,normal;opacity:.96}
.hc.r3 .hc-in:before{--metal:linear-gradient(125deg,#d9ccb1 0%,#fbf5e6 16%,#cdbd9c 32%,#fffaee 48%,#d3c3a2 64%,#f7efdc 80%,#dccfb4 100%)}
.hc.r4 .hc-in:before{--metal:linear-gradient(125deg,#c7bbe6 0%,#fbf3ff 16%,#b4c9ec 32%,#fffbf4 48%,#cbb8ea 64%,#eef8ff 80%,#c2d8ea 100%)}
@media(max-width:640px){.hc.r2 .hc-in,.hc.r3 .hc-in,.hc.r4 .hc-in{padding:5px}.hc.r2 .hc-face,.hc.r3 .hc-face,.hc.r4 .hc-face{inset:5px}}

/*marco-vivo*/
/* líneas finas que se mueven solas + un destello que cruza el marco cada pocos segundos */
.hc.r2 .hc-in:before,.hc.r3 .hc-in:before,.hc.r4 .hc-in:before{
 background-image:radial-gradient(circle at var(--mx) var(--my),#ffffffcc 0,#ffffff30 9%,transparent 30%),var(--g1),var(--g2),
  repeating-linear-gradient(115deg,transparent 0 9px,#ff6fe0e6 9px 11px,transparent 11px 17px,#6fd6ffe6 17px 19px,transparent 19px 26px,#ffef6fe6 26px 28px,transparent 28px 35px,#6fffb4e6 35px 37px,transparent 37px 56px),var(--metal);
 background-blend-mode:overlay,screen,screen,multiply,normal;opacity:1;animation:fsh2 7s ease-in-out infinite alternate}
.hc.act .hc-in:before{animation:none}
@keyframes fsh2{0%{background-position:0 0,0 0,0 0,0 0,10% 20%}100%{background-position:0 0,60px 40px,-50px 70px,90px 30px,90% 80%}}
.hc.r2 .hc-in:after,.hc.r3 .hc-in:after,.hc.r4 .hc-in:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:6px;
 background:linear-gradient(112deg,transparent 41%,#ffffffee 49.5%,#fff 50%,#ffffffee 50.5%,transparent 59%);background-size:320% 100%;background-position:130% 0;
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask-composite:exclude;
 animation:glint 5.5s ease-in-out infinite}
.hc.big.r2 .hc-in:after,.hc.big.r3 .hc-in:after,.hc.big.r4 .hc-in:after{padding:8px}
.hc.r3 .hc-in:after{animation-delay:-1.8s}.hc.r4 .hc-in:after{animation-delay:-3.2s;animation-duration:4.5s}
@keyframes glint{0%,55%{background-position:130% 0}100%{background-position:-30% 0}}
@media(max-width:640px){.hc.r2 .hc-in:after,.hc.r3 .hc-in:after,.hc.r4 .hc-in:after{padding:5px}}
@media(prefers-reduced-motion:reduce){.hc.r2 .hc-in:after,.hc.r3 .hc-in:after,.hc.r4 .hc-in:after{animation:none}}

/*tipos-foil*/
/* fondo de cada carta con la textura de su tipo (agua con nubes, fuego con brasas, rayos en eléctrico…) */
.hc.ty-water .hc-bg:before{inset:-6%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'260'%20height%3D'260'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.010'%20numOctaves%3D'4'%20seed%3D'2'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%201%20%200%200%200%201.38%20-0.51'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'200'%20height%3D'200'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.02'%20numOctaves%3D'4'%20seed%3D'9'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%200.82%20%200%200%200%200%200.95%20%200%200%200%200%201%20%200%200%200%201.26%20-0.46'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),linear-gradient(175deg,#2b8de0 0%,#4eb4f2 55%,#7fd0fa 100%);background-size:auto;background-repeat:repeat;transform:translate(calc(var(--px)*-9px),calc(var(--py)*-9px))}
.hc.ty-fire .hc-bg:before{inset:-6%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'110'%20height%3D'110'%3E%3Cg%20fill%3D'%23ffe9a0'%3E%3Ccircle%20cx%3D'20'%20cy%3D'80'%20r%3D'1.6'%20fill-opacity%3D'.8'%2F%3E%3Ccircle%20cx%3D'58'%20cy%3D'46'%20r%3D'1.2'%20fill-opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'90'%20r%3D'1.8'%20fill-opacity%3D'.8'%2F%3E%3Ccircle%20cx%3D'80'%20cy%3D'18'%20r%3D'1'%20fill-opacity%3D'.6'%2F%3E%3Ccircle%20cx%3D'36'%20cy%3D'20'%20r%3D'1'%20fill-opacity%3D'.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'260'%20height%3D'260'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.012'%20numOctaves%3D'4'%20seed%3D'5'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%201%20%200%200%200%200%200.84%20%200%200%200%200%200.4%20%200%200%200%201.32%20-0.48'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'220'%20height%3D'220'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.02'%20numOctaves%3D'4'%20seed%3D'3'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%200.45%20%200%200%200%200%200.08%20%200%200%200%200%200%20%200%200%200%201.2%20-0.51'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),linear-gradient(180deg,#e6401c 0%,#f47a2a 50%,#ffc04d 100%);background-size:auto;background-repeat:repeat;transform:translate(calc(var(--px)*-9px),calc(var(--py)*-9px))}
.hc.ty-grass .hc-bg:before{inset:-6%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'70'%20height%3D'70'%3E%3Cpath%20d%3D'M10%2060C14%2030%2034%2012%2060%2010%2058%2038%2040%2058%2010%2060zM10%2060%2044%2026'%20fill%3D'none'%20stroke%3D'%23fff'%20stroke-opacity%3D'.16'%20stroke-width%3D'1.6'%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'260'%20height%3D'260'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.011'%20numOctaves%3D'4'%20seed%3D'6'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%200.88%20%200%200%200%200%201%20%200%200%200%200%200.7%20%200%200%200%201.32%20-0.5'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),linear-gradient(175deg,#4fa83a 0%,#7ccf4e 60%,#b6ec7a 100%);background-size:auto;background-repeat:repeat;transform:translate(calc(var(--px)*-9px),calc(var(--py)*-9px))}
.hc.ty-electric .hc-bg:before{inset:-6%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'120'%20height%3D'120'%3E%3Cpath%20d%3D'M70%206%2036%2062h22l-10%2052%2040-66H64z'%20fill%3D'%23fff'%20fill-opacity%3D'.16'%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'260'%20height%3D'260'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.011'%20numOctaves%3D'4'%20seed%3D'12'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%201%20%200%200%200%201.26%20-0.47'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),linear-gradient(175deg,#f2c41a 0%,#ffe45c 55%,#fff09a 100%);background-size:auto;background-repeat:repeat;transform:translate(calc(var(--px)*-9px),calc(var(--py)*-9px))}
.hc.ty-psychic .hc-bg:before{inset:-6%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'90'%20height%3D'90'%3E%3Cg%20fill%3D'%23fff'%3E%3Cpath%20d%3D'M20%2010l2%206%206%202-6%202-2%206-2-6-6-2%206-2z'%20fill-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M66%2052l1.6%204.4%204.4%201.6-4.4%201.6-1.6%204.4-1.6-4.4-4.4-1.6%204.4-1.6z'%20fill-opacity%3D'.6'%2F%3E%3Ccircle%20cx%3D'50'%20cy%3D'20'%20r%3D'1.4'%20fill-opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'64'%20r%3D'1.2'%20fill-opacity%3D'.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'260'%20height%3D'260'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.012'%20numOctaves%3D'4'%20seed%3D'14'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%201%20%200%200%200%200%200.78%20%200%200%200%200%201%20%200%200%200%201.38%20-0.51'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),radial-gradient(circle at 50% 40%,#e060b0 0%,#a64fc6 55%,#6d3aa8 110%);background-size:auto;background-repeat:repeat;transform:translate(calc(var(--px)*-9px),calc(var(--py)*-9px))}
.hc.ty-fighting .hc-bg:before{inset:-6%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'160'%20height%3D'160'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.75'%20numOctaves%3D'2'%20seed%3D'8'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%200.25%20%200%200%200%200%200.1%20%200%200%200%200%200%20%200%200%200%205%20-1.5'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'240'%20height%3D'240'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.014'%20numOctaves%3D'4'%20seed%3D'21'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%201%20%200%200%200%200%200.8%20%200%200%200%200%200.5%20%200%200%200%201.32%20-0.51'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),linear-gradient(175deg,#a8431f 0%,#d1692c 60%,#e89a52 100%);background-size:auto;background-repeat:repeat;transform:translate(calc(var(--px)*-9px),calc(var(--py)*-9px))}
.hc.ty-dark .hc-bg:before{inset:-6%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'90'%20height%3D'90'%3E%3Cg%20fill%3D'%23fff'%3E%3Cpath%20d%3D'M20%2010l2%206%206%202-6%202-2%206-2-6-6-2%206-2z'%20fill-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M66%2052l1.6%204.4%204.4%201.6-4.4%201.6-1.6%204.4-1.6-4.4-4.4-1.6%204.4-1.6z'%20fill-opacity%3D'.6'%2F%3E%3Ccircle%20cx%3D'50'%20cy%3D'20'%20r%3D'1.4'%20fill-opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'64'%20r%3D'1.2'%20fill-opacity%3D'.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'260'%20height%3D'260'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.012'%20numOctaves%3D'4'%20seed%3D'17'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%200.55%20%200%200%200%200%200.8%20%200%200%200%200%200.9%20%200%200%200%201.32%20-0.54'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),linear-gradient(175deg,#10202c 0%,#1d3946 55%,#2e5662 110%);background-size:auto;background-repeat:repeat;transform:translate(calc(var(--px)*-9px),calc(var(--py)*-9px))}
.hc.ty-steel .hc-bg:before{inset:-6%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'200'%20height%3D'200'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.004%20.6'%20numOctaves%3D'2'%20seed%3D'4'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%201%20%200%200%200%201.6%20-.55'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'260'%20height%3D'260'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.01'%20numOctaves%3D'4'%20seed%3D'23'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%201%20%200%200%200%201.2%20-0.52'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),linear-gradient(175deg,#7d8798 0%,#aab3c2 55%,#d4dbe6 100%);background-size:auto;background-repeat:repeat;transform:translate(calc(var(--px)*-9px),calc(var(--py)*-9px))}
.hc.ty-dragon .hc-bg:before{inset:-6%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'36'%20height%3D'28'%3E%3Cpath%20d%3D'M0%2014a18%2014%200%200%201%2036%200M-18%2028a18%2014%200%200%201%2036%200M18%2028a18%2014%200%200%201%2036%200'%20fill%3D'none'%20stroke%3D'%23fff'%20stroke-opacity%3D'.18'%20stroke-width%3D'1.4'%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'260'%20height%3D'260'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.011'%20numOctaves%3D'4'%20seed%3D'26'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%201%20%200%200%200%200%200.95%20%200%200%200%200%200.7%20%200%200%200%201.26%20-0.5'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),linear-gradient(175deg,#b8741a 0%,#e0a02e 55%,#ffd770 100%);background-size:auto;background-repeat:repeat;transform:translate(calc(var(--px)*-9px),calc(var(--py)*-9px))}
.hc.ty-fairy .hc-bg:before{inset:-6%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'90'%20height%3D'90'%3E%3Cg%20fill%3D'%23fff'%3E%3Cpath%20d%3D'M20%2010l2%206%206%202-6%202-2%206-2-6-6-2%206-2z'%20fill-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M66%2052l1.6%204.4%204.4%201.6-4.4%201.6-1.6%204.4-1.6-4.4-4.4-1.6%204.4-1.6z'%20fill-opacity%3D'.6'%2F%3E%3Ccircle%20cx%3D'50'%20cy%3D'20'%20r%3D'1.4'%20fill-opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'64'%20r%3D'1.2'%20fill-opacity%3D'.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'260'%20height%3D'260'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.011'%20numOctaves%3D'4'%20seed%3D'28'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%201%20%200%200%200%201.32%20-0.48'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),linear-gradient(175deg,#f08fc0 0%,#f7b6d6 55%,#ffd9ec 100%);background-size:auto;background-repeat:repeat;transform:translate(calc(var(--px)*-9px),calc(var(--py)*-9px))}
.hc.ty-normal .hc-bg:before{inset:-6%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'260'%20height%3D'260'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.011'%20numOctaves%3D'4'%20seed%3D'31'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%201%20%200%200%200%201.26%20-0.48'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'160'%20height%3D'160'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.75'%20numOctaves%3D'2'%20seed%3D'8'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%200.4%20%200%200%200%200%200.4%20%200%200%200%200%200.35%20%200%200%200%203%20-0.9'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),linear-gradient(175deg,#b8b6a6 0%,#d6d4c6 60%,#efeee4 100%);background-size:auto;background-repeat:repeat;transform:translate(calc(var(--px)*-9px),calc(var(--py)*-9px))}
.hc.ty-flying .hc-bg:before{inset:-6%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'280'%20height%3D'280'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.009'%20numOctaves%3D'4'%20seed%3D'33'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%201%20%200%200%200%201.5%20-0.48'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'200'%20height%3D'200'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.02'%20numOctaves%3D'4'%20seed%3D'34'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%200.9%20%200%200%200%200%200.95%20%200%200%200%200%201%20%200%200%200%201.2%20-0.46'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),linear-gradient(175deg,#7f9ee8 0%,#a6bdf2 55%,#d3dffb 100%);background-size:auto;background-repeat:repeat;transform:translate(calc(var(--px)*-9px),calc(var(--py)*-9px))}
.hc.ty-ground .hc-bg:before{inset:-6%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'160'%20height%3D'160'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.75'%20numOctaves%3D'2'%20seed%3D'8'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%200.3%20%200%200%200%200%200.2%20%200%200%200%200%200.05%20%200%200%200%205%20-1.6'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'240'%20height%3D'240'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.013'%20numOctaves%3D'4'%20seed%3D'36'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%201%20%200%200%200%200%200.92%20%200%200%200%200%200.7%20%200%200%200%201.26%20-0.5'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),linear-gradient(175deg,#a8812e 0%,#cfa853 60%,#e8cf8e 100%);background-size:auto;background-repeat:repeat;transform:translate(calc(var(--px)*-9px),calc(var(--py)*-9px))}
.hc.ty-rock .hc-bg:before{inset:-6%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'160'%20height%3D'160'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.75'%20numOctaves%3D'2'%20seed%3D'8'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%200.25%20%200%200%200%200%200.2%20%200%200%200%200%200.05%20%200%200%200%205%20-1.5'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'240'%20height%3D'240'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.013'%20numOctaves%3D'4'%20seed%3D'38'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%201%20%200%200%200%200%200.95%20%200%200%200%200%200.75%20%200%200%200%201.26%20-0.5'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),linear-gradient(175deg,#8e7a30 0%,#b9a34c 60%,#d8c88a 100%);background-size:auto;background-repeat:repeat;transform:translate(calc(var(--px)*-9px),calc(var(--py)*-9px))}
.hc.ty-ghost .hc-bg:before{inset:-6%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'90'%20height%3D'90'%3E%3Cg%20fill%3D'%23fff'%3E%3Cpath%20d%3D'M20%2010l2%206%206%202-6%202-2%206-2-6-6-2%206-2z'%20fill-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M66%2052l1.6%204.4%204.4%201.6-4.4%201.6-1.6%204.4-1.6-4.4-4.4-1.6%204.4-1.6z'%20fill-opacity%3D'.6'%2F%3E%3Ccircle%20cx%3D'50'%20cy%3D'20'%20r%3D'1.4'%20fill-opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'64'%20r%3D'1.2'%20fill-opacity%3D'.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'260'%20height%3D'260'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.011'%20numOctaves%3D'4'%20seed%3D'40'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%200.85%20%200%200%200%200%200.75%20%200%200%200%200%201%20%200%200%200%201.38%20-0.51'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),linear-gradient(175deg,#4a2f78 0%,#6e4fa0 55%,#9a7fc4 100%);background-size:auto;background-repeat:repeat;transform:translate(calc(var(--px)*-9px),calc(var(--py)*-9px))}
.hc.ty-poison .hc-bg:before{inset:-6%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'260'%20height%3D'260'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.011'%20numOctaves%3D'4'%20seed%3D'42'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%201%20%200%200%200%200%200.8%20%200%200%200%200%201%20%200%200%200%201.32%20-0.5'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'160'%20height%3D'160'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.75'%20numOctaves%3D'2'%20seed%3D'8'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%201%20%200%200%200%200%200.8%20%200%200%200%200%201%20%200%200%200%202%20-0.8'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),linear-gradient(175deg,#842a82 0%,#a84ca6 55%,#cf82cc 100%);background-size:auto;background-repeat:repeat;transform:translate(calc(var(--px)*-9px),calc(var(--py)*-9px))}
.hc.ty-ice .hc-bg:before{inset:-6%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'90'%20height%3D'90'%3E%3Cg%20fill%3D'%23fff'%3E%3Cpath%20d%3D'M20%2010l2%206%206%202-6%202-2%206-2-6-6-2%206-2z'%20fill-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M66%2052l1.6%204.4%204.4%201.6-4.4%201.6-1.6%204.4-1.6-4.4-4.4-1.6%204.4-1.6z'%20fill-opacity%3D'.6'%2F%3E%3Ccircle%20cx%3D'50'%20cy%3D'20'%20r%3D'1.4'%20fill-opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'64'%20r%3D'1.2'%20fill-opacity%3D'.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'260'%20height%3D'260'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.011'%20numOctaves%3D'4'%20seed%3D'44'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%201%20%200%200%200%201.38%20-0.48'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),linear-gradient(175deg,#47bcc4 0%,#82dde0 55%,#c4f4f2 100%);background-size:auto;background-repeat:repeat;transform:translate(calc(var(--px)*-9px),calc(var(--py)*-9px))}
.hc.ty-bug .hc-bg:before{inset:-6%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'70'%20height%3D'70'%3E%3Cpath%20d%3D'M10%2060C14%2030%2034%2012%2060%2010%2058%2038%2040%2058%2010%2060zM10%2060%2044%2026'%20fill%3D'none'%20stroke%3D'%23fff'%20stroke-opacity%3D'.16'%20stroke-width%3D'1.6'%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'260'%20height%3D'260'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.012'%20numOctaves%3D'4'%20seed%3D'46'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%200.7%20%200%200%200%201.32%20-0.5'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),linear-gradient(175deg,#7a8a10 0%,#a8bc1e 55%,#d3e468 100%);background-size:auto;background-repeat:repeat;transform:translate(calc(var(--px)*-9px),calc(var(--py)*-9px))}
.hc-bg:after{background:radial-gradient(ellipse at 50% 38%,#ffffff2e,transparent 62%),linear-gradient(transparent 60%,#0a143255)}
.hc-top b{text-shadow:0 1px 2px #000a,0 0 8px #0007}

.hc.r2 .hc-in:before,.hc.r3 .hc-in:before,.hc.r4 .hc-in:before{
 background-image:radial-gradient(circle at var(--mx) var(--my),#fffffff0 0,#ffffff40 10%,transparent 34%),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'170'%20height%3D'170'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'1.1'%20numOctaves%3D'1'%20seed%3D'19'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%201%20%200%200%200%2016%20-10.6'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),linear-gradient(112deg,transparent 30%,#ffffffb0 46%,#ffffff 50%,#ffffffb0 54%,transparent 70%),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'360'%20height%3D'360'%3E%3Cfilter%20id%3D'f'%20x%3D'0'%20y%3D'0'%20width%3D'100%25'%20height%3D'100%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.006%20.011'%20numOctaves%3D'3'%20seed%3D'5'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'1.7%200%200%200%20-.35%20%200%201.7%200%200%20-.35%20%200%200%201.7%200%20-.35%20%200%200%200%200%201'%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D'table'%20tableValues%3D'.98%20.74%20.7%20.92%201%20.8%20.98'%2F%3E%3CfeFuncG%20type%3D'table'%20tableValues%3D'.74%20.86%201%20.96%20.78%20.72%20.8'%2F%3E%3CfeFuncB%20type%3D'table'%20tableValues%3D'.96%201%20.92%20.72%20.82%201%201'%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),var(--metal);
 background-size:auto,170px 170px,260% 100%,360px 360px,300% 300%;
 background-blend-mode:soft-light,screen,overlay,multiply,normal;
 background-position:0 0,0 0,120% 0,0 0,50% 50%;animation:fsh3 9s ease-in-out infinite alternate;opacity:1}
@keyframes fsh3{0%{background-position:0 0,0 0,120% 0,0 0,10% 30%}100%{background-position:0 0,40px 30px,-20% 0,180px 120px,90% 70%}}
.hc.act .hc-in:before{animation:none;background-position:0 0,calc(var(--px)*-30px) calc(var(--py)*-30px),calc(60% - var(--px)*70%) 0,calc(var(--px)*-150px) calc(var(--py)*-110px),var(--mx) var(--my)}
.hc.r2 .hc-in:after,.hc.r3 .hc-in:after,.hc.r4 .hc-in:after{background:linear-gradient(112deg,transparent 40%,#ffffffcc 49%,#fff 50%,#ffffffcc 51%,transparent 60%);background-size:320% 100%;mix-blend-mode:screen}
.hc.ty-steel .hc-bg:before{filter:contrast(.6) brightness(1.08)}
.hc-meta,.hc-meta em,.hc-meta span{text-shadow:0 1px 3px #000c,0 0 6px #0008}

/*compacto*/
@media(min-width:761px){
 .wrap{max-width:1500px;padding:0 24px}
 .crumb{padding:12px 0}
 #grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:14px}
 .cust{grid-template-columns:300px 1fr;gap:16px;padding-bottom:40px}
 .side{top:76px;max-height:calc(100vh - 90px);overflow-y:auto;scrollbar-width:thin}
 .side .art{padding:12px 28px 4px}
 .side .in{padding:0 14px 14px}
 .tog{margin:8px 0;padding:8px 12px}
 .sr{margin:3px 0;font-size:.74rem}
 .panels{gap:12px}
 .panel{padding:14px 16px;border-radius:16px}.panel h3{margin:0 0 10px;font-size:.95rem}
 .games{grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:8px}
 .gt{min-height:66px;padding:8px;border-radius:12px}.gt img{max-height:40px}
 .g2{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px}
 .nat{gap:5px}.nt{padding:5px 3px;font-size:.76rem}
 .vr{margin:4px 0}
}
@media(min-width:761px){
 .ballgrid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:5px}
 .bl{flex-direction:row;justify-content:flex-start;gap:6px;padding:5px 8px;border-radius:10px;font-size:.64rem;letter-spacing:.3px}.bl img{height:22px;width:22px;object-fit:contain}
 .tera{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:5px}.tr{padding:5px 4px;font-size:.7rem;border-radius:9px}
 .gb{padding:8px}.gb small{font-size:.62rem}.gen3{gap:6px}
 .itemgrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
}
.sum{display:block;margin-top:10px}.sum .sg{display:flex;justify-content:center;gap:8px;padding:8px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;margin-bottom:6px}.sum .sg img{height:34px;max-width:46%;object-fit:contain}
.smg{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sm{display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--line);border-radius:11px;padding:6px 9px;min-width:0}
.sm img{width:26px;height:26px;object-fit:contain;flex:none}.sm .em{font-style:normal;font-size:1.15rem;width:26px;text-align:center;flex:none}
.sm span{display:flex;flex-direction:column;font-size:.8rem;font-weight:700;color:var(--tx);line-height:1.15;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm small{font-size:.58rem;color:var(--mu);font-weight:600;letter-spacing:.8px;text-transform:uppercase}
.smv{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:6px}.smv span{background:#1f6bff1f;border:1px solid #2f55b8;border-radius:9px;padding:4px 8px;font-size:.72rem;font-weight:600;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sum .sg{padding:5px;margin-bottom:5px;border-radius:10px;gap:6px}.sum .sg img{height:22px}
.smg{display:flex;flex-wrap:wrap;gap:4px}
.sm{display:inline-flex;align-items:center;gap:5px;padding:3px 8px 3px 5px;border-radius:99px;font-size:.7rem;font-weight:600;color:var(--tx);background:var(--bg2);border:1px solid var(--line);white-space:nowrap;max-width:100%}
.sm img{width:18px;height:18px}.sm .em{font-size:.8rem;width:auto;min-width:16px;color:var(--mu)}
.snav{position:sticky;top:68px;z-index:20;display:flex;gap:6px;overflow-x:auto;padding:8px 0;margin-bottom:6px;background:linear-gradient(var(--bg),var(--bg) 80%,transparent);scrollbar-width:none}.snav::-webkit-scrollbar{display:none}
.snav a{flex:none;font-size:.76rem;font-weight:600;color:var(--mu);padding:6px 12px;border:1px solid var(--line);border-radius:99px;background:var(--bg2);white-space:nowrap}.snav a:hover{color:#fff;border-color:var(--ac)}
.panels>.panel{scroll-margin-top:130px}
@media(max-width:760px){.snav{top:60px}}
.snav{display:none}
.gofin{width:100%;margin-top:10px;justify-content:center;font-size:.85rem;padding:9px 12px}
.panels{display:flex!important;flex-direction:column;gap:12px}
.itemgrid{max-height:200px}.ballgrid{max-height:none}
.ready{background:#ffb13b1c;border:1px solid #ffb13b88;color:#ffd58a;border-radius:11px;padding:9px 12px;font-size:.84rem;font-weight:600;margin-bottom:12px}
.pbs{width:44px;height:44px;border-radius:50%;flex:none;background:linear-gradient(#e8262d 0 46%,#14172b 46% 54%,#fff 54%);border:3px solid #14172b;position:relative;animation:pbspin 1s linear infinite;box-shadow:0 4px 14px #0008}
.pbs:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;border:3px solid #14172b;animation:pbglow 1s ease-in-out infinite alternate}
@keyframes pbspin{to{transform:rotate(360deg)}}@keyframes pbglow{to{box-shadow:0 0 12px 3px #7fd0ff}}
.toastr{position:fixed;top:78px;left:50%;transform:translateX(-50%);z-index:90;background:#0b1a40;border:1px solid #ffb13b;color:#ffe2a8;padding:11px 18px;border-radius:12px;font-weight:600;font-size:.88rem;box-shadow:0 12px 30px #000a;max-width:92vw;text-align:center;transition:opacity .5s}.toastr.out{opacity:0}
.pbs{flex:none;background:none;border:0;border-radius:0;box-shadow:none;width:46px;height:46px;animation:pbspin 1.1s linear infinite;filter:drop-shadow(0 4px 8px #0008)}.pbs:after{display:none}
.wrap,nav .wrap{padding-left:clamp(18px,4vw,80px)!important;padding-right:clamp(18px,4vw,80px)!important}
@media(min-width:761px){.wrap{max-width:1560px}}
/*pasos-compacto*/
section:has(.steps){padding-top:34px!important;padding-bottom:34px!important}
section:has(.steps) h2{font-size:clamp(1.5rem,2.4vw,1.9rem);margin:4px 0 6px}
section:has(.steps) .sub{margin:0 0 16px;font-size:.92rem}
.steps{gap:10px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.step{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;padding:12px 14px;border-radius:14px}
.step .ic{grid-row:1/3;font-size:1.5rem;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#1f6bff22;border-radius:12px}
.step b{margin:0;font-size:.95rem}.step p{font-size:.8rem;line-height:1.35}
.step:after{font-size:1.5rem;right:10px;top:6px;color:#1f6bff30}
@media(max-width:760px){.steps{grid-template-columns:1fr 1fr}.step{grid-template-columns:1fr;row-gap:4px}.step .ic{grid-row:auto}}
.step{align-items:start;align-content:start;grid-template-rows:auto 1fr}.step b{align-self:end;padding-top:2px}.step p{align-self:start}
.srch{background:#ffb13b1c!important;border:1px solid #ffb13b88!important;color:#ffd58a!important;animation:srp 1.6s ease-in-out infinite alternate}@keyframes srp{to{box-shadow:0 0 18px #ffb13b55}}
.doneb{background:#17c96422;border:1px solid #17c964;border-radius:14px;padding:16px;color:#bff5d3;font-weight:600;text-align:center}.doneb .dt{font-size:1.15rem;color:#fff;font-weight:800;margin-bottom:4px}
.nt.nx{opacity:.28;pointer-events:none;filter:grayscale(1)}.lim{margin:0 0 10px;font-size:.78rem;color:#ffd58a;background:#ffb13b14;border:1px solid #ffb13b55;border-radius:9px;padding:6px 10px}
input:disabled{opacity:.5;cursor:not-allowed}
.tstage{position:relative;height:150px;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#1f6bff2e,transparent 65%),var(--bg2);border:1px solid var(--line)}
.tball{position:absolute;left:50%;top:50%;width:56px;height:56px;filter:drop-shadow(0 6px 10px #0009);will-change:transform}
.tlink{position:absolute;left:50%;top:50%;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,#7fd0ff,transparent);box-shadow:0 0 14px #7fd0ff;opacity:0;transform-origin:center}
.tok{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-weight:800;color:#bff5d3;opacity:0;transform:translateY(8px);transition:.4s}.tok.on{opacity:1;transform:none}
.srch+.tstage{margin-top:12px}.tstage.done{border-color:#17c964;box-shadow:0 0 22px #17c96444}
/*cuentas*/
.mdl{position:fixed;inset:0;z-index:100;background:#02061acc;backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px}
.mbox{position:relative;width:min(100%,400px);background:linear-gradient(180deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:20px;padding:26px 24px 20px;box-shadow:0 30px 70px #000a}
.mbox h3{margin:0 0 6px;font-size:1.3rem}.mx{position:absolute;right:12px;top:10px;background:none;border:0;color:var(--mu);font-size:1.1rem;padding:6px}
.mmsg{color:#ffd58a;font-size:.84rem;margin:0 0 10px}.mmsg:empty{display:none}
.mbox label{display:block;font-size:.72rem;color:var(--mu);letter-spacing:1px;margin:12px 0 4px;font-weight:600;text-transform:uppercase}
.mbox input,.acct input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--tx);font:inherit}
.mbox input:focus,.acct input:focus{outline:2px solid var(--ac);border-color:transparent}
.mh{font-size:.76rem;color:var(--mu);margin:6px 0 0}.aerr{color:#ff8a8a;font-size:.84rem;min-height:1.2em;margin:8px 0}.mok{color:#bff5d3;font-weight:600;margin:6px 0 12px}
.mbox .btn.c{width:100%;justify-content:center;margin-top:4px}.alinks{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:.84rem}.alinks a{color:var(--ac2)}
.abn{border-radius:12px;padding:10px 14px;font-size:.88rem;margin:0 0 12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.abn.warn{background:#ffb13b17;border:1px solid #ffb13b66;color:#ffd58a}.abn.ok{background:#17c96420;border:1px solid #17c964;color:#bff5d3}.abn.err{background:#ff5d7d1c;border:1px solid #ff5d7d77;color:#ffb3c1}
.abn a{color:#fff;text-decoration:underline}.abtns{display:flex;gap:8px;flex-wrap:wrap}.qleft{font-size:.84rem;margin:0 0 10px}
.acct{padding-bottom:60px}.acg{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:760px){.acg{grid-template-columns:1fr}}
.mu{color:var(--mu)}.pillok{display:inline-block;background:#17c96422;color:#7ff0b4;border:1px solid #17c96477;border-radius:99px;padding:3px 12px;font-size:.78rem;font-weight:600}
.pbig{font:800 1.6rem Sora,Inter,system-ui,sans-serif}.pillok{margin-right:10px}.pbig small{font:400 .9rem Inter;color:var(--mu)}.qbar{height:8px;border-radius:9px;background:#16296a;margin:12px 0 8px;overflow:hidden}.qbar i{display:block;height:100%;background:linear-gradient(90deg,var(--ac),var(--ac2));border-radius:9px}
.orow{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.88rem;align-items:center}.orow:last-child{border:0}
.orow .st{text-align:right;font-weight:700}.orow .st.ok{color:#7ff0b4}.orow .st.bad{color:#ff8a8a}
.pill.soon{background:#23397d;color:#9fb0d8}
.plans.n1{max-width:360px;margin:0 auto}.plans.n2{max-width:760px;margin:0 auto}.plan{position:relative}.pbadge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--ac);color:#fff;font:700 .72rem Inter;padding:4px 12px;border-radius:99px;letter-spacing:.04em;text-transform:uppercase}.pfine{font-size:.76rem;color:var(--mu);text-align:center}
.btn.sm{padding:7px 14px;font-size:.82rem;border-radius:10px;box-shadow:none}
.acct .panel{padding:14px 16px;border-radius:16px}.acct .panel h3{font-size:.88rem;margin:0 0 8px;display:flex;align-items:center;gap:8px}.acct .mu{font-size:.84rem;margin:6px 0}.acg{grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:900px){.acg{grid-template-columns:1fr}}
.acct .pbig{font-size:1.2rem}.acct .qbar{height:6px;margin:8px 0 6px}.acct .orow{padding:6px 0;font-size:.82rem}.acct .pillok{font-size:.72rem;padding:2px 10px}.acct .abn{margin-bottom:10px}
.ns{min-width:130px}#langsel{min-width:84px}@media(max-width:1500px){#nmy span{display:none}}.pxd{display:inline-block;vertical-align:middle;flex:none;image-rendering:pixelated}#nmy{display:inline-flex;align-items:center;gap:6px}.hpx{align-items:center}
.coltitle{display:flex;align-items:center;gap:10px;font-size:1.2rem;margin:4px 0 12px}
.colhero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;align-items:center}@media(max-width:700px){.colhero{grid-template-columns:1fr}}
.colnum{font:800 1.6rem Sora,Inter,system-ui,sans-serif;line-height:1.1}.colnum small{font:600 .85rem Inter;color:var(--mu)}.colmain .mu{font-size:.76rem;margin:0}.colmain .qbar{margin:6px 0 4px}
.colchips{display:flex;gap:8px;flex-wrap:wrap}.colchips span{background:#0b1a44;border:1px solid var(--line);border-radius:99px;padding:5px 11px;font-size:.78rem;color:var(--mu);white-space:nowrap}.colchips b{color:#fff}
.colstreak{grid-column:1/-1;display:flex;gap:10px;align-items:center;background:linear-gradient(90deg,#ff7a1a1c,#0b1a44);border:1px solid #ff7a1a44;border-radius:10px;padding:7px 12px;font-size:.82rem;color:var(--mu)}.colstreak b{color:#fff}.colstreak .fl{font-size:1.1rem}
.colach{margin-top:12px}.achs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.ach{display:flex;gap:8px;align-items:center;background:#0b1a44;border:1px solid var(--line);border-radius:10px;padding:7px 10px;opacity:.6}.ach.on{opacity:1;border-color:#f6c34a77;background:linear-gradient(135deg,#f6c34a18,#0b1a44)}
.ach .ai{font-size:1.15rem;filter:grayscale(1)}.ach.on .ai{filter:none}.ach b{display:block;font-size:.78rem;line-height:1.25}.ap{height:4px;border-radius:9px;background:#16296a;overflow:hidden;margin:4px 0 2px}.ap i{display:block;height:100%;background:linear-gradient(90deg,var(--ac),var(--ac2))}.aprog{font-size:.68rem;color:var(--mu)}.adone{font-size:.7rem;font-weight:700;color:#f6c34a}
.colbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.cseg{display:flex;gap:2px;background:#0b1a44;border:1px solid var(--line);border-radius:10px;padding:3px;flex-wrap:wrap}.cseg button{background:none;border:0;border-radius:8px;padding:5px 10px;font-size:.78rem;color:var(--mu);font-weight:600;cursor:pointer}.cseg button.on{background:var(--ac);color:#fff}.cseg small{opacity:.8;margin-left:3px}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px}.cmini{cursor:pointer}.cmini .hc{aspect-ratio:5/7.1;width:100%}
.cmini .hc-top{padding:5px 6px 16px}.cmini .hc-top b{font-size:.62rem}.cmini .hc .hc-ty img{width:14px;height:14px;box-shadow:0 0 0 1px #ffffff80}.cmini .hc-meta{font-size:.5rem;gap:4px;bottom:4%}.cmini .hc-meta em,.cmini .hc-meta .badge{display:none}.cmini .hc-in{padding:4px;border-radius:12px}.cmini .hc-face{border-radius:9px}
.clk{position:relative;aspect-ratio:5/7.1;border-radius:12px;padding:4px;background:linear-gradient(145deg,#2b3a68,#0c1330);box-shadow:0 5px 12px #0008}.clk .cf{position:relative;height:100%;border-radius:9px;overflow:hidden;background:radial-gradient(circle at 50% 42%,#1c2d62,#080f26 75%);box-shadow:inset 0 0 0 1px #ffffff18;display:grid;place-items:center}
.clk img{width:78%;margin-top:-10%;filter:brightness(0) opacity(.32)}.clk .cnn{position:absolute;top:6px;left:8px;font:700 .58rem Sora;color:#6f82b8}.clk .cpb{position:absolute;right:7px;bottom:7px;opacity:.7;line-height:0}.clk b{position:absolute;left:8px;bottom:7px;font:800 .72rem Sora;color:#6f82b8;letter-spacing:.1em}
.clk.big{max-width:230px;margin:0 auto;aspect-ratio:5/7}.clk.big b{font-size:1rem}
.mdl:has(.cbox){background:#02051acc;backdrop-filter:blur(10px) brightness(.6)}
.cbox{--cw:min(300px,60vh,84vw);position:relative;width:var(--cw);display:grid;gap:10px;justify-items:center}.cbox .hc.big,.cbox .clk.big{margin-bottom:34px}.cshy.back{background:transparent;border-color:#ffffff30;color:#cfd8f5}
.cshy{background:#ffffff1c;border:1px solid #ffffff40;color:#fff;border-radius:99px;padding:7px 16px;font-size:.8rem;font-weight:600;cursor:pointer;backdrop-filter:blur(6px);text-decoration:none}.cshy:hover{background:#ffffff33}
.cbox .hc.big,.cbox .clk.big{width:var(--cw);max-width:none;margin:0 auto 34px;aspect-ratio:5/7}.cacts{display:flex;gap:8px;align-items:center;margin-top:12px}.cacts .btn{flex:1;text-align:center;white-space:nowrap}.cacts .cseg2{flex:1}
.cseg2{display:flex;gap:2px;background:#0b1a44;border:1px solid var(--line);border-radius:10px;padding:3px}.cseg2 button{flex:1;background:none;border:0;border-radius:8px;padding:6px 4px;font-size:.76rem;color:var(--mu);font-weight:600;cursor:pointer}.cseg2 button.on{background:var(--ac);color:#fff}
.cardx{container-type:inline-size}
.colach summary{cursor:pointer;font-weight:700;font-size:.88rem;list-style:none;display:flex;align-items:center;gap:8px}.colach summary::-webkit-details-marker{display:none}.colach summary small{color:var(--mu);font-weight:600}.colach summary:after{content:"▾";margin-left:auto;color:var(--mu);transition:.2s}.colach[open] summary:after{transform:rotate(180deg)}.colach .achs{margin-top:10px}
.cq{display:flex;align-items:center;gap:10px;background:#0b1a44;border:1px solid var(--line);border-radius:14px;padding:0 14px;margin-bottom:10px;color:var(--mu)}.cq:focus-within{border-color:var(--ac)}.colq{flex:1;min-width:0;background:none;border:0;color:#fff;font-size:.95rem;padding:13px 0}.colq:focus{outline:0}
.cbar2{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.cbar2 .cseg{margin:0}.cbar2 .cseg button{padding:8px 14px;font-size:.82rem}
.csw{display:inline-flex;align-items:center;gap:8px;background:#0b1a44;border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:.82rem;font-weight:600;color:var(--mu);cursor:pointer}.csw input{display:none}.csw i{width:30px;height:17px;border-radius:99px;background:#243a7d;position:relative;transition:.2s}.csw i:after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#fff;transition:.2s}.csw input:checked+i{background:var(--ac)}.csw input:checked+i:after{left:15px}.csw:has(input:checked){color:#fff;border-color:var(--ac)}
.cdd{position:relative}.cddb{display:inline-flex;align-items:center;gap:8px;background:#0b1a44;border:1px solid var(--line);border-radius:12px;padding:9px 14px;font-size:.82rem;font-weight:600;color:#fff;cursor:pointer}.cddb em{font-style:normal;opacity:.6;font-size:.7rem}.cddb b{background:var(--ac);border-radius:99px;min-width:19px;height:19px;display:inline-grid;place-items:center;font-size:.68rem}.cdd.open .cddb{border-color:var(--ac)}.cddb b[hidden]{display:none}
.cddp{display:none;position:absolute;left:0;top:calc(100% + 6px);z-index:60;background:linear-gradient(180deg,#14224f,#0b1535);border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 18px 40px #000a;min-width:250px;max-height:60vh;overflow:auto}.cdd.open .cddp{display:grid;gap:2px}.cddp.tw{grid-template-columns:1fr 1fr;gap:6px;min-width:340px}
.cop{display:flex;align-items:center;gap:10px;background:none;border:0;border-radius:10px;padding:9px 10px;color:#fff;cursor:pointer;text-align:left;font-size:.84rem}.cop:hover{background:#ffffff12}.cop .cot{flex:1}.cop small{color:var(--mu);margin-left:4px}.cop b{font-size:.72rem;color:var(--mu);font-weight:600}.cop .ck{width:18px;height:18px;border-radius:6px;border:2px solid #4a5f9e;display:grid;place-items:center;flex:none}.cop.on .ck{background:var(--ac);border-color:var(--ac)}.cop.on .ck:after{content:"✓";font-size:.7rem;color:#fff}
.cddp.tw .chip.tyc{display:inline-flex;font-size:.8rem;cursor:pointer}.cddp.tw .chip.on{outline:2px solid #fff}
.ctags{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.ctags:empty{display:none}.ctag{display:inline-flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid var(--line);border-radius:99px;padding:4px 6px 4px 11px;font-size:.76rem}.ctag button{background:#ffffff1f;border:0;border-radius:50%;width:18px;height:18px;color:#fff;font-size:.6rem;cursor:pointer;line-height:1}.cclr{background:none;border:0;color:var(--ac2);font-size:.78rem;font-weight:600;cursor:pointer;margin-left:4px}
.cprog{margin:2px 0 12px}.cpl{display:flex;justify-content:space-between;font-size:.76rem;color:var(--mu)}.cpl b{color:#fff}.cprog .qbar{margin:6px 0 0}
.ddbk{display:none}
.cmore{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;font-size:.78rem;color:var(--mu)}
/* móvil: Mi Pokédex */
@media(max-width:640px){#nmy{display:none!important}.cbar2 .cseg{width:100%}.cbar2 .cseg button{flex:1;padding:9px 6px}.cbar2{gap:6px}.csw{padding:8px 9px;font-size:.76rem;gap:6px}.cdd{flex:1;min-width:0}.cddb{width:100%;justify-content:center;padding:9px 8px;font-size:.78rem}.cddb em{display:none}.cddp,.cddp.tw{position:fixed;left:0;right:0;bottom:0;top:auto;min-width:0;max-height:62vh;border-radius:20px 20px 0 0;padding:14px 12px 22px;z-index:120}.cddp.tw{grid-template-columns:1fr 1fr}.ddbk{position:fixed;inset:0;background:#000a;z-index:110;display:block}.ddbk[hidden]{display:none}.cop{padding:12px 10px}.colq{max-width:none}#colg{max-width:100%}.colhero{padding:10px 12px;gap:8px}.colnum{font-size:1.35rem}.colchips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.colchips::-webkit-scrollbar{display:none}.colstreak{padding:6px 10px;font-size:.74rem}.colach{margin-top:8px;padding:10px 12px}.coltitle{margin:0 0 8px;font-size:1.05rem}.acct .crumb{display:none}.achs{grid-template-columns:1fr 1fr;gap:6px}.ach{padding:6px 8px}.cgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.colbar{flex-direction:column;min-width:0}.colbar>*{max-width:100%;min-width:0}.cseg{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.cseg::-webkit-scrollbar{display:none}.cseg button{white-space:nowrap}.cbox{--cw:min(300px,60vh,86vw)}.colchips span{font-size:.72rem;padding:4px 9px}.acg{gap:10px}}
.cx-top{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;align-items:center;gap:1.6cqw;padding:3cqw 4cqw 0;height:11%;color:#fff}.cx-top b{flex:1;min-width:0;font:800 6.4cqw Sora,Inter,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 5px #000a}
.cx-ps{font:800 5.2cqw Sora,Inter,sans-serif;display:flex;align-items:baseline;gap:.8cqw;text-shadow:0 1px 5px #000a}.cx-ps small{font-size:3cqw;opacity:.85}
.tyb{position:relative;display:inline-grid;place-items:center;width:7.6cqw;height:7.6cqw;border-radius:50%;box-shadow:0 0 0 .5cqw #ffffffcc,0 .6cqw 1.6cqw #0008;overflow:hidden;flex:none}.tyb i{font-style:normal;font-size:4.2cqw;line-height:1}.tyb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none}
.cx-win{position:absolute;left:4.5%;right:4.5%;top:11.5%;height:38.5%;z-index:1;border-radius:2cqw;overflow:hidden;display:grid;place-items:center;border:.6cqw solid #ffffffd0;box-shadow:inset 0 0 0 .4cqw #0004,0 .8cqw 2cqw #0006;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--t1) 55%,#fff 30%),color-mix(in srgb,var(--t2) 70%,#10204a))}
.cx-win:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 50% 45%,#ffffff1c 0 4px,transparent 4px 11px)}.cx-win .cx-img{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;filter:drop-shadow(0 2cqw 2cqw #0009);transform:translate(calc(var(--px)*2cqw),calc(var(--py)*2cqw))}
.cx-dex{position:absolute;left:4.5%;right:4.5%;top:50.6%;z-index:2;height:4%;display:grid;place-items:center;font:600 2.9cqw Inter,sans-serif;color:#1b2540;background:linear-gradient(#f4f6fb,#c9d0e0);border-radius:1.2cqw;box-shadow:0 .4cqw 1cqw #0005}
.cx-ab{position:absolute;left:5%;right:5%;top:56.5%;z-index:2;font:700 4cqw Sora,Inter,sans-serif;color:#fff;text-shadow:0 1px 4px #000c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-ab em{font:600 3cqw Inter,sans-serif;font-style:normal;color:#ffe9a8}
.cx-st{position:absolute;left:5%;right:5%;top:62%;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:2cqw 5cqw;background:#050c2470;border-radius:2cqw;padding:2.4cqw 3cqw}.cx-st div{display:grid;grid-template-columns:8cqw 1fr 6cqw;gap:1.6cqw;align-items:center;font:600 3.2cqw Inter,sans-serif;color:#d6e0ff}.cx-st i{height:1.6cqw;border-radius:9px;background:#ffffff26;overflow:hidden}.cx-st u{display:block;height:100%;border-radius:9px}.cx-st b{color:#fff;text-align:right;font-weight:700}
.cx-pills{position:absolute;left:4.5%;right:4.5%;top:80.5%;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:3cqw}.cx-pills span{background:linear-gradient(#f4f6fb,#c3cbdd);color:#445;border-radius:1.4cqw;padding:1.1cqw 2.4cqw;font:600 2.9cqw Inter,sans-serif;display:flex;justify-content:space-between;gap:2cqw;box-shadow:0 .4cqw 1cqw #0005}.cx-pills b{color:#111a33;font-weight:800}
.cx-ft{position:absolute;left:5%;right:5%;bottom:2.2%;z-index:2;display:flex;justify-content:space-between;align-items:center;font:600 2.8cqw Inter,sans-serif;color:#fff;text-shadow:0 1px 4px #000}.cx-dia{font-size:4.2cqw;letter-spacing:.8cqw;color:#e6ecff;text-shadow:0 0 .8cqw #000}.plan .btn[disabled]{opacity:.5;cursor:not-allowed}

/* logo de la marca */
.logo{flex:none}
@media(min-width:901px){nav .ns{min-width:150px}}
.logo img{display:block;height:44px;width:auto;max-width:none;flex:none}
@media(max-width:640px){.logo img{height:28px}}

/* marca en texto junto al icono */
.logo .logo-t{font-family:Sora,Inter,system-ui,sans-serif;font-weight:800;font-size:1.3rem;letter-spacing:-.5px;white-space:nowrap}
.logo img.logo-i{height:38px;width:auto}
@media(max-width:640px){.logo img.logo-i{height:30px}.logo .logo-t{font-size:1.05rem}}

/* logotipo Fill the Dex */
.logo img.logo-wm{display:block;height:30px;width:auto;max-width:none;flex:none}
@media(max-width:640px){.logo img.logo-wm{height:24px}}

.band .bh{font:700 clamp(1.7rem,3.4vw,2.5rem) Sora,Inter,system-ui,sans-serif;letter-spacing:-1px;margin:0 0 8px;opacity:1}.slg{margin:0 0 10px;color:var(--mu)}.slg b{font-weight:600}

.hero h1{font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-1.5px;line-height:1.08;text-wrap:balance}

#ckb{position:fixed;left:16px;bottom:16px;z-index:60;max-width:360px;display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(10,16,38,.92);border:1px solid var(--line);backdrop-filter:blur(8px);font-size:.78rem;line-height:1.45;color:var(--mu);box-shadow:0 8px 28px rgba(0,0,0,.35);opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
#ckb.in{opacity:1;transform:none}#ckb.out{opacity:0;transform:translateY(8px)}
#ckb a{color:inherit;text-decoration:underline}
#ckb .ckbt{display:flex;gap:8px;justify-content:flex-end}
#ckb button{font:inherit;font-weight:600;padding:6px 14px;border-radius:9px;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--tx,#fff)}
#ckb button#cky{background:rgba(255,255,255,.1)}
#ckb button:hover{background:rgba(255,255,255,.16)}
@media(max-width:520px){#ckb{left:10px;right:10px;bottom:10px;max-width:none}}

/* cabecera: lupa + bandera (en escritorio no se ven) */
.nsb,.lf{display:none}.nr{display:contents}.lw{display:inline-flex}
@media(max-width:760px){
 nav .wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;height:58px}
 nav .wrap>.sp,nav .wrap>a.l,nav .wrap>#nmy{display:none}
 nav .logo{grid-column:2;grid-row:1;justify-self:center}
 .nsb{grid-column:1;grid-row:1;justify-self:start;display:grid;place-items:center;width:42px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--tx);cursor:pointer;padding:0}
 .nsb:hover,.nsb[aria-expanded=true]{border-color:var(--ac)}
 .nr{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:8px}
 .lw{position:relative;display:grid;place-items:center;width:42px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
 .lw:hover,.lw:focus-within{border-color:var(--ac)}
 .lf{display:block;width:24px;height:18px;border-radius:3px;object-fit:cover;pointer-events:none}
 #langsel{position:absolute;inset:0;width:100%;max-width:none;height:100%;opacity:0;cursor:pointer;padding:0;font-size:16px}
 nav .btn.g#acc{display:grid;place-items:center;width:42px;height:40px;padding:0}
 nav .btn.g#acc .an{display:none}
 nav .ns{display:none}
 nav.so .ns{display:flex;position:absolute;left:12px;right:12px;top:calc(100% + 8px);height:48px;flex:none;z-index:45;box-shadow:0 10px 30px rgba(0,0,0,.45)}
 nav .logo-wm{width:132px;height:auto}
}

#acc{display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1}
#acc .ui{width:18px;height:18px;flex:none;display:block}
@media(max-width:760px){#ckb{bottom:calc(66px + env(safe-area-inset-bottom))}}

@media(max-width:760px){#langsel{min-width:0!important;width:100%!important}.lw{overflow:hidden}}

.tab a b.ti{display:block;width:24px;height:24px;margin:0 auto 3px;background:currentColor;font-size:0;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.ti-h{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2010.5%2012%203l9%207.5V21h-6v-6H9v6H3z'%2F%3E%3C%2Fsvg%3E")}
.ti-d{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'11'%20cy%3D'11'%20r%3D'7'%2F%3E%3Cpath%20d%3D'm20%2020-3.5-3.5'%2F%3E%3C%2Fsvg%3E")}
.ti-p{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%202.8l2.8%205.9%206.4.9-4.7%204.5%201.2%206.4L12%2017.4%206.3%2020.5l1.2-6.4L2.8%209.6l6.4-.9z'%2F%3E%3C%2Fsvg%3E")}
.ti-q{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9'%2F%3E%3Cpath%20d%3D'M9.5%209.4a2.6%202.6%200%201%201%203.6%202.4c-.8.4-1.1%201-1.1%201.8'%2F%3E%3Cpath%20d%3D'M12%2017h.01'%2F%3E%3C%2Fsvg%3E")}

/* portada en móvil: título en 2 líneas, textos compactos, chips sin tapar la carta y cifras en cuadrícula 2x2 */
@media(max-width:760px){
 .hero{padding:40px 0 34px}
 .hero h1{font-size:min(7.3vw,2rem);letter-spacing:-1px;line-height:1.12;margin:16px auto 10px;text-wrap:balance}
 .hero h1 em:after{bottom:-6px;height:4px}
 .hero p{margin:10px auto 18px;font-size:1rem;line-height:1.5}
 .hero .slg{margin:12px auto 0;font-size:1.02rem}
 .hero .cta{margin-top:4px}
 .hr{margin-bottom:58px}
 .fc.d{left:0;bottom:-6px}
 .fc.c{right:0;bottom:-44px}
 .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px;margin:30px auto 0;max-width:340px;text-align:center}
 .stats .num{font-size:1.9rem;line-height:1.1}
 .stats span{font-size:.68rem}
}

/* cartas en pantallas táctiles: sin menú de pulsación larga ni resaltado, y la inclinación se suelta con suavidad */
@media(hover:none){.hc{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.hc-in{transition:transform .28s ease-out,box-shadow .28s}}

img{-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}
.hc img,button img,.logo img{pointer-events:none}
@media(hover:none){.hc-in{transition:transform .12s linear,box-shadow .2s}}

/* táctil: el scroll vertical sigue funcionando sobre las cartas; el resto de gestos los usa la inclinación */
@media(hover:none){.hc{touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.hc-in{transition:transform .1s linear,box-shadow .2s}}

/* sin parpadeo del contenido estático al cargar */
#app{visibility:hidden}body.fd-ready #app{visibility:visible}
#langsel:empty{visibility:hidden}

.flang{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;font-size:.72rem}
.flang a{color:var(--mu);opacity:.75}.flang a:hover{opacity:1;color:#fff}

/* páginas de aterrizaje (Completa tu Pokédex) */
.lp{padding:44px 16px 56px;max-width:880px;margin:0 auto}
.lp h1{font-size:clamp(1.9rem,4.4vw,3rem);letter-spacing:-1px;line-height:1.1;margin:0 0 20px;text-align:left}
.lp h2{font-size:clamp(1.25rem,2.4vw,1.6rem);margin:36px 0 10px;letter-spacing:-.4px}
.lp h3{margin:18px 0 4px;font-size:1.02rem}
.lp p,.lp li{color:var(--mu);line-height:1.65}
.lp ol{counter-reset:s;list-style:none;padding:0;display:grid;gap:12px}
.lp ol li{counter-increment:s;position:relative;padding:14px 16px 14px 58px;background:linear-gradient(160deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:14px}
.lp ol li:before{content:counter(s);position:absolute;left:14px;top:13px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--ac);color:#fff;font-weight:800}
.lp ol b{color:var(--tx)}
.lp ul{padding-left:20px}
.lpcta{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0}
.lpcta a{padding:11px 20px;border-radius:12px;border:1px solid var(--line);color:var(--tx);text-decoration:none;font-weight:600}
.lpcta a:first-child{background:var(--ac);border-color:transparent;color:#fff;box-shadow:0 6px 24px var(--glow)}
.lpcta a:hover{border-color:var(--ac)}

@media(max-width:760px){nav .logo{padding:10px 6px;margin:-10px -6px}}
.gsep{height:1px;background:var(--line,#ffffff22);margin:16px 0 14px}.gbtn{display:flex;justify-content:center;min-height:44px}

/* caja de premios del perfil */
.prz{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin:12px 0}
.przc{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03)}
.przc.sh{border-color:rgba(255,214,102,.55)}
.przc img{width:56px;height:56px;object-fit:contain;flex:none}
.przc>div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.przc .btn{flex:none}