body.account-page #profile-panel #profile-avatar[data-frame],body.account-page [data-frame] .journey-frame-ring{--rank-glow:#e4b768;animation:rank-breathe 4s ease-in-out infinite;}
body.account-page #profile-panel #profile-avatar[data-frame=mercenary],body.account-page [data-frame=mercenary] .journey-frame-ring{--rank-glow:#e4a056;}
body.account-page #profile-panel #profile-avatar[data-frame=veteran],body.account-page [data-frame=veteran] .journey-frame-ring{--rank-glow:#8fd9ee;animation-duration:5s;}
body.account-page #profile-panel #profile-avatar[data-frame=swordsman],body.account-page [data-frame=swordsman] .journey-frame-ring{--rank-glow:#f44e66;animation-name:rank-embers;}
@keyframes rank-breathe{0%,100%{border-color:var(--rank-glow);box-shadow:0 0 0 4px #170d0f,0 0 12px color-mix(in srgb,var(--rank-glow) 25%,transparent);}50%{border-color:color-mix(in srgb,var(--rank-glow) 65%,white);box-shadow:0 0 0 5px color-mix(in srgb,var(--rank-glow) 18%,transparent),0 0 25px color-mix(in srgb,var(--rank-glow) 45%,transparent);}}
@keyframes rank-embers{0%,100%{border-color:#dd6977;box-shadow:0 0 0 4px #200d0d,0 0 18px #f44e6644,5px -5px 12px #f44e6622;}50%{border-color:#ff9b95;box-shadow:0 0 0 5px #6b233544,0 0 28px #f44e6680,-5px 5px 14px #f44e6644;}}
.journey-reward-toast{position:fixed;right:24px;bottom:90px;z-index:100200;width:min(360px,calc(100vw - 32px));box-sizing:border-box;padding:20px;border:1px solid #dd9b65;border-radius:20px;background:linear-gradient(135deg,#35171deF,#110e15fa);box-shadow:0 14px 45px #0009,0 0 26px #f04b5222;color:#f7e5c9;animation:reward-arrive .55s cubic-bezier(.2,.8,.2,1) both;}
.journey-reward-toast[hidden]{display:none;}
.journey-reward-toast .reward-seal{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#d9a74c22;border:1px solid #e9bd73;color:#ffcd75;font-size:26px;animation:reward-seal .8s ease-out both;}
.journey-reward-toast h3{margin:12px 0 8px;font:700 22px Georgia,serif;}
.journey-reward-toast p{margin:6px 0;font-size:15px;line-height:1.5;color:#d1bdad;}
.journey-reward-toast strong{color:#ffca74;}
.journey-reward-close{position:absolute;right:12px;top:12px;border-radius:50%;width:32px;height:32px;padding:0;}
.journey-reward-new{animation:reward-card .8s ease-out both;}
@keyframes reward-arrive{from{opacity:0;transform:translateY(24px) scale(.96);}to{opacity:1;transform:none;}}
@keyframes reward-seal{from{transform:scale(.5) rotate(-25deg);}to{transform:none;}}
@keyframes reward-card{from{box-shadow:0 0 32px #e9b66a88;}to{box-shadow:0 0 0 #e9b66a00;}}
@media(max-width:600px){.journey-reward-toast{right:16px;bottom:80px;}body.account-page #profile-panel #profile-avatar[data-frame]{animation-duration:6s;}}
@media(prefers-reduced-motion:reduce){body.account-page #profile-panel #profile-avatar[data-frame],body.account-page [data-frame] .journey-frame-ring,.journey-reward-toast,.journey-reward-toast .reward-seal,.journey-reward-new{animation:none!important;}}