.profile-card{--pc-bg:#080808;--pc-text:#f5f5f0;--pc-accent:#c9a84c;--pc-secondary:#2a2a2a;--pc-muted:#666;--pc-bar-bg:#222;--pc-divider:#1a1a1a;--pc-neu-dark:4px 4px 8px #00000080,-4px -4px 8px #3232321f;--pc-neu-inset:inset 2px 2px 5px #0006,inset -2px -2px 5px #32323214;font-family:var(--font-poppins),"Poppins",system-ui,sans-serif;background-color:var(--pc-bg);width:100%;min-height:auto;color:var(--pc-text);box-sizing:border-box;border:2px solid var(--pc-accent);flex-direction:column;padding:16px 28px 12px;display:flex;position:relative;overflow:hidden;box-shadow:10px 10px 20px #000000b3,-8px -8px 16px #2828282e}.profile-card.light{--pc-bg:#f8f7f4;--pc-text:#0d0d0d;--pc-secondary:#aaa;--pc-bar-bg:#e0ddd8;--pc-divider:#e5e2dc;--pc-muted:#999;--pc-neu-dark:5px 5px 10px #00000014,-5px -5px 10px #ffffffe6;--pc-neu-inset:inset 2px 2px 5px #0000000d,inset -2px -2px 5px #fffc;border:2px solid var(--pc-accent);box-shadow:12px 12px 24px #0000001f,-10px -10px 20px #fffffff2}.profile-card:before{content:"";opacity:.025;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.profile-card>*{z-index:2;position:relative}@keyframes pcReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pcFill{0%{width:0}}.pc-zone{opacity:0;animation:.4s forwards pcReveal}.pc-zone:first-child{animation-delay:0s}.pc-zone:nth-child(2){animation-delay:80ms}.pc-zone:nth-child(3){animation-delay:.16s}.pc-zone:nth-child(4){animation-delay:.24s}.pc-zone:nth-child(5){animation-delay:.32s}.pc-zone:nth-child(6){animation-delay:.4s}.pc-zone:nth-child(7){animation-delay:.48s}.pc-xp-fill{animation:1.2s ease-out forwards pcFill}.pc-serif{font-family:var(--font-poppins),"Poppins",system-ui,sans-serif;font-style:normal;font-weight:700}.pc-label{text-transform:uppercase;letter-spacing:.15em;color:var(--pc-muted);margin-bottom:4px;font-size:8px}.pc-divider{background:var(--pc-divider);height:1px;margin:10px 0}.pc-avatar{box-shadow:var(--pc-neu-dark)}.profile-card.light .pc-avatar{color:#c9a84c!important;background-color:#1a1a1a!important}.pc-xp-bar{box-shadow:var(--pc-neu-inset);border-radius:4px}.pc-panel{background:var(--pc-secondary);box-shadow:var(--pc-neu-inset);border-radius:12px;padding:14px 16px}.profile-card.light .pc-panel{background:#efede8;box-shadow:inset 2px 2px 4px #0000000a,inset -2px -2px 4px #ffffffb3}.pc-badge{cursor:default;background:var(--pc-secondary);width:46px;height:46px;box-shadow:var(--pc-neu-dark);border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:transform .15s;display:flex;position:relative}.pc-badge.unlocked{border:1.5px solid var(--pc-accent);background:#c9a84c14}.pc-badge.locked{filter:grayscale()}.pc-badge.locked>span:first-child{opacity:.2}.pc-badge.unlocked:hover{transform:scale(1.06)}.pc-badge .pc-tooltip{color:#eee;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background:#111;border-radius:6px;padding:4px 8px;font-size:10px;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.profile-card.light .pc-badge .pc-tooltip{color:#fff;background:#333}.pc-badge:hover .pc-tooltip{opacity:1}.pc-toggle{z-index:5;background:var(--pc-accent);cursor:pointer;width:44px;height:24px;box-shadow:var(--pc-neu-dark);border:none;border-radius:14px;padding:0;transition:background .25s;position:absolute;top:34px;right:32px}.pc-toggle:after{content:"";background:var(--pc-bg);border-radius:50%;width:18px;height:18px;transition:transform .25s;position:absolute;top:3px;left:3px}.pc-toggle.on:after{transform:translate(20px)}@media (max-width:767.98px){.profile-card{padding:16px 18px 12px}.profile-card>.pc-zone:nth-child(2)>div{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.profile-card>.pc-zone:nth-child(4) .pc-panel{gap:12px;flex-direction:column!important}.profile-card>.pc-zone:nth-child(4) .pc-panel>div[style*="width: 1px"]{display:none}.profile-card>.pc-zone:nth-child(5) .pc-panel{padding:10px 8px}.profile-card>.pc-zone:nth-child(5) .pc-serif{font-size:22px!important}.profile-card>.pc-zone:nth-child(6)>div[style*=grid-template-columns]{gap:8px!important}.pc-toggle{top:22px;right:18px}}