.ribbon-stage.step-3 .shoe-ribbon.left{transform:translate(33px,-50px) rotate(18deg)}
.ribbon-stage.step-1 .shoe-ribbon.right{opacity:0}
.ribbon-stage.step-2 .shoe-ribbon.right,.ribbon-stage.step-3 .shoe-ribbon.right,.ribbon-stage.step-4 .shoe-ribbon.right{opacity:1}
.nickname{height:40px;display:flex;align-items:center;padding:0 14px;border-radius:21px;color:#fff;background:rgba(56,49,45,.62);backdrop-filter:blur(15px);font:11px 'Gowun Batang',serif;border:1px solid rgba(255,255,255,.42)}
.ankle{height:390px}.ankle>i{left:86px;height:205px;background:linear-gradient(90deg,#d9aa91,#f2c8b3 48%,#d59f85)}
.pointe-shoe{left:49px;top:142px;width:142px;height:224px;border-radius:44% 44% 25px 25px;clip-path:polygon(18% 0,82% 0,94% 16%,97% 68%,91% 91%,78% 100%,22% 100%,9% 91%,3% 68%,6% 16%);background:linear-gradient(100deg,#c99488 0%,#f5d7c8 34%,#e7b9aa 62%,#bd837d 100%);box-shadow:inset -12px 0 18px rgba(115,65,62,.12),0 22px 35px rgba(91,57,53,.18)}
.pointe-shoe .opening{position:absolute;left:27px;top:20px;width:88px;height:82px;border-radius:48% 48% 44% 44%;background:#d5a990;box-shadow:inset 0 0 0 7px rgba(247,219,207,.72)}
.pointe-shoe .vamp{left:24px;top:36px;width:94px;height:130px;border:1.5px solid rgba(255,255,255,.52);border-radius:48% 48% 28% 28%;background:transparent}
.pointe-shoe .side-seam{position:absolute;left:13px;top:105px;width:116px;height:1px;background:rgba(139,83,78,.24);transform:rotate(-3deg)}
.pointe-shoe .platform{left:17px;bottom:-3px;width:108px;height:24px;border-radius:5px 5px 15px 15px;background:#ad6f6d;box-shadow:inset 0 -5px 0 rgba(103,58,57,.16)}
.elastic{position:absolute;top:72px;width:92px;height:16px;border-top:6px double rgba(238,209,197,.8);transform-origin:center}.elastic.left{left:12px;transform:rotate(29deg)}.elastic.right{right:12px;transform:rotate(-29deg)}
.shoe-ribbon{top:174px;height:29px;background:linear-gradient(180deg,#f1d0c5,#c9918c);box-shadow:0 5px 11px rgba(91,57,53,.14)}
.ribbon-stage.step-1 .shoe-ribbon{opacity:0}.ribbon-stage.step-2 .shoe-ribbon.left{opacity:1;transform:translate(34px,-48px) rotate(18deg)}.ribbon-stage.step-2 .shoe-ribbon.right{opacity:0}.ribbon-stage.step-3 .shoe-ribbon.left{opacity:1;transform:translate(34px,-48px) rotate(18deg)}.ribbon-stage.step-3 .shoe-ribbon.right{opacity:1;transform:translate(-35px,-76px) rotate(-17deg)}.ribbon-stage.step-4 .shoe-ribbon{opacity:1}
.scroll-guide{width:240px;height:7px;margin:16px 0 8px;border-radius:8px;background:rgba(91,80,73,.13);overflow:hidden}.scroll-guide span{display:block;width:0;height:100%;border-radius:inherit;background:#c68f91;transition:.18s}.ribbon-stage em{font:11px 'Noto Sans KR',sans-serif;color:#8b7770;font-style:normal}.ribbon-stage small{display:block}
#serverDialog{width:min(560px,calc(100% - 28px));padding:28px}#serverDialog h2{font:28px 'Gowun Batang',serif}.server-grid{display:grid;gap:10px;margin-top:22px}.server{border:1px solid rgba(79,66,58,.14);border-radius:18px;padding:17px 19px;background:#fffaf4;color:#544842;text-align:left;display:flex;justify-content:space-between}.server.active{border-color:#c99496;background:#f5e9e6}.server:disabled{opacity:.45}.server span{font-size:10px}