.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.75) 0 2px,transparent 3px);background-size:70px 70px}.decor{position:absolute;pointer-events:none;z-index:0;color:#a77de9;opacity:.5;animation:floaty 4.6s ease-in-out infinite}.d1{right:36px;top:18px;font-size:26px}.d2{left:47%;bottom:10px;font-size:24px;color:#edabd8;animation-duration:5.6s;animation-delay:.4s}.d3{right:145px;bottom:28px;font-size:15px;animation-duration:3.9s;animation-delay:.8s}
.hero-mark{position:absolute;right:-30px;bottom:-34px;width:190px;height:190px;opacity:.07;pointer-events:none;z-index:0;animation:spin-slow 90s linear infinite}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-6px) rotate(8deg)}}
@keyframes spin-slow{to{transform:rotate(360deg)}}
.avatar-wrap{position:relative;z-index:1;width:fit-content;margin:0 auto}
.avatar-ring{position:absolute;top:50%;left:50%;width:180px;height:180px;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;z-index:0}
.avatar-ring:before{content:"";position:absolute;inset:-25%;background:conic-gradient(from 0deg,#8d68df,#b992ee,#d27bc5,#edabd8,#a47de9,#8d68df);animation:spin-ring 6s linear infinite}
@keyframes spin-ring{to{transform:rotate(360deg)}}
.avatar{position:relative;z-index:1;width:166px;height:166px;border-radius:50%;display:grid;place-items:center;border:4px solid #fff;background:linear-gradient(145deg,#d9c5ff,#f6d5ee 58%,#c9dff8);box-shadow:0 13px 35px rgba(117,83,190,.18);font-size:44px;font-weight:950;color:#6e52b8;font-family:var(--font-display)}.avatar.has-image{background-size:cover;background-position:center;background-repeat:no-repeat;font-size:0}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.prof-badge{position:absolute;z-index:3;bottom:-2px;right:-2px;width:46px;height:46px;border-radius:50%;overflow:hidden;border:3px solid #fff;background:#fff;box-shadow:0 6px 16px rgba(70,45,120,.3),0 0 0 2px var(--rank-color,#8d68df)}
.prof-badge img{width:100%;height:100%;object-fit:cover;display:block}
.prof-badge:after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);transform:skewX(-20deg);animation:badge-shine 3.4s ease-in-out infinite}
@keyframes badge-shine{0%,60%{left:-60%}100%{left:130%}}
.identity{position:relative;z-index:1}.identity h1{font-family:var(--font-display);font-weight:700;font-size:39px;line-height:1;margin:0;letter-spacing:-.5px}.nick{margin-top:7px;color:#a56bdc;font-size:15px;font-weight:850}.role{display:inline-flex;align-items:center;gap:7px;margin-top:15px;padding:8px 12px;border:1px solid #c8b0f5;border-radius:99px;background:rgba(255,255,255,.58);color:#7653c8;font-size:10px;font-weight:900}.role .pokeball-dot{width:12px;height:12px;flex:none}.player{display:flex;align-items:center;gap:12px;margin-top:12px;padding:9px 12px 9px 14px;border:1px solid #d7c8f3;border-radius:13px;background:rgba(255,255,255,.68);color:var(--ink)}.player small{display:block;text-align:left;color:#938aaf;font-size:8px}.player strong{display:block;text-align:left;font-size:16px}.copy{margin-left:8px;color:#8762d5;font-size:17px}.bio{position:relative;z-index:1;padding:19px 20px 15px;border:1px solid #d7c7f6;border-radius:18px;background:rgba(255,255,255,.62);box-shadow:0 8px 25px rgba(100,75,160,.08);font-size:12px;line-height:1.75;color:var(--muted)}.heart{display:block;margin-top:0;line-height:1;color:#cc7fca;font-size:17px}