.name-profile-board{--name-gold:#f2d58a;--name-ink:#f8edf8;aspect-ratio:1;isolation:isolate;width:min(100%,560px);color:var(--name-ink);place-items:center;margin:0 auto;display:grid;position:relative}.npb-aura{filter:blur(2px);background:radial-gradient(circle at 50% 46%,#f7d3802b,#0000 33%),radial-gradient(circle,#6d3e8c52,#22113514 57%,#0000 69%);border-radius:50%;animation:5.8s ease-in-out infinite npb-breathe;position:absolute;inset:9%}.npb-orbit{border:1px solid #eecc7c47;border-radius:50%;position:absolute;inset:13%;box-shadow:0 0 44px #a567ba1a,inset 0 0 34px #f5d2840d}.npb-orbit:before,.npb-orbit:after{content:"";border:1px dashed #e5c78333;border-radius:50%;position:absolute;inset:8%}.npb-orbit:after{border-style:solid;border-color:#a973bd33;inset:22%}.npb-orbit.is-outer{animation:36s linear infinite npb-spin}.npb-orbit.is-inner{border-color:#d9b66959;animation:22s linear infinite npb-spin-reverse;inset:27%}.npb-orbit.is-inner:before,.npb-orbit.is-inner:after{display:none}.npb-orbit i{--angle:calc(360deg / var(--count) * var(--i));width:34px;height:34px;transform:rotate(var(--angle)) translateY(-198px) rotate(calc(var(--angle) * -1));color:#f5dda3;font:600 15px/1 var(--font-display,serif);background:#1e0f2dd1;border:1px solid #f4d38459;border-radius:50%;place-items:center;margin:-17px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 0 20px #d3a35a14}.npb-center{z-index:2;aspect-ratio:1;background:linear-gradient(145deg,#6e4084b8,#221133f0),radial-gradient(circle,#f6d5862e,#0000 65%);border:1px solid #f5d3837a;border-radius:50%;place-items:center;width:32%;display:grid;position:relative;box-shadow:0 0 0 8px #eecc7b09,0 18px 80px #08030f70,inset 0 0 38px #f0ce7d14}.npb-center:before{content:"";border:1px solid #f5d79029;border-radius:50%;position:absolute;inset:10px}.npb-center span{color:#fce8b533;font:500 clamp(42px,8vw,76px)/1 var(--font-display,serif);position:absolute;top:13%}.npb-center b{font:500 clamp(58px,10vw,96px)/1 var(--font-display,serif);color:#ffe8aa;text-shadow:0 0 34px #f0c56252;position:relative}.npb-center small{color:#d9c3dc;font:600 10px/1 var(--font-sans,sans-serif);letter-spacing:.15em;text-transform:uppercase;position:absolute;bottom:17%}.npb-metrics{pointer-events:none;position:absolute;inset:0}.npb-metric{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-width:105px;animation:.75s cubic-bezier(.2,.8,.2,1) both npb-rise;animation-delay:calc(var(--metric-i) * .11s + .18s);background:#221131db;border:1px solid #f2d1833d;border-radius:14px;gap:3px;padding:11px 14px;display:grid;position:absolute;box-shadow:0 10px 36px #06020b47}.npb-metric small{color:#ad99b7;font:600 9px/1.2 var(--font-sans,sans-serif);letter-spacing:.13em;text-transform:uppercase}.npb-metric strong{color:#ffe2a0;font:500 32px/1 var(--font-display,serif)}.npb-metric span{color:#cbbbd0;font:11px/1.3 var(--font-sans,sans-serif)}.npb-metric.is-expression{top:9%;left:50%;transform:translate(-50%)}.npb-metric.is-soul{bottom:20%;left:2%}.npb-metric.is-personality{bottom:20%;right:2%}.name-profile-board figcaption{z-index:3;text-align:center;gap:4px;display:grid;position:absolute;bottom:4%}.name-profile-board figcaption span{color:#f8e3ad;max-width:390px;font:500 clamp(16px,3vw,22px)/1.2 var(--font-display,serif);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.name-profile-board figcaption small{color:#9f8bab;font:10px/1.3 var(--font-sans,sans-serif);letter-spacing:.12em;text-transform:uppercase}.name-profile-board.is-gate{width:min(100%,390px)}.name-profile-board.is-gate .npb-orbit i{transform:rotate(var(--angle)) translateY(-137px) rotate(calc(var(--angle) * -1));width:26px;height:26px;margin:-13px;font-size:12px}.name-profile-board.is-stage{width:min(100%,680px)}@keyframes npb-spin{to{transform:rotate(360deg)}}@keyframes npb-spin-reverse{to{transform:rotate(-360deg)}}@keyframes npb-breathe{0%,to{opacity:.72;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes npb-rise{0%{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur()}}@media (max-width:620px){.name-profile-board{width:min(100%,390px)}.npb-orbit i{width:26px;height:26px;transform:rotate(var(--angle)) translateY(-137px) rotate(calc(var(--angle) * -1));margin:-13px;font-size:12px}.npb-metric{min-width:86px;padding:9px 10px}.npb-metric strong{font-size:26px}.npb-metric.is-soul{bottom:18%;left:0}.npb-metric.is-personality{bottom:18%;right:0}.name-profile-board figcaption{bottom:1%}}@media (max-width:390px){.npb-orbit i:nth-child(n+10){display:none}.npb-center{width:35%}.npb-metric{min-width:78px}.npb-metric span{display:none}}@media (prefers-reduced-motion:reduce){.npb-aura,.npb-orbit,.npb-metric{animation:none!important}}