.cp-roamer{--cp-roamer-loop:2.4s;--cp-roamer-kit-drop:-1.5px;--cp-roamer-kit-h:20px;--cp-roamer-kit-ar:114/88;--cp-roamer-word-h:12px;position:relative;display:inline-flex;align-items:flex-end;gap:1px;height:13px;margin:0;padding:0 0 0 calc(var(--cp-roamer-kit-h) * var(--cp-roamer-kit-ar) - 1px);border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .25s var(--cp-ease,ease)}@media (max-width:699px){.cp-meta__rank-wrap:has(.cp-roamer){margin-top:6px}}@media (hover:hover){.cp-roamer:hover{transform:translateY(-1px) rotate(-2deg)}}.cp-roamer__kits{position:absolute;left:1px;bottom:var(--cp-roamer-kit-drop,0);height:var(--cp-roamer-kit-h);aspect-ratio:var(--cp-roamer-kit-ar);pointer-events:none}.cp-roamer--cheer{--cp-roamer-kit-drop:-1.5px;--cp-roamer-loop:0.9s;--cp-roamer-kit-h:24px;--cp-roamer-kit-ar:144/96}.cp-roamer--cheer .cp-roamer__frame{animation-name:cp-roamer-step2}@keyframes cp-roamer-step2{0%{opacity:1}50%{opacity:0}}.cp-roamer--snuggle{--cp-roamer-kit-drop:-1.5px;--cp-roamer-kit-h:20px;--cp-roamer-kit-ar:143/96}.cp-roamer__snuggle{display:block;width:100%;height:100%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));transform-origin:50% 100%;animation:cp-roamer-sway 2.8s ease-in-out infinite}@keyframes cp-roamer-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg) translateY(-.5px)}}.cp-roamer__frame{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));animation:cp-roamer-step var(--cp-roamer-loop) step-end infinite}@keyframes cp-roamer-step{0%{opacity:1}6.6667%{opacity:0}}.cp-roamer__word{position:relative;display:block;height:var(--cp-roamer-word-h);width:auto;margin-bottom:-1.5px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.18)) drop-shadow(0 2px 6px rgba(255,92,170,.35));transform-origin:50% 100%;animation:cp-roamer-bob 3.2s ease-in-out infinite}@keyframes cp-roamer-bob{0%,to{transform:translateY(0) rotate(0deg)}30%{transform:translateY(-1px) rotate(-1.2deg)}65%{transform:translateY(.5px) rotate(.8deg)}}.cp-roamer__twinkles i{position:absolute;font-style:normal;line-height:1;color:#ffd76a;text-shadow:0 0 5px rgba(255,210,100,.7);opacity:0;pointer-events:none;animation:cp-roamer-twinkle 3.2s ease-in-out infinite}.cp-roamer__twinkles i:first-child{right:-7px;top:-7px;font-size:7px}.cp-roamer__twinkles i:nth-child(2){right:38%;top:-9px;font-size:5px;color:#fff3c4;animation-delay:1.1s}.cp-roamer__twinkles i:nth-child(3){right:-4px;bottom:-2px;font-size:5px;animation-delay:2.1s}@keyframes cp-roamer-twinkle{0%,to{opacity:0;transform:scale(.4) rotate(0deg)}45%{opacity:1;transform:scale(1) rotate(20deg)}70%{opacity:0;transform:scale(.6) rotate(40deg)}}.cp-roamer.is-cheering .cp-roamer__kits,.cp-roamer.is-cheering .cp-roamer__word{animation-name:cp-roamer-hop;animation-duration:.55s;animation-timing-function:cubic-bezier(.3,.7,.4,1);animation-iteration-count:1}.cp-roamer.is-cheering .cp-roamer__word{animation-delay:.06s}@keyframes cp-roamer-hop{0%{transform:none}20%{transform:scale(1.06,.9)}50%{transform:translateY(-3px) scale(.97,1.04)}80%{transform:translateY(0) scale(1.03,.96)}to{transform:none}}.cp-roamer__burst{position:absolute;left:30%;top:0;width:0;height:0;pointer-events:none}.cp-roamer__burst i{--cp-roamer-dx:calc((var(--cp-roamer-i) - 2) * 8px);position:absolute;font-style:normal;line-height:1;font-size:8px;color:#ff9cc8;text-shadow:0 0 6px rgba(255,140,190,.55);opacity:0;animation:cp-roamer-drift 1.3s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:calc(var(--cp-roamer-i) * .06s)}.cp-roamer__burst i:nth-child(2n){color:#ffd76a;font-size:6px;text-shadow:0 0 5px rgba(255,210,100,.7)}@keyframes cp-roamer-drift{0%{opacity:0;transform:translateY(4px) scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(var(--cp-roamer-dx),-18px) scale(1)}}.cp-roamer--ufo{--cp-roamer-loop:1s;--cp-roamer-kit-drop:-4.8px;--cp-roamer-kit-h:16px;--cp-roamer-kit-ar:100/64}.cp-roamer--ufo .cp-roamer__kits .cp-roamer__frame{animation-name:cp-roamer-step5}.cp-roamer--ufo.is-cheering .cp-roamer__kits{opacity:0}.cp-roamer__reveal{--cp-roamer-step:0.12s;position:absolute;left:-.7px;bottom:-20.3px;height:31.5px;aspect-ratio:111/120;pointer-events:none}.cp-roamer__reveal .cp-roamer__frame{animation:cp-roamer-flash var(--cp-roamer-step) step-end 1}.cp-roamer__reveal .cp-roamer__frame:last-child{animation-duration:calc(2.2s - var(--cp-roamer-step) * 9)}.cp-roamer--dream{--cp-roamer-kit-drop:-0.5px;--cp-roamer-step:0.13s;--cp-roamer-start:calc(var(--cp-roamer-step) * 12);--cp-roamer-loop:2.1s;--cp-roamer-kit-h:24px;--cp-roamer-kit-ar:105/96}.cp-roamer--dream .cp-roamer__frame{filter:drop-shadow(0 0 .75px rgba(214,190,255,.9)) drop-shadow(0 1px 2px rgba(0,0,0,.35));animation-name:cp-roamer-step7}.cp-roamer--dream .cp-roamer__intro .cp-roamer__frame{animation:cp-roamer-flash var(--cp-roamer-step) step-end 1}.cp-roamer__cloud{position:absolute;left:calc(100% + 1px);bottom:-7px;height:26px;width:auto;pointer-events:none;transform-origin:0 70%;filter:drop-shadow(0 2px 6px rgba(160,120,255,.45));animation:cp-roamer-dream 2.1s cubic-bezier(.2,.8,.3,1) both}@keyframes cp-roamer-dream{0%{opacity:0;transform:translateY(4px) scale(.3)}14%{opacity:1;transform:translateY(-1px) scale(1.08)}22%{transform:none}80%{opacity:1;transform:translateY(-3px)}to{opacity:0;transform:translateY(-6px) scale(.96)}}.cp-roamer--star{--cp-roamer-step:0.11s;--cp-roamer-hold:0.9s;--cp-roamer-start:calc(var(--cp-roamer-step) * 12 + var(--cp-roamer-hold));--cp-roamer-loop:1.2s;--cp-roamer-kit-h:34px;--cp-roamer-kit-ar:136/96;--cp-roamer-kit-drop:-16.5px}.cp-roamer--star .cp-roamer__intro .cp-roamer__frame{animation:cp-roamer-flash var(--cp-roamer-step) step-end 1}.cp-roamer--star .cp-roamer__intro .cp-roamer__frame:last-child{animation-duration:calc(var(--cp-roamer-step) + var(--cp-roamer-hold))}.cp-roamer--star .cp-roamer__rest .cp-roamer__frame{animation-name:cp-roamer-step4}.cp-roamer--star.is-cheering .cp-roamer__rest{opacity:0}.cp-roamer--star.is-cheering .cp-roamer__kits{animation:none}@keyframes cp-roamer-step4{0%{opacity:1}25%{opacity:0}}@keyframes cp-roamer-step5{0%{opacity:1}20%{opacity:0}}@keyframes cp-roamer-step7{0%{opacity:1}14.2857%{opacity:0}}@keyframes cp-roamer-flash{0%,99.9%{opacity:1}}@media (prefers-reduced-motion:reduce){.cp-roamer__frame,.cp-roamer__snuggle,.cp-roamer__word{animation:none}.cp-roamer__cloud,.cp-roamer__intro,.cp-roamer__reveal,.cp-roamer__twinkles{display:none}.cp-roamer__frame:first-child{opacity:1}.cp-roamer__burst{display:none}}