.fp-page{flex-direction:column;gap:1.5rem;max-width:640px;margin:0 auto;animation:.3s fadeIn;display:flex}.fp-card{background:var(--glass-bg);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);flex-direction:column;gap:1.25rem;padding:2rem;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000005e}.fp-card:hover{border-color:var(--color-border);box-shadow:0 12px 40px #00000080}.fp-card__accent{height:3px;position:absolute;top:0;left:0;right:0}.fp-card__header{justify-content:space-between;align-items:center;display:flex}.fp-card__label{font-family:var(--font-display);letter-spacing:1.5px;color:var(--color-text-muted);text-transform:uppercase;font-size:.7rem;font-weight:700}.fp-card__joined{color:var(--color-text-muted);font-size:.7rem}.fp-card__identity{align-items:center;gap:1.25rem;display:flex}.fp-card__fighter-link{border-radius:.75rem;flex-shrink:0;text-decoration:none;transition:transform .2s}.fp-card__fighter-link:hover{transform:scale(1.05)}.fp-card__rank-ring{flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.fp-card__rank-ring-svg{width:100%;height:100%;position:absolute;inset:0}.fp-card__rank-ring-fill{filter:drop-shadow(0 0 4px var(--rank-color));transition:stroke-dasharray 1s cubic-bezier(.34,1.56,.64,1)}.fp-card__name-block{flex:1;min-width:0}.fp-card__name-row{align-items:center;gap:.5rem;display:flex}.fp-card__name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.5px;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:900;line-height:1.1;overflow:hidden}.fp-card__name-edit-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;background:0 0;flex-shrink:0;align-items:center;padding:.3rem;transition:border-color .15s,color .15s;display:flex}.fp-card__name-edit-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.fp-card__name-edit{align-items:center;gap:.5rem;width:100%;display:flex}.fp-card__name-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-display);text-transform:uppercase;flex:1;padding:.4rem .75rem;font-size:1.5rem;font-weight:800}.fp-card__name-input:focus{border-color:var(--color-primary);outline:none}.fp-card__name-save{background:var(--color-success);border-radius:var(--radius-sm);color:#000;cursor:pointer;border:none;align-items:center;padding:.5rem;display:flex}.fp-card__rank-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;margin-top:.15rem;font-size:1rem;font-weight:800}.fp-card__xp-section{flex-direction:column;gap:.4rem;display:flex}.fp-card__xp-info{justify-content:space-between;align-items:baseline;display:flex}.fp-card__xp-value{font-family:var(--font-display);color:var(--color-text);align-items:center;gap:.3rem;font-size:.9rem;font-weight:800;display:flex}.fp-card__xp-icon{color:var(--color-primary)}.fp-card__xp-next{color:var(--color-text-muted);font-size:.75rem}.fp-card__xp-bar{background:var(--subtle-hover);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);height:12px;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.fp-card__xp-fill{border-radius:var(--radius-full);height:100%;box-shadow:0 0 12px var(--rank-color,var(--color-primary));transition:width .8s cubic-bezier(.34,1.56,.64,1);position:relative}.fp-card__xp-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff26 50%,#0000 100%) 0 0/200% 100%;animation:2.5s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fp-card__stats{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);gap:.5rem;padding:1rem 0;display:grid}.fp-card__stat{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:.2rem;display:flex}.fp-card__stat svg{opacity:.5}.fp-card__stat-value{font-family:var(--font-display);color:var(--color-text);font-size:1.5rem;font-weight:800;line-height:1}.fp-card__stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-size:.7rem}.fp-card__stat--actionable{border:1px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;min-height:44px;padding:.5rem;text-decoration:none;transition:border-color .2s,background-color .2s;position:relative}.fp-card__stat--actionable:hover{border-color:var(--color-primary);background:#ff33330a}.fp-card__stat--actionable:hover svg:first-child{opacity:1;color:var(--color-primary)}.fp-card__stat--actionable .fp-card__stat-value{color:var(--color-text-muted)}.fp-card__stat-cta{color:var(--color-text-muted);opacity:0;transition:opacity .2s;position:absolute;top:.35rem;right:.35rem}.fp-card__stat--actionable:hover .fp-card__stat-cta{opacity:1;color:var(--color-primary)}.fp-card__style{color:var(--color-text-muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.fp-card__share{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.7rem;font-size:.85rem;font-weight:700;transition:border-color .2s,background-color .2s;display:flex}.fp-card__share:hover{border-color:var(--color-primary);background:#ff33330d}.fp-section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;font-weight:800;display:flex}.fp-ranks{padding:1.5rem}.fp-ranks__timeline{flex-direction:column;gap:0;display:flex;position:relative}.fp-ranks__tier{cursor:pointer;align-items:center;gap:.75rem;padding:.6rem 0;transition:opacity .3s,transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.fp-ranks__tier:hover{transform:translate(6px)scale(1.02)}.fp-ranks__tier.current:hover{transform:translate(6px)scale(1.05)}.fp-ranks__dot{z-index:1;border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative}.fp-ranks__tier.current .fp-ranks__dot{box-shadow:0 0 16px color-mix(in srgb, var(--tier-color,#888) 40%, transparent);animation:2s ease-in-out infinite rankPulse;transform:scale(1.15)}@keyframes rankPulse{0%,to{box-shadow:0 0 12px color-mix(in srgb, var(--tier-color,#888) 30%, transparent)}50%{box-shadow:0 0 24px color-mix(in srgb, var(--tier-color,#888) 50%, transparent)}}.fp-ranks__tier.next .fp-ranks__dot{border-style:dashed}.fp-ranks__info{flex-direction:column;gap:.15rem;display:flex}.fp-ranks__name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.3px;font-size:.9rem;font-weight:800}.fp-ranks__xp{color:var(--color-text-muted);align-items:center;gap:.4rem;font-size:.7rem;display:flex}.fp-ranks__current-tag{text-transform:uppercase;letter-spacing:.5px;background:var(--color-primary-btn);color:#fff;border-radius:3px;padding:.1rem .4rem;font-size:.7rem;font-weight:800;display:inline-block}.fp-ranks__line{background:var(--color-border);width:2px;height:calc(100% - 8px);position:absolute;top:calc(50% + 20px);left:19px}.fp-ranks__line.filled{background:var(--color-primary);opacity:.4}.fp-ranks__tier.locked{opacity:.4}.fp-ranks__tier.next{opacity:.7}.fp-badges{padding:1.5rem}.fp-badges__count{color:var(--color-text-muted);background:var(--subtle-hover);border-radius:var(--radius-full);text-transform:none;letter-spacing:0;margin-left:auto;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.fp-badges__grid{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}.fp-badge{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--subtle-hover);align-items:center;gap:.6rem;padding:.65rem .75rem;transition:border-color .2s,background .2s,transform .2s;display:flex}.fp-badge--earned{border-color:var(--color-border);background:var(--subtle-hover)}.fp-badge--earned:hover{border-color:var(--color-border);transform:translateY(-1px)}.fp-badge--locked{opacity:.4}.fp-badge__icon{border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.fp-badge__info{flex-direction:column;gap:.1rem;min-width:0;display:flex}.fp-badge__name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:800;overflow:hidden}.fp-badge__desc{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.fp-badge__earners{color:var(--color-text-muted);opacity:.6;text-transform:uppercase;letter-spacing:.2px;margin-top:.05rem;font-size:.7rem}.fp-badge--hidden{background:#0003;border-color:#1a1a1a;position:relative;overflow:hidden}.fp-badge--hidden:after{content:"";background:linear-gradient(90deg,#0000,#ffffff08,#0000);width:50%;height:100%;animation:3s infinite badgeShimmer;position:absolute;top:0;left:-100%}@keyframes badgeShimmer{0%{left:-100%}to{left:200%}}.fp-xp-sources{padding:1.5rem}.fp-xp-sources__grid{flex-direction:column;gap:0;display:flex}.fp-xp-source{border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;padding:.65rem 0;display:flex}.fp-xp-source:last-child{border-bottom:none}.fp-xp-source__icon{color:var(--color-text-muted);opacity:.6;flex-shrink:0}.fp-xp-source__action{color:var(--color-text);flex:1;font-size:.85rem}.fp-xp-source__value{font-family:var(--font-display);color:var(--color-success,#22c55e);white-space:nowrap;font-size:.8rem;font-weight:800}.fp-actions{flex-direction:column;gap:.75rem;display:flex}.fp-action{color:var(--color-text);align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;transition:border-color .2s,background-color .2s,color .2s;display:flex}.fp-action:hover{border-color:var(--color-primary);color:var(--color-text);background:#ff333308}.fp-action svg:first-child{color:var(--color-primary);flex-shrink:0}.fp-action svg:last-child{color:var(--color-text-muted);flex-shrink:0;margin-left:auto}.fp-action div{flex:1}.fp-action h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.3px;font-size:.95rem;font-weight:800}.fp-action p{color:var(--color-text-muted);margin-top:.1rem;font-size:.75rem}.fp-settings{padding:1.5rem}.fp-settings__grid{flex-direction:column;gap:1.25rem;margin-top:1rem;display:flex}.fp-settings__item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.fp-settings__item:last-child{border-bottom:none;padding-bottom:0}.fp-settings__item-info{align-items:flex-start;gap:.75rem;display:flex}.fp-settings__icon{flex-shrink:0;margin-top:.2rem}.fp-settings__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;display:block}.fp-settings__sub{color:var(--color-text-muted);font-size:.75rem;display:block}.fp-settings__value{font-family:var(--font-display);color:var(--color-text);letter-spacing:.3px;font-size:.95rem;font-weight:800}.fp-settings__btn{border-radius:var(--radius-sm);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;white-space:nowrap;padding:.5rem 1rem;font-size:.75rem;font-weight:800;transition:all .2s}.fp-settings__btn--cancel{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.fp-settings__btn--cancel:hover{color:var(--color-text);border-color:var(--color-border);background:var(--subtle-hover)}.fp-settings__btn--danger{color:var(--color-primary-on-tint);background:#ff33331a;border:1px solid #f333}.fp-settings__btn--danger:hover{background:var(--color-primary-btn-hover);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 12px #f333}.fp-settings__btn--export{color:var(--text-info);background:#3b82f61a;border:1px solid #3b82f633}.fp-settings__btn--export:hover{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.fp-modal-backdrop{z-index:10000;-webkit-backdrop-filter:blur(6px);background:#000c;justify-content:center;align-items:center;padding:1.5rem;animation:.25s ease-out fp-fadeIn;display:flex;position:fixed;inset:0}@keyframes fp-fadeIn{0%{opacity:0}to{opacity:1}}.fp-modal-card{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:1rem;width:100%;max-width:420px;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) fp-slideUp;position:relative}@keyframes fp-slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.fp-modal-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;top:1rem;right:1rem}.fp-modal-close:hover{color:var(--color-text);background:var(--subtle-hover)}.fp-modal-icon{border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 1.25rem;display:flex}.fp-modal-icon--danger{color:var(--color-primary-on-tint);background:#ff33331a;border:1px solid #ff333326}.fp-modal-icon--warning{color:var(--color-warning);background:#ffd7001a;border:1px solid #ffd70026}.fp-modal-title{font-family:var(--font-display);letter-spacing:.5px;margin:0 0 .75rem;font-size:1.2rem;font-weight:900}.fp-modal-desc{color:var(--color-text-muted);margin:0 0 1.75rem;font-size:.85rem;line-height:1.5}.fp-modal-actions{gap:.75rem;display:flex}.fp-modal-btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-radius:.5rem;flex:1;padding:.75rem 1rem;font-size:.85rem;font-weight:800;transition:all .2s}.fp-modal-btn--secondary{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.fp-modal-btn--secondary:hover{background:var(--subtle-hover);border-color:var(--color-border)}.fp-modal-btn--primary{background:var(--color-text);color:var(--color-bg);border:none}.fp-modal-btn--primary:hover{opacity:.85}.fp-modal-btn--danger{background:var(--color-primary-btn);color:#fff;border:none}.fp-modal-btn--danger:hover{background:var(--color-primary-btn-hover)}@media (max-width:480px){.fp-card{padding:1.5rem 1rem}.fp-card__identity{gap:1rem}.fp-card__rank-ring{width:56px;height:56px}.fp-card__stats{grid-template-columns:repeat(2,1fr);gap:1rem}.fp-ranks,.fp-xp-sources{padding:1rem}}