.r31-tier-strip{grid-template-columns:repeat(16,minmax(0,1fr));gap:8px 5px;padding:8px 0;background:transparent;border-radius:0}
.r31-tier-square{display:grid;place-items:center;width:32px;height:32px;max-width:100%;border:1px solid var(--r31-tier);border-radius:0;background:color-mix(in srgb,var(--r31-tier) 16%,#161c26)}
.r31-tier-square img{width:25px;height:25px;max-width:85%;max-height:85%;object-fit:contain}
.r31-tier-slot{gap:3px}.r31-tier-slot strong{width:32px;max-width:100%;padding:3px 0;border-radius:0;color:#101522;background:var(--r31-tier);font-size:9px;text-align:center;line-height:1.1}
.r31-empty .r31-tier-square{border:2px dashed #3d4659;background:#141922}.r31-empty strong{background:#1b2533;color:#8091aa}.r31-tier-slot small{font-size:7px}
.r31-position-row[data-position=Unranked]>strong{width:auto;min-width:118px;padding:0 15px;clip-path:none;background:#343344;font-style:normal;font-size:16px;white-space:nowrap;flex-shrink:0}
.r31-profile-menu :is(button,a){text-shadow:0 2px 2px #0009;box-shadow:0 3px 0 #090b1280!important;transition:background .16s,transform .16s}
.r31-profile-menu :is(button,a):hover{transform:translateY(-1px)}
.r31-profile-actions>.r31-close,.r29-search-close{display:grid;place-items:center;width:34px;height:34px;flex:none;padding:0;border:1px solid #3c4259;border-radius:8px;background:#1f2334;color:#e7e9f6;box-shadow:0 4px 0 #080b13;font-size:25px;line-height:1;cursor:pointer}
.r29-ranking-list .overall-row{transition:transform .18s ease,box-shadow .18s ease,background .18s ease;animation:r33-row-in .28s ease-out both;animation-delay:calc(var(--r29-row,0)*24ms)}
@media(hover:hover){.overall-row:hover,.overall-row.top-3:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0006;border-color:var(--r22-edge,#303139)!important;filter:brightness(1.05)}}
.overall-row:focus-visible{outline:2px solid #fff!important;outline-offset:3px}
@keyframes r33-row-in{from{opacity:0;translate:-12px 0}to{opacity:1;translate:0 0}}
@media(max-width:900px){.r31-tier-strip{grid-template-columns:repeat(8,minmax(0,1fr));gap:9px 5px}}
@media(max-width:640px){.r31-position-row[data-position=Unranked]>strong{font-size:13px;min-width:102px}}
@media(prefers-reduced-motion:reduce){.r29-ranking-list .overall-row{animation:none}.overall-row{transition:none!important}.overall-row:hover{transform:none}}
.r31-profile{color:#ededfa}.r31-profile .r31-section-label,.r31-profile .r32-member-since{color:#adb7d1}.r31-position-row{color:#ededfa}
.r34-search-profile{position:fixed;inset:0;margin:auto;padding:0;border:0;width:min(700px,calc(100vw - 28px));max-width:700px;max-height:calc(100dvh - 28px);background:transparent;color:#ededfa;overflow:visible;box-shadow:0 28px 100px #0007}
.r34-search-profile::backdrop{background:#05070bd1;backdrop-filter:blur(7px)}
.r34-search-profile>.modal-card{width:100%;max-width:100%;max-height:calc(100dvh - 28px)}
.r29-search-result[aria-busy=true]{opacity:.6;cursor:progress}

/* Profile action icons, matching the outlined prototype icons. */
.r31-profile-menu .r36-menu-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: .6em;
  vertical-align: -.15em;
  flex-shrink: 0;
}


/* Profile controls press down without animating the profile's dismissal. */
.r31-profile-actions > :is(button,a) {box-shadow:0 4px 0 #080b13;transition:transform .08s ease,box-shadow .08s ease;}
.r31-profile-actions > :is(button,a):active {transform:translateY(3px) scale(.97);box-shadow:0 1px 0 #080b13;}
.r31-profile-menu :is(button,a):active {transform:translateY(2px) scale(.98);box-shadow:0 1px 0 #090b1280!important;}
[data-profile-overlay],.r34-search-profile {animation:none;transition:none;}
@media(prefers-reduced-motion:reduce) {.r31-profile-actions > :is(button,a),.r31-profile-menu :is(button,a) {transition:none;}.r31-profile-actions > :is(button,a):active,.r31-profile-menu :is(button,a):active {transform:none;}}