:root{--glass:rgba(10,13,19,.52);--glass-hi:rgba(255,255,255,.06);--edge:rgba(255,255,255,.1);--dim:#9aa0aa;--faint:#5d636d;--acc:#3df0c2;--acc-a:rgba(61,240,194,.35);--acc-b:rgba(61,240,194,.12);--font-name:var(--font-display)}.pcard{position:relative;width:min(440px,100%);padding:30px 26px 18px;border-radius:26px;text-align:center;background:var(--glass);border:1px solid var(--edge);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:0 30px 80px #00000073,inset 0 1px 0 var(--glass-hi);transform-style:preserve-3d;transition:transform .25s ease-out}.pcard:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--spin,0deg),transparent 0 70%,var(--acc) 80%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:edge 6s linear infinite}.pcard:after{content:"";position:absolute;left:50%;top:-40px;width:320px;height:240px;margin-left:-160px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--rank,var(--acc)) 30%,transparent),transparent 70%);filter:blur(10px)}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes edge{to{--spin:360deg}}.pcard.enter{animation:enter .7s cubic-bezier(.2,.9,.25,1.15) both}@keyframes enter{0%{opacity:0;transform:scale(.92) translateY(14px);filter:blur(8px)}}.pcard.enter .bdg{animation:pop .4s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(.35s + var(--i)*60ms)}@keyframes pop{0%{opacity:0;transform:scale(.3)}}.pcard .scope{position:relative;width:148px;height:148px;margin:0 auto}.pcard .scope .av{position:absolute;inset:18px;border-radius:50%;overflow:hidden;background:#11161f;display:grid;place-items:center;font-family:var(--font-display);font-size:52px;color:var(--rank)}.pcard .scope .av img{width:100%;height:100%;object-fit:cover}.pcard .scope svg.ret{position:absolute;inset:0;width:100%;height:100%;color:var(--rank);overflow:visible;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--rank) 60%,transparent))}.pcard .scope svg.ret .spin{transform-origin:50% 50%;animation:retspin 24s linear infinite}@keyframes retspin{to{transform:rotate(360deg)}}.pcard .scope .lv{position:absolute;left:50%;bottom:-24px;width:60px;height:60px;margin-left:-30px;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55)) drop-shadow(0 0 8px color-mix(in srgb,var(--lvl) 35%,transparent));transition:transform .15s}.pcard .scope .lv:hover,.pcard .scope .lv:focus-visible{transform:scale(1.12)}.pcard .scope+.nm{margin-top:28px}.pcard .nm{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.pcard .name{font-family:var(--font-name);font-weight:400;font-size:clamp(34px,8vw,48px);line-height:1;letter-spacing:.01em;word-break:break-word;position:relative}.pcard .nm .remb{width:30px;height:30px;flex:0 0 auto;cursor:help}.pcard .nfx-none{color:var(--ink)}.pcard .nfx-rank{color:var(--rank,var(--ink));text-shadow:0 0 22px color-mix(in srgb,var(--rank,#000) 45%,transparent)}.pcard .nfx-gradient{background:linear-gradient(90deg,var(--acc),#ff3e51,#ffb347,var(--acc));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gslide 6s linear infinite}@keyframes gslide{to{background-position:300% 0}}.pcard .nfx-neon{color:#fff;text-shadow:0 0 4px #fff,0 0 12px var(--acc),0 0 28px var(--acc),0 0 52px var(--acc);animation:flick 5s infinite}@keyframes flick{0%,18%,22%,62%,64%,to{opacity:1}20%,63%{opacity:.55}}.pcard .nfx-glow{color:var(--acc);animation:soft 3s ease-in-out infinite}@keyframes soft{0%,to{text-shadow:0 0 8px var(--acc-a)}50%{text-shadow:0 0 26px var(--acc),0 0 4px #fff}}.pcard .nfx-shimmer{background:linear-gradient(110deg,var(--ink) 40%,#fff 50%,var(--ink) 60%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shim 3.2s linear infinite}@keyframes shim{0%{background-position:150% 0}to{background-position:-100% 0}}.pcard .nfx-glitch{color:var(--ink)}.pcard .nfx-glitch:before,.pcard .nfx-glitch:after{content:attr(data-text);position:absolute;inset:0;overflow:hidden}.pcard .nfx-glitch:before{color:#ff3e51;clip-path:inset(0 0 55% 0);animation:gl1 2.6s steps(2) infinite}.pcard .nfx-glitch:after{color:#3df0ff;clip-path:inset(55% 0 0 0);animation:gl2 2.1s steps(2) infinite}@keyframes gl1{0%,86%{transform:translate(0)}88%{transform:translate(-4px,-1px)}92%{transform:translate(3px,1px)}96%{transform:translate(-2px)}}@keyframes gl2{0%,80%{transform:translate(0)}84%{transform:translate(4px,1px)}90%{transform:translate(-3px,-1px)}}.bdgs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:14px}.bdg{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#ffffff0d;border:1px solid var(--edge);color:var(--bc,var(--acc));cursor:help}.bdg svg{width:18px;height:18px}.bdg.gold{--bc:#f5c84c;background:#f5c84c1a;border-color:#f5c84c59}.bdg.more{font-size:11px;font-weight:700;color:var(--dim)}.pcard .bio{margin:14px auto 0;max-width:34ch;font-size:15px;color:#d9d6d0;white-space:pre-line;min-height:1.45em}.pcard .bio.typing:after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:var(--acc);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.pcard .quick{display:flex;justify-content:center;gap:18px;margin-top:16px;font-size:14px;font-weight:600}.pcard .quick span{display:inline-flex;align-items:center;gap:6px;cursor:help}.pcard .quick svg{width:18px;height:18px}.pcard .quick .flame{color:#ff8a3d}.pcard .socials{display:flex;justify-content:center;gap:8px;margin-top:18px;flex-wrap:wrap}.pcard .socials a,.pcard .socials button{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#ffffff0d;border:1px solid var(--edge);color:var(--ink);transition:transform .15s,border-color .15s,color .15s,background .15s}.pcard .socials a:hover,.pcard .socials button:hover{transform:translateY(-2px);border-color:var(--acc);color:var(--acc);background:var(--acc-b)}.pcard .socials svg{width:19px;height:19px;fill:currentColor}.pcard .loadout{display:flex;align-items:center;gap:12px;margin-top:18px;padding:10px;border-radius:16px;background:#00000047;border:1px solid var(--edge);text-align:left}.pcard .loadout canvas{width:56px;height:56px;border-radius:12px;background:radial-gradient(circle,#26303f,#121822);flex:0 0 auto}.pcard .loadout .lt{flex:1;min-width:0}.pcard .loadout b{display:block;font-size:14px;font-weight:700}.pcard .loadout small{display:block;font-size:12px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcard .loadout .ib{background:#ffffff0f}.pcard .foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:12px;color:var(--dim)}.pcard .foot span{display:inline-flex;align-items:center;gap:6px}.pcard .foot svg{width:15px;height:15px}.ib{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--glass);border:1px solid var(--edge);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--ink);transition:border-color .15s,color .15s,transform .15s}.ib:hover{border-color:var(--acc);color:var(--acc)}.ib:active{transform:scale(.94)}.ib svg{width:18px;height:18px}.ib.sm{width:34px;height:34px;border-radius:10px}.ib.sm svg{width:15px;height:15px}.ib.on{background:var(--acc);border-color:var(--acc);color:#07090d}.ib.on:hover{color:#07090d;filter:brightness(1.08)}#tip.on{opacity:1;transform:none}#tip b{display:block;font-size:14px}#tip em{display:block;font-style:normal;color:var(--acc);font-weight:700;font-size:12px;margin-top:3px}#tip span{color:var(--dim)}#tip{position:fixed;z-index:60;pointer-events:none;max-width:240px;padding:9px 11px;border-radius:12px;background:#080a0ff0;border:1px solid var(--edge);font-size:13px;line-height:1.35;opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s;box-shadow:0 12px 30px #0006}.pcard svg{display:block}.hub .go{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border-radius:18px;background:var(--acc);color:#07090d;text-align:left;box-shadow:0 10px 30px color-mix(in srgb,var(--acc) 35%,transparent);transition:transform .15s,filter .15s}.hub .go:hover{transform:translateY(-2px);filter:brightness(1.06)}.hub .go svg{width:30px;height:30px;flex:0 0 auto}.hub .go b{display:block;font-family:var(--font-display);font-weight:400;font-size:26px;letter-spacing:.02em;line-height:1}.hub .go small{display:block;font-size:13px;font-weight:600;opacity:.75;margin-top:3px}.hub .hubgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}@media(max-width:420px){.hub .hubgrid{grid-template-columns:repeat(2,1fr)}}.hub .hd{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px 10px;border-radius:14px;background:#00000047;border:1px solid var(--edge);transition:border-color .15s,transform .15s}.hub .hd:hover{border-color:var(--rc,var(--acc));transform:translateY(-2px)}.hub .hd .emb{width:34px;height:34px}.hub .hd b{font-size:12px;font-weight:700;text-align:center;line-height:1.15}.hub .hd .pl{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--acc);color:#07090d;display:grid;place-items:center;opacity:0;transition:opacity .15s}.hub .hd:hover .pl{opacity:1}.hub .hd .pl svg{width:10px;height:10px}.hub .tools{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.hub .tools a{flex:1 1 0;min-width:90px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:12px;background:#ffffff0d;border:1px solid var(--edge);font-size:13px;font-weight:600;transition:border-color .15s,color .15s}.hub .tools a:hover{border-color:var(--acc);color:var(--acc)}.hub .tools svg{width:16px;height:16px}.hub .hd .emb svg,.hub .go svg{display:block}.hub a{color:inherit;text-decoration:none}.hub button.hd{font:inherit;color:var(--ink);cursor:pointer}.hub .tools a{color:var(--ink)}.pbg{overflow:hidden;background:var(--bg,#07090d)}.pbg>canvas{position:absolute;inset:0;width:100%;height:100%}.pbg.bg-void{background:radial-gradient(ellipse at 30% 20%,#151c29 0,transparent 55%),radial-gradient(ellipse at 80% 90%,#121722 0,transparent 50%),var(--bg,#07090d)}.pbg.bg-rankglow{background:radial-gradient(circle at 50% 30%,var(--acc-a) 0,transparent 55%),var(--bg,#07090d);animation:pbg-pulse 6s ease-in-out infinite}@keyframes pbg-pulse{50%{filter:brightness(1.3)}}.pbg.bg-grid{background:linear-gradient(#07090d 0,#160b25 55%,#07090d)}.pbg.bg-grid:after{content:"";position:absolute;left:-50%;right:-50%;bottom:-10%;height:62%;background-image:linear-gradient(var(--acc) 1px,transparent 1px),linear-gradient(90deg,var(--acc) 1px,transparent 1px);background-size:60px 60px;opacity:.35;transform:perspective(420px) rotateX(62deg);transform-origin:50% 0;animation:pbg-gridrun 2.4s linear infinite}.pbg.bg-grid:before{content:"";position:absolute;left:50%;top:18%;width:360px;height:360px;margin-left:-180px;border-radius:50%;background:linear-gradient(#ff3e51,#ffb347 70%);opacity:.5;-webkit-mask:repeating-linear-gradient(#000 0 18px,transparent 18px 24px);mask:repeating-linear-gradient(#000 0 18px,transparent 18px 24px)}@keyframes pbg-gridrun{to{background-position:0 60px}}.pbg.bg-aurora{background:var(--bg,#07090d)}.pbg.bg-aurora:before,.pbg.bg-aurora:after{content:"";position:absolute;width:75vmax;height:75vmax;border-radius:50%;filter:blur(110px) saturate(1.8);opacity:.42}.pbg.bg-aurora:before{background:var(--acc);left:-22vmax;top:-28vmax;animation:pbg-drift1 18s ease-in-out infinite alternate}.pbg.bg-aurora:after{background:#5b2bd9;right:-26vmax;bottom:-32vmax;animation:pbg-drift2 22s ease-in-out infinite alternate}@keyframes pbg-drift1{to{transform:translate(30vw,20vh) scale(1.2)}}@keyframes pbg-drift2{to{transform:translate(-25vw,-15vh) scale(.9)}}.pbg.bg-dots{background:radial-gradient(circle,rgba(242,240,235,.16) 1.2px,transparent 1.6px) 0 0/22px 22px,var(--bg,#07090d);animation:pbg-dots 30s linear infinite}@keyframes pbg-dots{to{background-position:0 -220px,0 0}}.pbg.bg-topo{background:repeating-radial-gradient(circle at 30% 40%,transparent 0 22px,var(--acc-a) 23px,transparent 24px),repeating-radial-gradient(circle at 75% 70%,transparent 0 30px,rgba(242,240,235,.08) 31px,transparent 32px),var(--bg,#07090d);background-size:200% 200%;animation:pbg-topo 40s ease-in-out infinite alternate}@keyframes pbg-topo{to{background-position:100% 60%,0 30%,0 0}}.pbg.bg-radar{background:radial-gradient(circle,transparent 0 24%,rgba(242,240,235,.07) 24.2% 24.6%,transparent 24.8% 49%,rgba(242,240,235,.07) 49.2% 49.6%,transparent 49.8% 74%,rgba(242,240,235,.07) 74.2% 74.6%,transparent 74.8%),var(--bg,#07090d)}.pbg.bg-radar:after{content:"";position:absolute;left:50%;top:50%;width:150vmax;height:150vmax;margin:-75vmax 0 0 -75vmax;background:conic-gradient(from 0deg,transparent 0 300deg,var(--acc-a) 360deg);animation:pbg-sweep 5s linear infinite;border-radius:50%}@keyframes pbg-sweep{to{transform:rotate(360deg)}}.pbg.calm,.pbg.calm:before,.pbg.calm:after{animation:none!important}@media(prefers-reduced-motion:reduce){.pbg,.pbg:before,.pbg:after{animation:none!important}}.nfx-row.nfx-gradient{background:linear-gradient(90deg,var(--nfx-acc,#3df0c2),#ff3e51,#ffb347);-webkit-background-clip:text;background-clip:text;color:transparent}.nfx-row.nfx-neon{color:#fff;text-shadow:0 0 3px #fff,0 0 9px var(--nfx-acc,#3df0c2),0 0 18px var(--nfx-acc,#3df0c2)}.nfx-row.nfx-glow{color:var(--nfx-acc,#3df0c2);text-shadow:0 0 12px var(--nfx-acc,#3df0c2)}.nfx-row.nfx-glitch{color:#fff;text-shadow:-1.5px 0 #3df0c2,1.5px 0 #ff3e51}.nfx-row.nfx-shimmer{background:linear-gradient(110deg,#c9ccd4 35%,#fff,#c9ccd4 65%);-webkit-background-clip:text;background-clip:text;color:transparent}
