.frame-iron{background-image:url(../media/border-iron.14x3ou5cbfg63.png);width:161.519%;height:219.863%;top:-57.782%;left:-30.76%}.frame-bronze{background-image:url(../media/border-bronze.2sdimkccyem1e.png);width:175.262%;height:230.709%;top:-63.124%;left:-37.631%}.frame-silver{background-image:url(../media/border-silver.1psq9888oizbh.png);width:186.833%;height:233.7%;top:-62.733%;left:-43.733%}.frame-gold{background-image:url(../media/border-gold.2kert3pusct44.png);width:202.013%;height:240.585%;top:-66.697%;left:-50.68%}.frame-platinum{background-image:url(../media/border-platinum.10dj0b-oxlnm0.png);width:205.248%;height:243.975%;top:-71.019%;left:-53.27%}.frame-emerald{background-image:url(../media/border-emerald.0ox3bckpgv249.png);width:205.248%;height:243.975%;top:-71.019%;left:-53.27%}.frame-diamond{background-image:url(../media/border-diamond.0slxr5185aph6.png);width:201.4%;height:245.733%;top:-70.967%;left:-51.017%}.frame-master{background-image:url(../media/border-master.0wy12mdto2834.png);width:203.949%;height:256.54%;top:-80.835%;left:-52.295%}.frame-grandmaster{background-image:url(../media/border-grandmaster.1xjfj6vxu9647.png);width:192.958%;height:233.006%;top:-61.649%;left:-47.389%}.frame-challenger{background-image:url(../media/border-challenger.3x88h1onp1-x5.png);width:206.564%;height:259.179%;top:-77.966%;left:-53.607%}.frame-sovereign{background-image:url(../media/border-sovereign.2tyhqjm_hkzo_.png);width:206.564%;height:259.179%;top:-77.966%;left:-53.607%}
.rankup{z-index:1200;overscroll-behavior:contain;background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--color-primary-dark) 80%, transparent) 0, color-mix(in srgb, var(--color-primary-dark) 97%, transparent) 70%);place-items:center;padding:24px 16px;animation:.35s ease-out both rankup-in;display:grid;position:fixed;inset:0;overflow:auto}@keyframes rankup-in{0%{opacity:0}}.rankup-card{text-align:center;width:100%;max-width:520px;color:var(--color-bg-primary);flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.rankup-em{place-items:center;width:220px;height:220px;margin-bottom:4px;display:grid;position:relative}.rankup-glow{background:radial-gradient(circle, color-mix(in srgb, var(--rankup-mid) 50%, transparent) 0, transparent 66%);border-radius:50%;animation:2.6s ease-in-out .9s infinite alternate both rankup-glow;position:absolute;inset:-12%}@keyframes rankup-glow{0%{opacity:.55;transform:scale(.94)}to{opacity:1;transform:scale(1.04)}}.rankup-em .ladder-emblem{position:relative;overflow:visible}.rankup--helm .rankup-em .ladder-emblem{animation:.8s cubic-bezier(.2,.8,.2,1) both rankup-zoom}.rankup--medal .rankup-em .ladder-emblem{animation:1s cubic-bezier(.2,.8,.2,1) .2s both rankup-medal}@keyframes rankup-zoom{0%{opacity:0;transform:scale(.6)}}@keyframes rankup-medal{0%{opacity:0;transform:translateY(-60px)rotate(-14deg)scale(.7)}70%{opacity:1;transform:translateY(6px)rotate(3deg)scale(1.03)}}.rankup-tier{letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(180deg, var(--rankup-hi) 0, var(--rankup-mid) 55%, var(--rankup-lo) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:4px 0 0;padding-left:.1em;font-size:clamp(56px,13vw,96px);font-weight:800;line-height:1;animation:.7s cubic-bezier(.2,.8,.2,1) .9s both rankup-rise}.rankup-tier--mid{font-size:clamp(44px,11vw,80px)}.rankup-tier--long{letter-spacing:.06em;padding-left:.06em;font-size:clamp(34px,8.5vw,60px)}@keyframes rankup-rise{0%{opacity:0;letter-spacing:.4em;transform:translateY(18px)}}.rankup-sub{letter-spacing:.06em;text-transform:uppercase;color:var(--color-bg-primary);margin:0;font-size:15px;font-weight:800;animation:.5s 1.2s both rankup-fade}.rankup-praise{color:var(--color-grey-700);max-width:38ch;margin:2px 0 0;font-size:15px;line-height:1.5;animation:.5s 1.35s both rankup-fade}.rankup-private{color:var(--color-grey-800);margin:6px 0 0;font-size:12px;animation:.5s 1.45s both rankup-fade}.rankup-error{color:var(--color-warn-strong);margin:6px 0 0;font-size:13px;font-weight:700}.rankup-acts{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;animation:.5s 1.5s both rankup-fade;display:flex}@keyframes rankup-fade{0%{opacity:0;transform:translateY(8px)}}.rankup-btn{min-width:120px;min-height:44px;font:inherit;cursor:pointer;border:1.5px solid var(--color-on-dark-strong);color:var(--color-bg-primary);background:0 0;border-radius:999px;padding:0 22px;font-size:19px;font-weight:700}.rankup-btn--wear{border-color:var(--rankup-mid);background:var(--rankup-mid);color:var(--color-primary-dark)}.rankup-btn:focus-visible{box-shadow:0 0 0 3px var(--color-accent-mint);outline:none}.rankup-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.rankup-confetti i{opacity:0;border-radius:2px;width:6px;height:10px;animation:2.6s ease-in .5s both rankup-fall;position:absolute;top:-12px}.rankup-confetti i:nth-child(4n+1){background:var(--rankup-mid)}.rankup-confetti i:nth-child(4n+2){background:var(--color-accent-mint);animation-delay:.62s}.rankup-confetti i:nth-child(4n+3){background:var(--color-sky-echoed);animation-delay:.74s}.rankup-confetti i:nth-child(4n){background:var(--color-primary-blue-bright);animation-delay:.86s}.rankup-confetti i:first-child{left:4%}.rankup-confetti i:nth-child(2){left:9.4%}.rankup-confetti i:nth-child(3){left:14.8%}.rankup-confetti i:nth-child(4){left:20.2%}.rankup-confetti i:nth-child(5){left:25.6%}.rankup-confetti i:nth-child(6){left:31%}.rankup-confetti i:nth-child(7){left:36.4%}.rankup-confetti i:nth-child(8){left:41.8%}.rankup-confetti i:nth-child(9){left:47.2%}.rankup-confetti i:nth-child(10){left:52.6%}.rankup-confetti i:nth-child(11){left:58%}.rankup-confetti i:nth-child(12){left:63.4%}.rankup-confetti i:nth-child(13){left:68.8%}.rankup-confetti i:nth-child(14){left:74.2%}.rankup-confetti i:nth-child(15){left:79.6%}.rankup-confetti i:nth-child(16){left:85%}.rankup-confetti i:nth-child(17){left:90.4%}.rankup-confetti i:nth-child(18){left:95.8%}@keyframes rankup-fall{0%{opacity:1;transform:translateY(0)rotate(0)}85%{opacity:1}to{opacity:0;transform:translateY(min(80vh,640px))rotate(500deg)}}.rankup-tw{width:14px;height:14px;fill:var(--rankup-hi);animation:1.8s ease-in-out infinite alternate both rankup-tw;position:absolute}@keyframes rankup-tw{0%{opacity:.2;transform:scale(.6)}to{opacity:1;transform:scale(1.1)}}.rankup-tw:first-of-type{animation-delay:1.2s;top:14%;left:6%}.rankup-tw:nth-of-type(2){animation-delay:1.45s;top:8%;left:86%}.rankup-tw:nth-of-type(3){animation-delay:1.7s;top:62%;left:2%}.rankup-tw:nth-of-type(4){animation-delay:1.95s;top:58%;left:92%}.rankup-tw:nth-of-type(5){animation-delay:2.2s;top:92%;left:18%}.rankup-tw:nth-of-type(6){animation-delay:2.45s;top:90%;left:80%}.rankup--still,.rankup--still *{animation:none!important}.rankup--still .rankup-confetti{display:none}@media (prefers-reduced-motion:reduce){.rankup,.rankup *{animation:none!important}.rankup-confetti{display:none}}.rankup--plain .rankup-tier{color:var(--color-bg-primary);letter-spacing:.02em;text-transform:none;background:0 0;padding-left:0}@media (max-width:480px){.rankup-em{width:180px;height:180px}.rankup--helm .rankup-em .ladder-emblem img{width:150px;height:auto}.rankup--medal .rankup-em .ladder-emblem img{width:168px;height:auto}}.rankup--t-iron{--rankup-hi:var(--color-rankup-iron-hi);--rankup-mid:var(--color-rankup-iron-mid);--rankup-lo:var(--color-rankup-iron-lo)}.rankup--t-bronze{--rankup-hi:var(--color-rankup-bronze-hi);--rankup-mid:var(--color-rankup-bronze-mid);--rankup-lo:var(--color-rankup-bronze-lo)}.rankup--t-silver{--rankup-hi:var(--color-rankup-silver-hi);--rankup-mid:var(--color-rankup-silver-mid);--rankup-lo:var(--color-rankup-silver-lo)}.rankup--t-gold{--rankup-hi:var(--color-rankup-gold-hi);--rankup-mid:var(--color-rankup-gold-mid);--rankup-lo:var(--color-rankup-gold-lo)}.rankup--t-platinum{--rankup-hi:var(--color-rankup-platinum-hi);--rankup-mid:var(--color-rankup-platinum-mid);--rankup-lo:var(--color-rankup-platinum-lo)}.rankup--t-emerald{--rankup-hi:var(--color-rankup-emerald-hi);--rankup-mid:var(--color-rankup-emerald-mid);--rankup-lo:var(--color-rankup-emerald-lo)}.rankup--t-diamond{--rankup-hi:var(--color-rankup-diamond-hi);--rankup-mid:var(--color-rankup-diamond-mid);--rankup-lo:var(--color-rankup-diamond-lo)}.rankup--t-master{--rankup-hi:var(--color-rankup-master-hi);--rankup-mid:var(--color-rankup-master-mid);--rankup-lo:var(--color-rankup-master-lo)}.rankup--t-grandmaster{--rankup-hi:var(--color-rankup-grandmaster-hi);--rankup-mid:var(--color-rankup-grandmaster-mid);--rankup-lo:var(--color-rankup-grandmaster-lo)}.rankup--t-challenger{--rankup-hi:var(--color-rankup-challenger-hi);--rankup-mid:var(--color-rankup-challenger-mid);--rankup-lo:var(--color-rankup-challenger-lo)}.rankup--t-sovereign{--rankup-hi:var(--color-rankup-sovereign-hi);--rankup-mid:var(--color-rankup-sovereign-mid);--rankup-lo:var(--color-rankup-sovereign-lo)}.rankup--t-herald{--rankup-hi:var(--color-rankup-herald-hi);--rankup-mid:var(--color-rankup-herald-mid);--rankup-lo:var(--color-rankup-herald-lo)}.rankup--t-guardian{--rankup-hi:var(--color-rankup-guardian-hi);--rankup-mid:var(--color-rankup-guardian-mid);--rankup-lo:var(--color-rankup-guardian-lo)}.rankup--t-crusader{--rankup-hi:var(--color-rankup-crusader-hi);--rankup-mid:var(--color-rankup-crusader-mid);--rankup-lo:var(--color-rankup-crusader-lo)}.rankup--t-archon{--rankup-hi:var(--color-rankup-archon-hi);--rankup-mid:var(--color-rankup-archon-mid);--rankup-lo:var(--color-rankup-archon-lo)}.rankup--t-legend{--rankup-hi:var(--color-rankup-legend-hi);--rankup-mid:var(--color-rankup-legend-mid);--rankup-lo:var(--color-rankup-legend-lo)}.rankup--t-ancient{--rankup-hi:var(--color-rankup-ancient-hi);--rankup-mid:var(--color-rankup-ancient-mid);--rankup-lo:var(--color-rankup-ancient-lo)}.rankup--t-divine{--rankup-hi:var(--color-rankup-divine-hi);--rankup-mid:var(--color-rankup-divine-mid);--rankup-lo:var(--color-rankup-divine-lo)}.rankup--t-immortal{--rankup-hi:var(--color-rankup-immortal-hi);--rankup-mid:var(--color-rankup-immortal-mid);--rankup-lo:var(--color-rankup-immortal-lo)}.rankup--t-iron .rankup-btn--wear,.rankup--t-bronze .rankup-btn--wear,.rankup--t-platinum .rankup-btn--wear,.rankup--t-diamond .rankup-btn--wear,.rankup--t-master .rankup-btn--wear,.rankup--t-grandmaster .rankup-btn--wear,.rankup--t-divine .rankup-btn--wear{color:var(--color-bg-primary)}