.vsx-stage{--accent: #FF006E;--accent-rgb: 255,0,110;--cyan: #00C2FF;--cyan-rgb: 0,194,255;--violet: #9D4EDD;--lime: #39FF14;--gold: #FFD700;--muted: #9aa0b8;--vsx-font: "Inter", system-ui, sans-serif;--vsx-display: "Space Grotesk", "Inter", sans-serif;position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(130% 55% at 50% -4%,rgba(var(--cyan-rgb),.18),transparent 62%),radial-gradient(130% 55% at 50% 104%,rgba(var(--accent-rgb),.22),transparent 62%),linear-gradient(180deg,#0a0a14,#06060c);color:#fff;font-family:var(--vsx-font)}.vsx-stage *,.vsx-stage *:before,.vsx-stage *:after{box-sizing:border-box}.vsx-bg{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 30%,transparent 78%);mask-image:radial-gradient(circle at 50% 50%,#000 30%,transparent 78%)}.vsx-seam{position:absolute;left:-12%;right:-12%;top:50%;height:2px;z-index:2;transform:translateY(-50%) rotate(-7deg);transform-origin:center;background:linear-gradient(90deg,transparent,rgba(255,255,255,0))}.vsx-stage.is-reveal .vsx-seam{background:linear-gradient(90deg,transparent,var(--cyan),#fff,var(--accent),transparent);box-shadow:0 0 18px #ffffff73;animation:vsxSeam .55s ease-out .15s both}@keyframes vsxSeam{0%{transform:translateY(-50%) rotate(-7deg) scaleX(0)}to{transform:translateY(-50%) rotate(-7deg) scaleX(1)}}.vsx-scan{position:absolute;left:0;right:0;top:-160px;height:160px;z-index:1;opacity:0;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(var(--cyan-rgb),.12),transparent)}.vsx-stage.is-search .vsx-scan{opacity:1;animation:vsxScan 1.25s linear infinite}@keyframes vsxScan{0%{top:-160px}to{top:100%}}.vsx-status{position:absolute;top:58px;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:center;gap:9px;font-size:.68rem;font-weight:700;letter-spacing:.22em;color:#dfe2ee;text-transform:uppercase}.vsx-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:vsxBlink 1s steps(2) infinite}.vsx-stage.is-reveal .vsx-dot{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}@keyframes vsxBlink{50%{opacity:.25}}.vsx-radar{position:absolute;left:50%;top:50%;width:130px;height:130px;transform:translate(-50%,-50%);z-index:3}.vsx-stage.is-reveal .vsx-radar{display:none}.vsx-radar span{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(var(--cyan-rgb),.55);animation:vsxRadar 1.6s ease-out infinite}.vsx-radar span:nth-child(2){animation-delay:.53s}.vsx-radar span:nth-child(3){animation-delay:1.06s}@keyframes vsxRadar{0%{transform:scale(.18);opacity:.9}to{transform:scale(1);opacity:0}}.vsx-side{position:relative;z-index:4;width:100%;padding:0 20px;opacity:0}.vsx-side--top{margin-top:30px}.vsx-side--bottom{margin-bottom:8px}.vsx-stage.is-reveal .vsx-side--top{animation:vsxInL .55s cubic-bezier(.2,.9,.3,1.3) .05s forwards}.vsx-stage.is-reveal .vsx-side--bottom{animation:vsxInR .55s cubic-bezier(.2,.9,.3,1.3) .16s forwards}@keyframes vsxInL{0%{opacity:0;transform:translate(-112%) rotate(-3deg)}to{opacity:1;transform:none}}@keyframes vsxInR{0%{opacity:0;transform:translate(112%) rotate(3deg)}to{opacity:1;transform:none}}.vsx-card{display:flex;align-items:center;gap:16px;max-width:880px;margin-left:auto;margin-right:auto}.vsx-side--bottom .vsx-card{flex-direction:row-reverse;text-align:right}.vsx-ava{position:relative;width:144px;height:144px;flex:0 0 auto}.vsx-ava-inner{position:absolute;inset:0;border-radius:20px;overflow:hidden;background:#0a0a0f}.vsx-ava-inner img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.vsx-ring{position:absolute;inset:-4px;border-radius:24px;pointer-events:none;border:2px solid var(--rank, var(--accent));box-shadow:0 0 26px -3px var(--rank, var(--accent)),inset 0 0 20px #0006}.vsx-ava:after{content:"";position:absolute;inset:-9px;border-radius:28px;pointer-events:none;border:1px solid color-mix(in srgb,var(--rank, var(--accent)) 40%,transparent)}.vsx-info{min-width:0}.vsx-name{font-family:var(--vsx-display);font-weight:800;font-size:1.7rem;line-height:1;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vsx-name .pro-badge{margin-left:8px;vertical-align:middle}.vsx-tag{font-size:.6rem;letter-spacing:.2em;color:var(--muted);margin-top:6px;font-weight:600}.vsx-rankrow{display:flex;margin-top:13px}.vsx-side--bottom .vsx-rankrow{justify-content:flex-end}.vsx-rankchip{display:inline-flex;align-items:center;gap:9px;padding:6px 16px 6px 6px;border-radius:99px;background:color-mix(in srgb,var(--rank, var(--accent)) 14%,transparent);border:1px solid color-mix(in srgb,var(--rank, var(--accent)) 55%,transparent);box-shadow:0 0 22px -6px var(--rank, var(--accent)),inset 0 0 12px -8px var(--rank, var(--accent))}.vsx-rankbadge{position:relative;width:48px;height:48px;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.vsx-rankbadge svg{width:48px;height:48px;display:block;overflow:visible}.vsx-rankname{font-family:var(--vsx-display);font-weight:800;font-style:italic;font-size:.96rem;color:var(--rank, var(--accent));text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.vsx-rsep{color:#ffffff59}.vsx-level{font-family:var(--vsx-display);font-weight:800;font-size:.96rem;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}.vsx-badgewrap{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;margin:4px 0}.vsx-badge{position:relative;transform:scale(0);font-family:var(--vsx-display);font-weight:800;font-style:italic;font-size:4rem;letter-spacing:2px;color:#fff;text-shadow:0 0 22px rgba(255,255,255,.28),0 0 46px rgba(var(--cyan-rgb),.25)}.vsx-stage.is-reveal .vsx-badge{animation:vsxPop .55s cubic-bezier(.2,1.4,.4,1) .28s forwards,vsxPulse 1.8s ease-in-out 1.1s infinite alternate}@keyframes vsxPop{0%{transform:scale(0) rotate(-12deg) skew(10deg)}60%{transform:scale(1.12) rotate(-3deg) skew(-3deg)}to{transform:scale(1) rotate(-4deg)}}@keyframes vsxPulse{0%{text-shadow:0 0 16px rgba(255,255,255,.2),0 0 36px rgba(var(--cyan-rgb),.2)}to{text-shadow:0 0 28px rgba(255,255,255,.42),0 0 64px rgba(var(--accent-rgb),.38)}}.vsx-badge span{position:relative;display:inline-block}.vsx-badge span:before,.vsx-badge span:after{content:attr(data-t);position:absolute;inset:0;mix-blend-mode:screen}.vsx-badge span:before{color:var(--cyan);transform:translate(-3px,2px)}.vsx-badge span:after{color:var(--accent);transform:translate(3px,-2px)}.vsx-stage.is-reveal .vsx-badge span:before{animation:vsxGlitchA 2.4s steps(1) 1s infinite}.vsx-stage.is-reveal .vsx-badge span:after{animation:vsxGlitchB 2.4s steps(1) 1s infinite}@keyframes vsxGlitchA{0%,80%,to{transform:translate(-3px,2px)}82%{transform:translate(-9px,3px)}88%{transform:translate(-1px,-3px)}93%{transform:translate(-6px,1px)}}@keyframes vsxGlitchB{0%,80%,to{transform:translate(3px,-2px)}84%{transform:translate(9px,-3px)}90%{transform:translate(1px,3px)}95%{transform:translate(6px,-1px)}}.vsx-shock{position:absolute;left:50%;top:50%;width:92px;height:92px;border-radius:50%;border:2px solid rgba(255,255,255,.85);transform:translate(-50%,-50%) scale(.5);opacity:0}.vsx-stage.is-reveal .vsx-shock{animation:vsxShock .8s ease-out .34s}@keyframes vsxShock{0%{transform:translate(-50%,-50%) scale(.5);opacity:.9}to{transform:translate(-50%,-50%) scale(3.6);opacity:0}}.vsx-foot{position:absolute;left:22px;right:22px;bottom:30px;z-index:6;text-align:center;opacity:0}.vsx-stage.is-reveal .vsx-foot{animation:vsxFade .5s ease .6s forwards}.vsx-foot-label{font-size:.68rem;color:var(--muted);letter-spacing:.05em;margin-bottom:9px}.vsx-bar{height:5px;border-radius:99px;background:#ffffff14;overflow:hidden}.vsx-bar i{display:block;height:100%;width:42%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--cyan));animation:vsxBar 1.5s ease-in-out infinite}@keyframes vsxBar{0%{margin-left:-42%}to{margin-left:100%}}@keyframes vsxFade{to{opacity:1}}.vsx-replay{position:absolute;top:52px;right:14px;z-index:8;width:34px;height:34px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.vsx-replay:hover{background:#ffffff29}.vsx-disable{position:absolute;top:16px;right:16px;z-index:8;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:99px;background:#ffffff1f;border:1px solid rgba(255,255,255,.28);color:#fff;font-family:var(--vsx-font);font-size:.9rem;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 16px -6px #0009;transition:background .15s,border-color .15s,transform .15s}.vsx-disable:hover{background:#ffffff38;border-color:#ffffff73;transform:translateY(-1px)}.vsx-disable svg{width:18px;height:18px;opacity:.9}@media(prefers-reduced-motion:reduce){.vsx-side,.vsx-badge,.vsx-foot{opacity:1!important;transform:none!important;animation:none!important}.vsx-scan,.vsx-radar span,.vsx-bar i,.vsx-dot,.vsx-shock{animation:none!important}}