.body-map{justify-content:center;gap:8px;display:flex}.body-map svg{width:auto;max-width:50%;height:100%}.body-map__sil{fill:var(--raised-2)}.body-map__m{stroke:var(--page);stroke-width:2px;transition:fill .6s ease-out,opacity .2s}.body-map__m.is-dim{opacity:.35}.rank-badge{flex:none;display:block}.rank-badge.is-dim{opacity:.4}.rank-label{align-items:center;gap:8px;min-height:28px;display:inline-flex}.rank-danger{color:var(--danger-text)}.rank-accent{color:var(--accent-text)}.rank-row{align-items:center;gap:8px;display:flex}.rank-row__main{border-radius:var(--r-row);text-align:left;min-width:0;min-height:64px;color:inherit;font:inherit;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:10px 12px;display:flex}button.rank-row__main:active{background:var(--raised-2)}.rank-row__text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.rank-row__name{overflow-wrap:anywhere}.rank-track{border-radius:var(--r-full);background:var(--raised-2);height:6px;display:block;overflow:hidden}.rank-track>span{border-radius:inherit;height:100%;display:block}.rank-row__edit{background:0 0;border:0;min-width:44px;min-height:44px;padding:0 12px}.rank-card{flex-direction:column;gap:14px;display:flex}.rank-card__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rank-card__row{width:100%;min-height:44px;color:inherit;font:inherit;text-align:left;border-radius:var(--r-sm);background:0 0;border:0;align-items:center;padding:6px 4px;display:flex}.rank-card__more{min-height:44px;color:var(--accent-text);align-self:flex-start;align-items:center;text-decoration:none;display:inline-flex}.ranks-mode{flex-direction:column;gap:12px;display:flex}.ranks-list{flex-direction:column;display:flex}.ranks-overall{align-items:center;gap:12px;min-height:44px;display:flex}.rank-setup{flex-direction:column;gap:12px;display:flex}.rank-setup__choices{flex-direction:column;gap:8px;display:flex}.rank-detail{flex-direction:column;gap:12px;display:flex}.rank-detail__head{align-items:center;gap:12px;display:flex}.rank-up{z-index:60;padding:24px 16px calc(24px + env(safe-area-inset-bottom));background:var(--page);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.rank-up:before{content:"";background:radial-gradient(60% 45% at 50% 40%, color-mix(in srgb, var(--rank-up-color) 38%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}.rank-up>*{position:relative}.rank-up__badge{animation:.42s cubic-bezier(.34,1.56,.64,1) .6s both rank-pop}.rank-up__list{flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rank-up__confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.rank-up__confetti i{border-radius:2px;width:8px;height:12px;animation:1.6s ease-in .7s both rank-fall;position:absolute;top:-12px}@keyframes rank-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes rank-fall{to{transform:translateY(110vh)rotate(540deg)}}@media (prefers-reduced-motion:reduce){.body-map__m{transition:none}.rank-up{animation:.15s ease-out both rank-fade}.rank-up__badge{animation:none}.rank-up__confetti{display:none}}@keyframes rank-fade{0%{opacity:0}}