.leaderboard-character-selector{margin:12px 0 18px;padding:12px 14px 9px;border:1px solid #4d9bd2;border-radius:13px;background:linear-gradient(110deg,#073a71ed,#041e3bea);box-shadow:0 5px 16px #00152a66}.leaderboard-character-selector h2{margin:0;color:#ffe775;font:16px/1.3 ASR,Arial,sans-serif;text-shadow:1px 2px #00152a}.character-selector-help{margin:3px 0 9px;color:#c8e2f7;font-size:12px}.character-selector-strip{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-inline:contain;padding:3px 2px 8px;scrollbar-color:#5ca9df #062343;scrollbar-width:thin}.character-choice{flex:0 0 76px;display:flex;min-height:83px;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;padding:4px 3px;border:1px solid #609bc4;border-radius:9px;background:linear-gradient(150deg,#0d477e,#061c37);color:#f5f9ff;cursor:pointer;transition:transform .14s,border-color .14s,background .14s}.character-choice img{display:block;width:100%;height:52px;object-fit:contain;object-position:center bottom;filter:drop-shadow(1px 2px 2px #00152e)}.character-choice-name{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font:10px/1.2 ASR,Arial,sans-serif}.all-character-mark{display:grid;place-items:center;width:50px;height:50px;border:2px solid #8dcafa;border-radius:50%;background:radial-gradient(circle at 35% 30%,#388ed1,#073462 65%);color:#ffe775;font:12px ASR,Arial,sans-serif}.character-choice:is(:hover,:focus-visible){transform:translateY(-2px);border-color:#ffe775;outline:2px solid #ffe775;outline-offset:1px}.character-choice[aria-pressed=true]{border:2px solid #ffe775;background:linear-gradient(145deg,#0c64b0,#07386c);box-shadow:0 0 0 2px #ffe77555,0 0 12px #ffdc5b88}.character-selector-status{min-height:14px;margin:0;color:#b8d8ef;font-size:11px}.character-filter-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:700px){.leaderboard-character-selector{padding:10px}.character-choice{flex-basis:66px;min-height:75px}.character-choice img{height:46px}.character-selector-help{font-size:11px}}
@media(prefers-reduced-motion:reduce){.character-choice{transition:none}.character-choice:is(:hover,:focus-visible){transform:none}}