.gold-sweep{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden;container-type:size}.gold-sweep:before{content:"";opacity:0;width:160px;animation:.7s cubic-bezier(.45,.05,.55,.95) both gold-sweep;animation-delay:var(--sweep-delay,0s);background:linear-gradient(90deg,#fff6dc00 0%,#fff6dc1f 40%,#ffe08c1f 60%,#ffe08c00 100%);position:absolute;top:-40%;bottom:-40%;left:0;transform:translate(calc(-160px - 36cqh))skew(-20deg)}@keyframes gold-sweep{0%{opacity:0;transform:translate(calc(-160px - 36cqh))skew(-20deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(calc(100cqw + 36cqh))skew(-20deg)}}.rank-flip{vertical-align:middle;perspective:640px;flex:none;display:inline-flex;position:relative}.rank-flip-card{z-index:1;width:100%;height:100%;transform-style:preserve-3d;animation:.7s cubic-bezier(.45,0,.2,1) both rank-flip;position:relative;transform:rotateY(180deg)}.rank-flip-face{backface-visibility:hidden;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rank-flip-face-new{transform:rotateY(180deg)}@keyframes rank-flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.rank-burst{z-index:0;pointer-events:none;background:radial-gradient(circle, var(--burst-hi,#fff0a8) 0%, var(--burst-glow,#ffcf3f) 30%, transparent 68%);opacity:0;border-radius:50%;animation:.9s cubic-bezier(.2,.7,.3,1) .3s both rank-burst;position:absolute;inset:-100%;transform:scale(1)}@keyframes rank-burst{0%{opacity:0;transform:scale(.2)}18%{opacity:.85}to{opacity:0;transform:scale(1.1)}}.rank-name-settle{transform-origin:0;animation:.52s cubic-bezier(.2,.9,.3,1.15) .34s both rank-name-settle;display:inline-block}@keyframes rank-name-settle{0%{opacity:.3;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.rank-count{font-variant-numeric:tabular-nums}.level-up-moment{border-radius:20px;display:grid;position:relative;overflow:hidden}.level-pop{transform-origin:0;animation:.6s cubic-bezier(.34,1.4,.64,1) .12s both level-pop;display:inline-block}@keyframes level-pop{0%{transform:scale(1)}45%{transform:scale(1.15)}to{transform:scale(1)}}.challenge-row{position:relative;overflow:hidden}.check-draw{stroke-dasharray:20;stroke-dashoffset:0;animation:.5s cubic-bezier(.4,0,.2,1) .2s both check-draw}@keyframes check-draw{0%{stroke-dashoffset:20px}to{stroke-dashoffset:0}}.tilt-shine{--tilt-x:0deg;--tilt-y:0deg;--shine-x:50%;--shine-y:50%;--shine-o:0;--shine-r:80px;vertical-align:middle;flex:none;display:inline-flex;position:relative}.tilt-shine[data-active=true]{transition:transform .42s cubic-bezier(.22,1,.36,1),filter .32s}.tilt-shine[data-hover=true]{transform-style:preserve-3d;transform:perspective(700px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));filter:drop-shadow(0 0 10px #f0c65e47)}.tilt-shine[data-tracking=true]{will-change:transform;transition:transform 70ms linear,filter .32s}.tilt-shine-light{pointer-events:none;border-radius:inherit;opacity:var(--shine-o);mix-blend-mode:screen;background:radial-gradient(var(--shine-r) circle at var(--shine-x) var(--shine-y), #ffeeb4bf, #f0c65e40 42%, transparent 72%);transition:opacity .28s;position:absolute;inset:0}.tilt-shine[data-masked=true] .tilt-shine-light{-webkit-mask:var(--shine-mask) center / contain no-repeat;-webkit-mask:var(--shine-mask) center / contain no-repeat;mask:var(--shine-mask) center / contain no-repeat}:is(.hub,.site) .motion-press.motion-press:not(:disabled),.motion-press.motion-press:not(:disabled){transition:transform .16s,box-shadow .16s,background-color .16s,border-color .16s,color .16s}:is(.hub,.site) .motion-press.motion-press:not(:disabled):active,.motion-press.motion-press:not(:disabled):active{transform:translateY(1px)}:is(.hub,.site) .motion-glow:not(:disabled):hover,.motion-glow.motion-glow:not(:disabled):hover{box-shadow:0 0 0 1px #ff5a6859,0 0 30px #d60f1d8c,0 6px 18px #d60f1d40}.motion-tile{transition:transform .18s,border-color .18s,box-shadow .18s}.motion-tile:hover{border-color:var(--motion-tile-border,#ffffff5c);transform:translateY(-2px)}.motion-tile.glass-rise{animation-fill-mode:backwards}html[data-reduce-motion=true] .motion-tile:hover,html[data-reduce-motion=true] .motion-press.motion-press:not(:disabled):active{transform:none}html[data-reduce-motion=true] .tilt-shine{filter:none;transform:none}html[data-reduce-motion=true] .gold-sweep:before,html[data-reduce-motion=true] .rank-burst,html[data-reduce-motion=true] .tilt-shine-light{opacity:0}