.fairytale-progress{position:relative;isolation:isolate;overflow:hidden;max-width:880px;margin:0 auto;padding:38px 24px 42px;border:1px solid #d4af3712;border-radius:28px;background:#252525;text-align:center;animation:fairytale-arrive .7s ease-out both}.fairytale-emblem{position:relative;display:grid;place-items:center;width:124px;height:124px;margin:0 auto 30px;border:1px solid #d4af3760;border-radius:50%;color:#d4af37;background:#d4af3705;animation:fairytale-glow 5s ease-in-out infinite}.fairytale-emblem__inner{position:absolute;top:11px;right:11px;bottom:11px;left:11px;border:1px solid #d4af372c;border-radius:50%}.fairytale-star{position:absolute;animation:fairytale-twinkle 4s ease-in-out infinite}.fairytale-star--one{right:-18px;top:9px}.fairytale-star--two{left:-12px;bottom:19px;animation-delay:-2s;opacity:.5}.fairytale-mote{position:absolute;right:4px;bottom:-10px;width:3px;height:3px;border-radius:50%;background:#d4af37;opacity:.4}.fairytale-book{animation:fairytale-float 4s ease-in-out infinite}.fairytale-title{margin:0;font-family:Merriweather,Georgia,serif;font-weight:300;font-size:clamp(26px,3.3vw,36px);line-height:1.4;letter-spacing:-.045em;color:#fff8eb;text-wrap:balance}.fairytale-description{margin:14px auto 0;max-width:540px;font-size:14px;line-height:1.8;color:#bcb9a9;text-wrap:balance}.fairytale-details{max-width:402px;margin:30px auto 0}.fairytale-steps{list-style:none;padding:0;margin:0 0 27px;text-align:left}.fairytale-step{display:flex;align-items:center;gap:14px;min-height:49px;padding:12px 0;border-bottom:1px solid #ffffff13;color:#e9e8df;font-size:13px;line-height:1.5}.fairytale-step>svg{flex-shrink:0;stroke-width:1.4}.fairytale-step--active{color:#f1d98e}.fairytale-step--next{color:#aaafa7}.fairytale-dots{display:inline-flex;gap:3px;margin-left:auto}.fairytale-dots i{width:3px;height:3px;border-radius:50%;background:#d4af37;animation:fairytale-twinkle 1.8s ease-in-out infinite}.fairytale-dots i:nth-child(2){animation-delay:.3s}.fairytale-dots i:nth-child(3){animation-delay:.6s}.fairytale-meter-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:11px;color:#bcb9a9}.fairytale-percent{color:#e2c66a;font-size:18px;font-variant-numeric:tabular-nums}.fairytale-percent small{margin-left:2px;font-size:11px}.fairytale-meter{height:5px;overflow:hidden;border-radius:9px;background:#ffffff12}.fairytale-meter__fill{position:relative;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b68a29,#e4c64c);transition:width 1s ease}.fairytale-meter__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent,#fff8cc70,transparent);transform:translate(-100%);animation:fairytale-shimmer 3s ease-in-out infinite}.fairytale-progress-caption{margin:11px 0 0;font-size:11px;line-height:1.7;color:#bcb9a9}.fairytale-return{margin:28px 0 0;font-size:12px;line-height:1.8;color:#bcb9a9;text-wrap:balance}.fairytale-notice{margin-top:18px;color:#e2c66a;font-size:12px;line-height:1.8}.fairytale-wave{display:flex;align-items:center;gap:3px;height:30px}.fairytale-wave span{width:2px;height:12px;border-radius:2px;background:currentColor;animation:fairytale-wave 1.4s ease-in-out infinite}.fairytale-wave span:nth-child(2n){height:20px}.fairytale-wave span:nth-child(4){height:28px}.fairytale-progress--waiting .fairytale-wave span{animation-play-state:paused}@keyframes fairytale-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fairytale-glow{50%{box-shadow:0 0 42px #d4af370c;border-color:#d4af3790}}@keyframes fairytale-float{50%{transform:translateY(-4px) rotate(-5deg)}}@keyframes fairytale-twinkle{50%{opacity:.25;transform:scale(.8)}}@keyframes fairytale-wave{50%{transform:scaleY(.35)}}@keyframes fairytale-shimmer{70%,to{transform:translate(100%)}}@media(max-width:480px){.fairytale-progress{padding:30px 20px;border-radius:20px}.fairytale-emblem{width:106px;height:106px;margin-bottom:25px}.fairytale-description{font-size:13px}.fairytale-details{margin-top:25px}.fairytale-return-break{display:none}}@media(prefers-reduced-motion:reduce){.fairytale-progress,.fairytale-progress *,.fairytale-progress *:after{animation:none!important;transition:none!important}}