.user-shield-avatar{-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.user-shield-avatar.variant-compact{aspect-ratio:1}.user-shield-avatar.variant-compact .shield-avatar-viewport{width:50%;height:50%;top:54%;left:50%;transform:translate(-50%,-50%)}.user-shield-avatar.variant-full{aspect-ratio:1122/1402}.user-shield-avatar.variant-full .shield-avatar-viewport{aspect-ratio:1;width:48%;top:43.5%;left:50%;transform:translate(-50%,-50%)}.shield-avatar-viewport{z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.shield-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.shield-avatar-initial{color:#fff;text-shadow:0 1px 3px #0006;background:radial-gradient(circle,#6366f1 0%,#3730a3 100%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-weight:800;line-height:1;display:flex}.size-xs .shield-avatar-initial{font-size:.65rem}.size-sm .shield-avatar-initial{font-size:.8rem}.size-md .shield-avatar-initial{font-size:1.05rem}.size-lg .shield-avatar-initial{font-size:1.75rem}.size-xl .shield-avatar-initial{font-size:2.75rem}.shield-frame-img{object-fit:contain;pointer-events:none;z-index:2;filter:drop-shadow(0 4px 8px #00000059);width:100%;height:100%;position:absolute;inset:0}.shield-level-badge{z-index:3;color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4338ca 100%);border:1.5px solid #ffffff4d;border-radius:8px;justify-content:center;align-items:center;padding:2px 7px;font-weight:800;line-height:1.2;display:flex;position:absolute;bottom:6%;left:4%;box-shadow:0 4px 10px #00000073}.size-sm .shield-level-badge{border-radius:4px;padding:1px 4px;font-size:.65rem}.size-md .shield-level-badge{border-radius:6px;padding:1px 5px;font-size:.75rem}.size-lg .shield-level-badge{border-radius:8px;padding:2px 7px;font-size:.85rem}.size-xl .shield-level-badge{border-radius:10px;padding:3px 10px;font-size:1rem}.identity-badge-img{vertical-align:middle;object-fit:contain;filter:drop-shadow(0 2px 4px #0006);transition:transform .2s;display:inline-block}.identity-badge-img.size-xs{width:16px;height:16px}.identity-badge-img.size-sm{width:22px;height:22px}.identity-badge-img.size-md{width:32px;height:32px}.identity-badge-img.size-lg{width:48px;height:48px}.identity-badge-img.size-xl{width:64px;height:64px}.identity-badge-fallback{justify-content:center;align-items:center;line-height:1;display:inline-flex}.fan-identity-trigger-wrapper{cursor:pointer;align-items:center;display:inline-flex;position:relative}.fan-identity-popover-portal{z-index:99999;pointer-events:auto;position:fixed}.fan-identity-preview-card{-webkit-backdrop-filter:blur(16px);color:#fff;background:#12141df2;border:1px solid #ffffff1f;border-radius:16px;width:310px;max-width:90vw;padding:16px;animation:.2s cubic-bezier(.16,1,.3,1) identityCardFadeIn;box-shadow:0 16px 40px #0009,0 0 20px #8b5cf633}@keyframes identityCardFadeIn{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.fan-id-header{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding-bottom:12px;display:flex}.fan-id-avatar{object-fit:cover;background:#2a2b36;border:2px solid #ffd70066;border-radius:50%;width:48px;height:48px}.fan-id-user-info{flex:1;min-width:0}.fan-id-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:15px;font-weight:700;overflow:hidden}.fan-id-subline{color:#fff9;align-items:center;gap:8px;font-size:12px;display:flex}.fan-id-level-badge{color:#fde047;background:linear-gradient(135deg,#eab30833,#ca8a041a);border:1px solid #eab30866;border-radius:8px;padding:1px 6px;font-size:11px;font-weight:600}.fan-id-titles-list{flex-direction:column;gap:8px;margin:12px 0;display:flex}.fan-id-title-row{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:10px;padding:6px 10px;display:flex}.fan-id-title-row.primary{background:linear-gradient(90deg,#8b5cf626,#eab3081a);border:1px solid #eab30859;box-shadow:0 0 12px #eab3081a}.fan-id-title-text{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.fan-id-title-row.primary .fan-id-title-text{color:#fde047;font-size:14px;font-weight:700}.fan-id-fandom-footer{color:#ffffffb3;border-top:1px solid #ffffff14;align-items:center;gap:8px;padding-top:10px;font-size:12px;display:flex}.fan-id-fandom-name{color:#a78bfa;font-weight:600}.fan-id-mobile-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99998;background:#000000a6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.fan-id-mobile-sheet{background:#141724;border:1px solid #ffffff26;border-top-left-radius:20px;border-top-right-radius:20px;width:100%;max-width:480px;padding:20px;animation:.25s ease-out slideUpMobile;box-shadow:0 -10px 40px #000c}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.fan-id-sheet-close-btn{color:#fff;cursor:pointer;float:right;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:8px;display:flex}.title-unlock-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100000;background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeInModal;display:flex;position:fixed;inset:0}.title-unlock-modal-content{text-align:center;color:#fff;background:linear-gradient(145deg,#1e1b2e,#13121d);border:1px solid #eab30866;border-radius:20px;width:100%;max-width:380px;padding:28px 24px;position:relative;box-shadow:0 20px 50px #000c,0 0 30px #eab30840}.title-unlock-badge-container{margin:16px auto;display:inline-block;position:relative}.title-unlock-badge-glow{background:radial-gradient(circle,#eab30866 0%,#0000 70%);border-radius:50%;animation:2s ease-in-out infinite pulseGlow;position:absolute;inset:-10px}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.15)}}.title-unlock-header-tag{text-transform:uppercase;letter-spacing:1.5px;color:#fde047;margin-bottom:8px;font-size:13px;font-weight:700}.title-unlock-name{color:#fff;text-shadow:0 2px 8px #0009;margin:8px 0;font-size:22px;font-weight:800}.title-unlock-desc{color:#ffffffb3;margin-bottom:24px;font-size:14px;line-height:1.5}.title-unlock-actions{flex-direction:column;gap:10px;display:flex}.title-unlock-equip-btn{color:#111;cursor:pointer;background:linear-gradient(135deg,#eab308,#ca8a04);border:none;border-radius:12px;padding:12px 20px;font-weight:700;transition:transform .15s,filter .15s;box-shadow:0 4px 15px #eab30866}.title-unlock-equip-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.title-unlock-later-btn{color:#fff9;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:12px;padding:10px 20px;font-weight:600;transition:all .15s}.title-unlock-later-btn:hover{color:#fff;background:#ffffff0d}.title-picker-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100000;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.title-picker-modal-content{color:#fff;background:#151824;border:1px solid #ffffff26;border-radius:20px;flex-direction:column;width:100%;max-width:620px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #000c}.title-picker-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.title-picker-header h3{margin:0;font-size:18px;font-weight:700}.title-picker-body{flex:1;padding:20px 24px;overflow-y:auto}.title-picker-slots-section{margin-bottom:20px}.title-picker-slots-label{text-transform:uppercase;color:#ffffff80;letter-spacing:1px;margin-bottom:10px;font-size:12px;font-weight:700}.title-picker-slots-grid{grid-template-columns:1.2fr 1fr 1fr;gap:12px;display:grid}@media (width<=600px){.title-picker-slots-grid{grid-template-columns:1fr}}.title-slot-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex;position:relative}.title-slot-card.primary{background:linear-gradient(135deg,#eab3081f,#8b5cf614);border:1.5px solid #eab30866;box-shadow:0 0 15px #eab3081a}.title-slot-tag{text-transform:uppercase;color:#ffffff80;font-size:10px;font-weight:700}.title-slot-card.primary .title-slot-tag{color:#fde047}.title-slot-content{align-items:center;gap:8px;display:flex}.title-slot-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:600;overflow:hidden}.title-slot-card.primary .title-slot-name{color:#fde047;font-size:14px;font-weight:700}.title-slot-clear-btn{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px;transition:color .15s}.title-slot-clear-btn:hover{color:#ef4444}.title-picker-tabs{border-bottom:1px solid #ffffff14;gap:8px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.title-picker-tab-btn{color:#fff9;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .15s}.title-picker-tab-btn:hover{color:#fff;background:#ffffff0d}.title-picker-tab-btn.active{color:#fde047;background:#eab3081f;border:1px solid #eab3084d}.title-picker-badges-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.title-picker-badge-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:10px;transition:all .15s;display:flex;position:relative}.title-picker-badge-item:hover{background:#ffffff12;border-color:#fff3;transform:translateY(-1px)}.title-picker-badge-item.is-equipped{background:#eab30814;border-color:#eab30880}.title-picker-badge-info{flex:1;min-width:0}.title-picker-badge-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.title-picker-badge-cat{color:#ffffff73;font-size:11px}.title-picker-badge-tag{color:#fde047;background:#eab30833;border-radius:4px;padding:2px 5px;font-size:10px;font-weight:700}.title-picker-footer{border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.title-picker-cancel-btn{color:#fffc;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:10px;padding:10px 18px;font-weight:600}.title-picker-save-btn{color:#111;cursor:pointer;background:linear-gradient(135deg,#eab308,#ca8a04);border:none;border-radius:10px;padding:10px 22px;font-weight:700;box-shadow:0 4px 14px #eab3084d}.title-picker-save-btn:hover{filter:brightness(1.1)}