.vtc{--vtc-edge:linear-gradient(135deg,#3a3a3a,#8a8a8a 40%,#3a3a3a 70%,#9a9a9a);--vtc-accent:#bdbdbd;--vtc-accent-soft:rgba(189,189,189,0.3);--vtc-glow:rgba(200,200,200,0.12);--vtc-engraving:rgba(200,200,200,0.12);width:100%;max-width:460px;margin-inline:auto;font-family:var(--d1-font-ui);color:var(--d1-text)}.vtc__frame{position:relative;padding:1px;border-radius:14px;box-shadow:0 30px 80px -30px rgba(0,0,0,.85),0 0 70px -24px var(--vtc-glow);transform:perspective(1100px) rotateX(var(--vtc-rx,0deg)) rotateY(var(--vtc-ry,0deg));transition:transform .5s cubic-bezier(.18,.7,.2,1)}.vtc__frame.is-tilting{transition:transform .08s ease-out}.vtc__frame:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--vtc-edge);-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 48px),rgba(0,0,0,.3));mask-image:linear-gradient(180deg,#000 calc(100% - 48px),rgba(0,0,0,.3));pointer-events:none}.vtc__body{position:relative;overflow:hidden;border-radius:13px;padding:22px 26px 12px;isolation:isolate;background:radial-gradient(58% 40% at 50% 36%,var(--vtc-glow),transparent 72%),radial-gradient(40% 10% at 50% 60%,rgba(255,255,255,.05),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.035) 0,transparent 28%,transparent 62%,rgba(0,0,0,.45) 100%),#070708}.vtc__body:before{content:"";position:absolute;inset:0;z-index:-1;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.014) 0 1px,transparent 1px 11px);-webkit-mask-image:radial-gradient(70% 55% at 50% 40%,#000 20%,transparent 80%);mask-image:radial-gradient(70% 55% at 50% 40%,#000 20%,transparent 80%)}.vtc__engraving{inset:8px;border:1px solid var(--vtc-engraving);border-radius:8px}.vtc__corner,.vtc__engraving{position:absolute;pointer-events:none}.vtc__corner{width:46px;height:46px;border-color:var(--vtc-accent);border-style:solid;border-width:0;filter:drop-shadow(0 0 6px var(--vtc-accent-soft))}.vtc__corner--tl{top:14px;left:14px;border-top-width:2px;border-left-width:2px}.vtc__corner--tr{top:14px;right:14px;border-top-width:2px;border-right-width:2px}.vtc__corner--bl{bottom:14px;left:14px;border-bottom-width:2px;border-left-width:2px}.vtc__corner--br{bottom:14px;right:14px;border-bottom-width:2px;border-right-width:2px}.vtc__top{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:30px;padding:10px 8px 0;font-family:var(--d1-font-display);font-size:var(--d1-fs-xs);font-weight:700;letter-spacing:.18em}.vtc__member{color:var(--d1-text-3);font-weight:600;letter-spacing:.2em}.vtc__stage{position:relative;aspect-ratio:429/460;display:grid;place-items:center;margin:4px -8px 0}.vtc__stage-skeleton{width:72%;height:80%;border-radius:50%;opacity:.5}.vtc__glow{position:absolute;inset:12% 14% 8%;border-radius:50%;background:radial-gradient(closest-side,var(--vtc-glow),transparent);filter:blur(10px)}.vtc__sparkle,.vtc__sparkle:after{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 18% 22%,rgba(255,255,255,.75),transparent),radial-gradient(1px 1px at 82% 18%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 88% 58%,var(--vtc-accent),transparent),radial-gradient(1px 1px at 12% 64%,rgba(255,255,255,.55),transparent),radial-gradient(1.2px 1.2px at 30% 86%,var(--vtc-accent),transparent),radial-gradient(1px 1px at 70% 88%,rgba(255,255,255,.5),transparent);opacity:.55;animation:vtc-twinkle 7s ease-in-out infinite}.vtc__sparkle:after{content:"";background-image:radial-gradient(1px 1px at 26% 40%,rgba(255,255,255,.6),transparent),radial-gradient(1.4px 1.4px at 74% 34%,var(--vtc-accent),transparent),radial-gradient(1px 1px at 58% 12%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 40% 74%,rgba(255,255,255,.45),transparent);animation-delay:-3.5s}@keyframes vtc-twinkle{0%,to{opacity:.25}50%{opacity:.75}}.vtc__char{position:relative;z-index:1;width:94%;height:94%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 24px rgba(0,0,0,.55));opacity:0;transition:opacity .35s var(--d1-ease)}.vtc__char.is-loaded{opacity:1}.vtc__tier{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;padding:6px 8px 0}.vtc__eyebrow{font-family:var(--d1-font-display);font-size:var(--d1-fs-xs);font-weight:600;letter-spacing:.24em;color:var(--d1-text-3)}.vtc__name{margin:4px 0 0;font-family:var(--d1-font-tier);font-size:52px;font-weight:700;line-height:1;letter-spacing:.01em;color:var(--d1-text);text-shadow:0 2px 18px rgba(0,0,0,.6)}.vtc__emblem{display:inline-flex;align-items:center;gap:10px;margin-top:12px;font-family:var(--d1-font-display);font-size:14px;font-weight:700;letter-spacing:.2em}.vtc__shield{width:40px;height:40px;margin:-6px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.vtc__rank{color:var(--vtc-accent)}.vtc__xp{position:relative;z-index:2;margin-top:22px;padding:0 8px}.vtc__xp-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.vtc__xp-label{font-size:var(--d1-fs-xs);letter-spacing:.18em;color:var(--d1-text-2)}.vtc__xp-label,.vtc__xp-percent{font-family:var(--d1-font-display);font-weight:700}.vtc__xp-percent{font-size:var(--d1-fs-md);font-variant-numeric:tabular-nums}.vtc__bar{height:6px;border-radius:var(--d1-radius-pill);background:rgba(255,255,255,.08);overflow:hidden}.vtc__bar-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c8001d,var(--d1-red));box-shadow:0 0 12px rgba(var(--d1-red-rgb),.55);transition:width .6s var(--d1-ease)}.vtc__xp-foot{display:flex;align-items:center;justify-content:flex-end;margin-top:10px}.vtc__xp-text{font-size:var(--d1-fs-xs);color:var(--d1-text-3);font-variant-numeric:tabular-nums}.vtc__foot{position:relative;z-index:2;display:flex;justify-content:flex-end;margin-top:14px;padding:2px 8px 0;border-top:1px solid var(--d1-line)}.vtc__view-ranks{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 4px;background:none;border:none;font-family:var(--d1-font-display);font-size:var(--d1-fs-xs);font-weight:700;letter-spacing:.18em;color:var(--d1-text-2);cursor:pointer;transition:color var(--d1-dur) var(--d1-ease)}.vtc__view-ranks svg{width:12px;height:12px;fill:none;stroke:var(--vtc-accent);stroke-width:1.6}.vtc__view-ranks:focus-visible,.vtc__view-ranks:hover{color:var(--d1-text)}.vtc--obsidian .vtc__body{background:radial-gradient(58% 40% at 50% 36%,var(--vtc-glow),transparent 72%),linear-gradient(160deg,rgba(255,255,255,.05) 0,transparent 22%),linear-gradient(180deg,transparent 60%,rgba(0,0,0,.5) 100%),#060607}.vtc--obsidian .vtc__rank{color:#c9b8ff}.vtc--skeleton .vtc__frame:before{background:var(--d1-line-strong)}.vtc--skeleton .vtc__tier{align-items:flex-start}@media(max-width:520px){.vtc__body{padding:18px 18px 10px}.vtc__name{font-size:44px}.vtc__corner{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.vtc__sparkle,.vtc__sparkle:after{animation:none;opacity:.45}.vtc__bar-fill,.vtc__char,.vtc__frame{transition:none}.vtc__frame{transform:none}}@media(hover:none){.vtc__frame{transform:none}}.vtc__halo{position:absolute;inset:8% 10% 6%;pointer-events:none}.vtc__halo:after,.vtc__halo:before{content:"";position:absolute;border-radius:50%}.vtc__halo:before{inset:0;border:1px solid var(--vtc-engraving);box-shadow:inset 0 0 40px -10px var(--vtc-glow);-webkit-mask-image:linear-gradient(180deg,#000,#000 55%,transparent 85%);mask-image:linear-gradient(180deg,#000,#000 55%,transparent 85%)}.vtc__halo:after{left:16%;right:16%;bottom:-2%;height:9%;background:radial-gradient(closest-side,rgba(0,0,0,.7),transparent)}