.arenaRankBadge{display:inline-block;object-fit:contain;vertical-align:middle;flex:0 0 auto}
.arenaRankProfileLine{display:flex;align-items:center;justify-content:center;gap:6px;color:#e4cf9c;margin-bottom:4px;font-weight:bold}
.arenaRankPlacement{color:#ab9db7;font-size:11px}
#arenaRankNotice{position:fixed;inset:0;z-index:1250;display:flex;align-items:center;justify-content:center;background:#050308a8;font-family:Arial,sans-serif}
#arenaRankNotice[hidden]{display:none!important}
#arenaRankNotice .arenaRankNoticeBox{width:min(540px,calc(100vw - 30px));padding:25px 28px;text-align:center}
.arenaRankTransition{display:flex;align-items:center;justify-content:center;gap:28px;min-height:170px}
.arenaRankTransition figure{margin:0;width:150px}
.arenaRankTransition figcaption{font:bold 15px/1.5 Arial,sans-serif;color:#e0d4be;margin-top:8px}
.arenaRankArrow{color:#a28baa;font-size:26px}
.arenaRankNew img{filter:drop-shadow(0 0 12px #c69f5438);animation:arenaRankArrive .65s ease-out both .55s}
.arenaRankOld{animation:arenaRankDepart .6s ease-out both}
#arenaRankNotice.rankDowngrade .arenaRankNew img{filter:none}
.arenaRankNoticeCopy{font:12px/1.6 Arial,sans-serif;color:#d8cbb8;margin:18px 0 20px}
#arenaRankNotice button{min-width:120px}
.arenaLeaderboardName{display:flex;align-items:center;gap:5px;min-width:0}
.arenaLeaderboardIdentity{display:flex;flex-direction:column;min-width:0;gap:3px}
.arenaLeaderboardIdentity small{color:#ab9db7;font:10px Arial,sans-serif}
@keyframes arenaRankArrive{from{opacity:0;transform:scale(.65) translateY(10px)}to{opacity:1;transform:none}}
@keyframes arenaRankDepart{from{opacity:1}to{opacity:.5;transform:scale(.85)}}
@media(prefers-reduced-motion:reduce){.arenaRankNew img,.arenaRankOld{animation:none!important}}
@media(max-width:500px){.arenaRankTransition{gap:6px}.arenaRankTransition figure{width:120px}}