/* profile.css - Profile popup */
/* Profile popup overlay */
.profile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:300;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.85)}
.profile-overlay.visible{display:flex}
.profile-popup{width:420px;background:#0d0e12;border:1.5px solid rgba(252,213,53,0.3);border-radius:16px;padding:32px;animation:jackpotIn 0.4s cubic-bezier(0.34,1.56,0.64,1);position:relative}
.pp-close{position:absolute;top:14px;right:16px;font-size:16px;color:#5E6673;cursor:pointer;z-index:2;transition:all 0.15s;line-height:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}
.pp-close:hover{color:#EAECEF;background:rgba(234,236,239,0.08)}
.profile-popup h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:22px;font-weight:800;color:#EAECEF;text-align:center;margin-bottom:6px}
.profile-popup .pp-sub{font-size:12px;color:#5E6673;text-align:center;margin-bottom:20px}
.profile-popup label{font-size:11px;color:#FCD535;letter-spacing:1px;text-transform:uppercase;display:block;margin-bottom:6px}
.profile-popup input[type="text"]{width:100%;background:#1a1d24;border:1px solid #2B2F36;border-radius:6px;padding:10px 14px;color:#EAECEF;font-family:'Fira Code',monospace;font-size:13px;outline:none;transition:border-color 0.15s}
.profile-popup input[type="text"]:focus{border-color:#FCD535}
.pp-error{font-size:11px;color:#f6465d;margin-top:4px;min-height:16px}
.pp-avatars{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0}
.pp-avatar-wrap{width:100%;aspect-ratio:1;border-radius:10px;border:2px solid #2B2F36;cursor:pointer;transition:all 0.15s;background:#1a1d24;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}
.pp-avatar-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.pp-avatar-wrap:hover{border-color:#5E6673}
.pp-avatar-wrap.selected{border-color:#FCD535;box-shadow:0 0 12px rgba(252,213,53,0.3)}
.pp-avatar-upload{font-size:28px;font-weight:700;color:#848E9C;border:2px dashed #2B2F36;background:transparent}
.pp-avatar-upload:hover{color:#FCD535;border-color:#5E6673}
.pp-avatar-upload.selected{border-style:solid;border-color:#FCD535;box-shadow:0 0 12px rgba(252,213,53,0.3)}
.pp-avatar-fb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#FCD535;background:linear-gradient(135deg,#1a1d24,#2B2F36)}
.pp-avatar-edit-badge{position:absolute;bottom:2px;right:2px;width:22px;height:22px;border-radius:50%;background:#FCD535;display:flex;align-items:center;justify-content:center;pointer-events:none}
.pp-avatar-edit-badge svg{stroke:#0a0b0e}
.pp-save{width:100%;padding:14px;border-radius:8px;font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase;background:#FCD535;color:#0a0b0e;border:none;cursor:pointer;transition:all 0.15s;margin-top:8px}
.pp-save:hover{background:#ffe066;box-shadow:0 0 16px rgba(252,213,53,0.4)}
.pp-save:disabled{opacity:0.5;cursor:not-allowed}