/* Reference-inspired glass vessel beside the equipped character. */
#lobby.home-menu .home-level.xp-level-retired{display:none!important}
.xp-reservoir{position:absolute;right:-2px;left:auto;top:0;width:112px;height:130px;outline:none;filter:drop-shadow(0 3px 8px #160c3088)}
.xp-reservoir>svg{width:100%;height:100%;overflow:visible}
.xp-reservoir:focus-visible{outline:2px solid #ddc8fa;outline-offset:2px;border-radius:45%}
body.hex-desktop-screens #lobby.home-menu .lobby-tools>.wizard-showcase .character-stage{left:-12px!important;right:auto!important;width:65%!important;height:130px!important}
body.hex-desktop-screens #lobby.home-menu .lobby-tools>.wizard-showcase .home-equipped-wizard{width:180px!important;height:130px!important}
.xp-surface{transition:opacity .25s;animation:xp-surface-glint 3s ease-in-out infinite}
.xp-liquid-churn{transform-origin:59px 61px;animation:xp-fluid-turn 18s linear infinite}
.xp-fluid{opacity:.85;transform-box:fill-box;transform-origin:center;animation:xp-fluid-contest 6s ease-in-out infinite alternate}
.xp-water{animation-delay:-2s;animation-duration:7s}.xp-earth{animation-delay:-4s;animation-duration:8s}.xp-wind{animation-delay:-1s;animation-duration:5s}
.xp-liquid-ribbon{animation:xp-ribbon-shimmer 4s ease-in-out infinite alternate}
.xp-fluid-bubbles{animation:xp-bubbles 5s linear infinite}
.xp-level-float{animation:xp-level-float 4s ease-in-out infinite;filter:drop-shadow(0 2px 3px #10091e)}
.xp-level-up{filter:drop-shadow(0 0 12px #f6dba6)}
@keyframes xp-fluid-turn{to{transform:rotate(360deg)}}
@keyframes xp-fluid-contest{from{transform:translate(-5px,3px) scale(.86,1.08)}to{transform:translate(5px,-4px) scale(1.1,.88)}}
@keyframes xp-ribbon-shimmer{from{opacity:.2}to{opacity:.75}}
@keyframes xp-surface-glint{0%,100%{filter:brightness(.85)}50%{filter:brightness(1.4)}}
@keyframes xp-bubbles{from{transform:translateY(10px);opacity:0}25%{opacity:.7}to{transform:translateY(-48px);opacity:0}}
@keyframes xp-level-float{0%,100%{transform:translateY(1px)}50%{transform:translateY(-2px)}}
body.element-title-paused .xp-reservoir *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.xp-reservoir *{animation:none!important;transition:none!important}}
html[data-motion=gentle] .xp-reservoir *,body.gentle-motion .xp-reservoir *{animation:none!important;transition:none!important}