.menu-profile#rank-profile{--rank-color:#b6a59a;align-self:center;min-width:0;padding:18px 20px;border:1px solid #43566a;border-left:4px solid var(--rank-color);border-radius:12px;background:#101b29ed;box-shadow:0 16px 42px #06101b55}
.rank-profile-top{display:flex;align-items:center;gap:18px}.rank-profile-top>div:last-child{min-width:0}.rank-profile-badge,.rank-emblem{display:grid;place-items:center;flex:none;clip-path:polygon(50% 0,89% 16%,91% 63%,50% 100%,9% 63%,11% 16%);background:linear-gradient(145deg,#fff8,var(--rank-color) 45%,#101721);color:#101721;box-shadow:inset 0 0 0 5px #ffffff44}.rank-profile-badge{width:72px;height:82px;font:900 31px system-ui}.rank-profile-top span{display:block;color:var(--rank-color);font:900 clamp(18px,2.1vw,27px) system-ui;letter-spacing:.05em}.rank-profile-top strong{display:block;margin-top:2px;color:#f4f7fb;font:800 clamp(15px,1.8vw,23px) system-ui}.rank-profile-track,.rank-reveal-track{height:8px;overflow:hidden;border-radius:20px;background:#334254}.rank-profile-track{margin-top:17px}.rank-profile-track i,.rank-reveal-track i{display:block;height:100%;width:0;background:var(--rank-color);border-radius:20px}.menu-profile#rank-profile p{margin:9px 0 5px;color:#bbc9d6;font-size:13px;line-height:1.35}.menu-profile#rank-profile #profile-stats{color:#dce7ef;font-size:12px}.menu-profile#rank-profile #save-status{display:block;margin-top:9px;color:#94a9b8;font-size:11px}
#menu-ranked{position:relative;overflow:hidden;border-left-color:#cfaa73;background:#16202d}#menu-ranked::after{content:"";position:absolute;right:-16px;top:-22px;width:94px;height:94px;border:1px solid #d6ba7b55;transform:rotate(45deg);pointer-events:none}#menu-ranked span{color:#d9c8aa}
#match-over .result{max-width:570px;border-color:#566476;background:#101923f5;box-shadow:0 20px 70px #02070cad}#match-over .result>h1{margin:9px 0 0;color:#f3f5fa;font-size:clamp(27px,5vw,42px);font-style:normal}#match-over .result>strong{display:block;font-size:clamp(37px,6vw,56px);line-height:1.1;text-shadow:none}#match-over .result>button{margin:10px 5px 0;background:#223549;border:1px solid #68829d;color:#f4f6fa;border-radius:7px;padding:11px 18px}
.rank-reveal{--rank-color:#b6a59a;margin:18px auto 8px;padding:18px 19px 15px;text-align:left;border:1px solid color-mix(in srgb,var(--rank-color),#273445 42%);border-radius:12px;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--rank-color),transparent 82%),transparent 52%),#15202d;overflow:hidden}.rank-reveal.show{animation:rank-card-in .6s cubic-bezier(.16,1,.3,1) both}.rank-reveal-head{display:flex;justify-content:space-between;gap:12px;color:#afbdca;font-size:11px;font-weight:900;letter-spacing:.14em}.rank-reveal-head b{color:var(--rank-color);letter-spacing:0;font-size:13px}.rank-reveal-main{display:flex;align-items:center;gap:22px;margin:19px 0 15px}.rank-emblem{position:relative;width:92px;height:105px;font:900 40px system-ui;filter:drop-shadow(0 8px 12px #0009)}.rank-reveal.show .rank-emblem{animation:rank-emblem-in .9s cubic-bezier(.16,1,.3,1) both}.rank-emblem span{display:block;text-shadow:0 1px #ffffff77}.rank-reveal-main small{color:var(--rank-color);font:900 12px system-ui;letter-spacing:.2em}.rank-reveal-main h2{margin:3px 0 4px;color:#fff;font:900 clamp(23px,5vw,39px) system-ui;letter-spacing:.02em}.rank-reveal-main p,.rank-reveal #rank-reveal-reward{margin:0;color:#c5d0da;font:600 13px system-ui;line-height:1.35}.rank-reveal-track{height:10px;background:#324254}.rank-reveal.show .rank-reveal-track i{animation:rank-fill 1.15s .25s cubic-bezier(.2,.8,.2,1) both}.rank-reveal #rank-reveal-reward{min-height:16px;margin-top:11px;color:#e9d6ad}.rank-reveal.promoted .rank-emblem{animation:rank-emblem-in .9s cubic-bezier(.16,1,.3,1) both,rank-up-bloom 1.15s .38s ease-out both}
@keyframes rank-card-in{from{opacity:0;transform:translateY(22px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rank-emblem-in{from{opacity:0;transform:rotate(-18deg) scale(.35)}60%{opacity:1;transform:rotate(4deg) scale(1.12)}to{transform:rotate(0) scale(1)}}@keyframes rank-fill{from{width:var(--rank-before,0%)}to{width:var(--rank-after,0%)}}@keyframes rank-up-bloom{50%{filter:drop-shadow(0 0 22px var(--rank-color))}to{filter:drop-shadow(0 8px 12px #0009)}}
@media(max-width:700px){.menu-profile#rank-profile{padding:8px 11px;align-self:start}.rank-profile-top{gap:10px}.rank-profile-badge{width:47px;height:54px;font-size:22px}.rank-profile-top span{font-size:17px}.rank-profile-top strong{font-size:15px}.rank-profile-track{margin-top:7px;height:6px}.menu-profile#rank-profile p{margin:5px 0 0;font-size:11px}.menu-profile#rank-profile #profile-stats,.menu-profile#rank-profile #save-status{display:none}.rank-reveal{padding:14px}.rank-reveal-main{gap:14px}.rank-emblem{width:68px;height:79px;font-size:32px}}
@media(prefers-reduced-motion:reduce){.rank-reveal.show,.rank-reveal.show .rank-emblem,.rank-reveal.promoted .rank-emblem,.rank-reveal.show .rank-reveal-track i{animation:none}.rank-reveal-track i{width:var(--rank-after,0%)}}