.rank-medal{vertical-align:middle;flex:none;line-height:0;display:inline-grid}.rank-medal svg{display:block;overflow:visible}.slip-rank,.cwk-rank,.crew-rank{align-self:center}.renown-line{text-align:left;color:var(--sailcloth-light);animation:renown-in .42s var(--ease-out) both;background:#081d278c;border-radius:999px;align-items:center;gap:12px;margin-top:10px;padding:8px 16px 8px 10px;display:inline-flex;box-shadow:inset 0 0 0 1px #f0b42959,0 2px 8px #00000040}.renown-line.is-short{padding-left:16px;box-shadow:inset 0 0 0 1px #f4e7c940}.renown-badge{perspective:240px;flex:none;display:grid;position:relative}.renown-badge>*{grid-area:1/1}.renown-words{gap:1px;min-width:0;display:grid}.renown-delta{font-family:var(--font-display);font-size:var(--text-xl);font-variant-numeric:tabular-nums lining-nums;color:var(--doubloon-light);line-height:1.05}.renown-line.is-down .renown-delta{color:#f3a596}.renown-line.is-short .renown-delta{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--sailcloth-light);font-weight:800}.renown-detail{font-size:var(--text-sm);color:#f4e7c9d9;font-weight:800}.renown-line.has-moment:not(.is-down) .renown-detail{color:var(--doubloon)}.renown-hidden,.renown-note{font-size:var(--text-xs);color:#f4e7c9a6;font-weight:700}.renown-note{font-variant-numeric:tabular-nums lining-nums;max-width:36ch}.renown-glint{color:var(--doubloon-light);opacity:0;pointer-events:none;position:absolute;top:-6px;right:-8px}@keyframes renown-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduce]) .renown-line.has-moment .renown-from{animation:renown-turn-away .3s var(--ease-in-out) .65s both}:root:not([data-motion=reduce]) .renown-line.has-moment .renown-to{animation:renown-turn-up .48s var(--ease-back) .95s both}:root:not([data-motion=reduce]) .renown-line.has-moment .renown-glint{animation:renown-glint .7s var(--ease-out) 1.25s both}}@keyframes renown-turn-away{to{opacity:0;transform:rotateY(90deg)scale(.92)}}@keyframes renown-turn-up{0%{opacity:0;transform:rotateY(-90deg)scale(.92)}to{opacity:1;transform:none}}@keyframes renown-glint{0%{opacity:0;transform:scale(.4)rotate(-20deg)}40%{opacity:1;transform:scale(1.15)rotate(10deg)}to{opacity:0;transform:scale(.9)rotate(30deg)}}@media (prefers-reduced-motion:reduce){.renown-line{animation:.2s linear both renown-fade}.renown-line.has-moment .renown-from{opacity:0}}:root[data-motion=reduce] .renown-line{animation:.2s linear both renown-fade}:root[data-motion=reduce] .renown-line.has-moment .renown-from{opacity:0}@keyframes renown-fade{0%{opacity:0}}@media (max-width:560px){.renown-line{border-radius:14px;gap:10px;padding:6px 12px 6px 8px}.renown-badge .rank-medal svg{width:38px;height:38px}.renown-delta{font-size:var(--text-lg)}}:root .renown-line.is-still,:root .renown-line.is-still .renown-to{animation:none}:root .renown-line.is-still .renown-from,:root .renown-line.is-still .renown-glint{display:none}.rank-strip{border-top:1.5px dashed #6e452659;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding-top:10px;display:grid}.rank-strip-words{min-width:0;display:grid}.rank-strip-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--ink);line-height:1.1}.rank-strip-sub{font-size:var(--text-xs);color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.rank-strip-boards{min-height:40px;font:inherit;font-size:var(--text-sm);color:var(--teak);text-underline-offset:3px;cursor:pointer;transition:background var(--dur-fast);background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-weight:800;text-decoration:underline;text-decoration-thickness:1.5px;display:inline-flex}.rank-strip-boards:hover{color:var(--teak-deep);background:#cdb3844d}.rank-strip-boards:focus-visible{outline:2px solid var(--lagoon-deep);outline-offset:1px}.profile-rank{background:#e8d6ae80;border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:16px;padding:10px 12px;display:flex;box-shadow:inset 0 0 0 1px #6e452638}.profile-rank .rank-strip-words{flex:180px}.profile-badges{gap:10px;margin:0;padding:0;list-style:none;display:flex}.profile-badges li{font-size:var(--text-2xs);color:var(--ink-faint);justify-items:center;gap:2px;font-weight:800;display:grid}.ranked-go{flex:1 0 auto}@media (max-width:380px){.rank-strip-boards{padding-inline:6px}}
