#main-content:empty{min-height:100vh}.pl-cast{--s:1.5;position:fixed;top:46%;left:50%;z-index:200;translate:-50% -50%;pointer-events:none}.pl-frame{position:relative;width:calc(256px * var(--s));height:calc(64px * var(--s))}.pl-bar{left:calc(30.5px * var(--s));top:calc(26px * var(--s));width:calc(195px * var(--s));height:calc(13px * var(--s));background:#00000080}.pl-bar,.pl-fill{position:absolute}.pl-fill{top:0;bottom:0;left:0;background:url(/game/ui/statusbar.png) 0 0/100% 100%,#ffb300;background-blend-mode:multiply;transition:width .2s ease-out}.pl-spark{position:absolute;top:50%;width:calc(32px * var(--s));height:calc(32px * var(--s));translate:-50% -50%;background:url(/game/ui/castingbar-spark.png) 50%/100% 100%;transition:left .2s ease-out}.pl-border,.pl-flash{position:absolute;inset:0;background:50%/100% 100% no-repeat}.pl-border{background-image:url(/game/ui/castingbar-border.png)}.pl-flash{background-image:url(/game/ui/castingbar-flash.png);opacity:0}.pl-text{position:absolute;left:0;right:0;top:calc(26px * var(--s));height:calc(13px * var(--s));display:grid;place-items:center;font:400 calc(12px * var(--s)) /1 var(--display);color:#fff;text-shadow:0 1px 1px #000,0 0 3px #000;white-space:nowrap}.pl-cast[data-done]{animation:pl-fade .75s ease-in forwards}.pl-cast[data-done] .pl-fill{background-color:#00ff00}.pl-cast[data-done] .pl-spark{opacity:0}.pl-cast[data-done] .pl-flash{animation:pl-flash .45s ease-out}@keyframes pl-flash{25%{opacity:1}}@keyframes pl-fade{0%,45%{opacity:1}to{opacity:0}}@media (max-width:640px){.pl-cast{--s:1.2}}@media (prefers-reduced-motion:reduce){.pl-fill,.pl-spark{transition:none}.pl-cast[data-done],.pl-cast[data-done] .pl-flash{animation-duration:.01s}}