.profile-holo-shell{--ph-x:0deg;--ph-y:0deg;aspect-ratio:63/88;perspective:1000px;width:min(100%,320px);margin-inline:auto;animation:5.4s ease-in-out infinite profile-holo-float;position:relative}.profile-holo-rotor{--ph-flip:0deg;transform-style:preserve-3d;transform:rotateX(var(--ph-x)) rotateY(calc(var(--ph-y) + var(--ph-flip)));filter:drop-shadow(0 22px 25px #0005);transition:transform .75s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.profile-holo-rotor[data-flipped]{--ph-flip:180deg}.profile-holo-shell[data-active]{animation-play-state:paused}.profile-holo-shell[data-active] .profile-holo-rotor{transition-duration:.13s}.profile-holo-face{backface-visibility:hidden;border-radius:22px;position:absolute;inset:0;overflow:hidden}.profile-holo-front{isolation:isolate;border:1px solid color-mix(in srgb,var(--ph-accent) 72%,#fff);color:#fff;background:linear-gradient(145deg,#050505 0%,var(--ph-gradient-start) 30%,var(--ph-gradient-end) 50%,color-mix(in srgb,var(--ph-gradient-start) 72%,#050505) 68%,#000 100%);box-shadow:inset 0 0 0 7px color-mix(in srgb,var(--ph-gradient-start) 55%,#050505),inset 0 0 0 8px color-mix(in srgb,var(--ph-gradient-end) 68%,#fff),0 0 32px color-mix(in srgb,var(--ph-accent) 22%,transparent);container-type:inline-size}.profile-holo-grid{background:repeating-linear-gradient(135deg,#0000 0 16px,#ffffff0c 17px 18px);border:1px solid #fff5;border-radius:17px;position:absolute;inset:5%}.profile-holo-body{z-index:2;flex-direction:column;min-height:0;display:flex;position:absolute;inset:8%}.profile-holo-head{letter-spacing:.1em;text-shadow:0 1px 8px #000;justify-content:space-between;gap:2cqw;margin-bottom:2cqw;font-size:2.1cqw;font-weight:800;display:flex}.profile-holo-head span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:42%;overflow:hidden}.profile-holo-title{border:1px solid color-mix(in srgb,var(--ph-accent) 65%,#fff);background:color-mix(in srgb,var(--ph-accent) 18%,#080808e8);border-radius:3cqw 3cqw 0 0;justify-content:space-between;align-items:center;gap:2cqw;padding:2.2cqw 2.8cqw;display:flex}.profile-holo-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:5.2cqw;line-height:1;overflow:hidden}.profile-holo-title span{color:#080808;background:var(--ph-accent);letter-spacing:.08em;border-radius:999px;flex:none;padding:1cqw 2cqw;font-size:2cqw;font-weight:900}.profile-holo-art{background:#080808;border-inline:1px solid #ffffff7a;flex:1;min-height:0;position:relative;overflow:hidden}.profile-holo-art-blur{object-fit:cover;opacity:.55;filter:blur(5cqw)saturate(1.2);width:118%;height:118%;position:absolute;inset:-9%}.profile-holo-avatar{object-fit:cover;filter:drop-shadow(0 2cqw 2cqw #0008);transform-origin:50%;border-radius:3cqw;width:90%;height:90%;transition:transform .2s;position:absolute;inset:5%}.profile-holo-initials{background:radial-gradient(circle,var(--ph-accent),#080808 68%);place-items:center;font-size:20cqw;font-weight:950;display:grid;position:absolute;inset:0}.profile-holo-art i{color:var(--ph-accent);text-shadow:0 0 2cqw #fff;font-size:9cqw;font-style:normal;position:absolute;top:3cqw;right:4cqw}.profile-holo-result{border:1px solid color-mix(in srgb,var(--ph-accent) 62%,#fff);background:color-mix(in srgb,var(--ph-accent) 70%,#f4f4f4e8);color:#070707;justify-content:space-between;align-items:center;gap:2cqw;padding:2.1cqw 2.8cqw;display:flex}.profile-holo-result span{letter-spacing:.08em;font-size:2.3cqw;font-weight:800}.profile-holo-result strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:4.8cqw;overflow:hidden}.profile-holo-stats{background:#080808e8;border-inline:1px solid #ffffff7a}.profile-holo-stats>div{border-bottom:1px solid #ffffff42;justify-content:space-between;align-items:center;gap:3cqw;min-height:8cqw;padding:1.5cqw 2.8cqw;display:flex}.profile-holo-stats span{color:#bbb;letter-spacing:.1em;flex:none;font-size:2cqw;font-weight:800}.profile-holo-stats p,.profile-holo-stats strong{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:2.5cqw;line-height:1.25;overflow:hidden}.profile-holo-footer{color:#bbb;letter-spacing:.1em;background:#080808e8;border:1px solid #ffffff7a;border-top:0;border-radius:0 0 3cqw 3cqw;justify-content:space-between;padding:2.2cqw 2.8cqw;font-size:1.75cqw;font-weight:700;display:flex}.profile-holo-foil{z-index:4;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0}.profile-holo-foil .holo-card{width:100%;max-width:none;height:100%}.profile-holo-foil .holo-card__rotor{transform:none!important}.profile-holo-back{z-index:2;color:#fff;background:radial-gradient(circle at 50% 45%,var(--ph-gradient-end) 0 7%,color-mix(in srgb,var(--ph-gradient-start) 58%,#777) 8%,var(--ph-gradient-start) 27%,#050505 62%,#000 100%);box-shadow:inset 0 0 0 8px #050505,inset 0 0 0 9px color-mix(in srgb,var(--ph-gradient-end) 60%,#fff);border:1px solid #ffffff6b;flex-direction:column;justify-content:center;align-items:center;display:flex;transform:rotateY(180deg)translateZ(.2px);container-type:inline-size}.profile-holo-back:before{content:"";background:conic-gradient(from 20deg,transparent,var(--ph-accent) 7%,transparent 15%,#777 23%,transparent 34%,#fff 44%,transparent 52%,var(--ph-accent) 68%,transparent 78%,#fff 88%,transparent);opacity:.27;animation:12s linear infinite profile-holo-spin;position:absolute;inset:-28%}.profile-holo-back:after{content:"";background:repeating-linear-gradient(135deg,#0000 0 13px,#ffffff09 14px 15px);border:1px solid #ffffff42;border-radius:17px;position:absolute;inset:5%}.profile-holo-orbit{z-index:1;aspect-ratio:1;width:62%;box-shadow:0 0 0 18px #ffffff0d,0 0 0 19px color-mix(in srgb,var(--ph-accent) 48%,transparent),0 0 0 45px #ffffff09,0 0 36px color-mix(in srgb,var(--ph-accent) 45%,transparent);border:1px solid #fff9;border-radius:50%;animation:3.6s ease-in-out infinite profile-holo-orbit;position:absolute}.profile-holo-back-mark{z-index:2;text-shadow:0 2px 18px #000;flex-direction:column;align-items:center;display:flex;position:relative}.profile-holo-back-mark strong{letter-spacing:.18em;margin-left:.18em;font-size:12cqw}.profile-holo-back-mark small{letter-spacing:.32em;margin-top:1.2cqw;font-size:2.1cqw}.profile-holo-back>p{z-index:2;color:#d7d7d7;letter-spacing:.26em;margin:0;font-size:1.8cqw;position:absolute;bottom:8%}.profile-holo-flip{z-index:8;color:#fff;letter-spacing:.1em;background:#000b;border:1px solid #ffffff75;border-radius:999px;padding:.36rem .65rem;font-size:.6rem;font-weight:800;position:absolute;bottom:10px;right:10px}.profile-holo-shell[data-compact]{width:min(100%,260px)}.profile-holo-chip{border:1px solid color-mix(in srgb,var(--ph-accent,#e2e6ec) 70%,#fff);color:#fff;background:linear-gradient(145deg,#050505,var(--ph-gradient-start,#111827) 38%,var(--ph-gradient-end,#e2e6ec) 54%,#151515 72%,#000);border-radius:5px;flex:none;width:22px;height:30px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;transform:rotate(5deg);box-shadow:0 3px 9px #0005,inset 0 0 0 2px #000}.profile-holo-chip:after{content:"";background:linear-gradient(105deg,#0000 38%,#fff9 49%,#0000 60%);animation:2.8s ease-in-out infinite profile-holo-chip-shine;position:absolute;inset:-50%}.profile-holo-chip span{z-index:2;letter-spacing:-.05em;font-size:6px;font-weight:900;position:relative}.profile-holo-chip:hover{transform:translateY(-2px)rotate(0)scale(1.08);box-shadow:0 7px 14px #0007}@keyframes profile-holo-chip-shine{0%,38%{transform:translate(-55%)}75%,to{transform:translate(55%)}}@keyframes profile-holo-float{50%{transform:translateY(-9px)}}@keyframes profile-holo-spin{to{transform:rotate(360deg)}}@keyframes profile-holo-orbit{0%,to{opacity:.72;transform:scale(.96)rotate(0)}50%{opacity:1;transform:scale(1.04)rotate(12deg)}}@media (prefers-reduced-motion:reduce){.profile-holo-shell,.profile-holo-back:before,.profile-holo-orbit,.profile-holo-chip:after{animation:none}.profile-holo-rotor{transition:none}}
