.cast-bar{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:calc(3 * var(--ui-u, 1px));transform:translate(-50%,-100%);pointer-events:none}.cast-bar-label{order:-1;-webkit-text-stroke:max(3px,calc(3 * var(--ui-u, 1px))) #0b1a3a;paint-order:stroke fill;display:flex;align-items:center;gap:calc(4 * var(--ui-u, 1px));white-space:nowrap}.cast-bar-label:empty{display:none}.cast-bar-name{position:relative;top:0;font:900 var(--ui-text-md, 13px) var(--ui-font-round, sans-serif);color:#eaf8ff}.cast-bar-track{position:relative;width:calc(78 * var(--ui-u, 1px));height:max(6px,calc(9 * var(--ui-u, 1px)));border:2px solid #eaf8ff;border-radius:999px;background:#16305ad9;overflow:hidden}.cast-bar-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(#d9f4ff,#8fd3ff 45%,#4aa6f5)}.cast-bar.done .cast-bar-fill{background:linear-gradient(#fff,#c9eeff 50%,#8fd3ff)}.cast-bar-tip{position:absolute;right:0;top:0;bottom:0;width:max(3px,calc(5 * var(--ui-u, 1px)));background:linear-gradient(90deg,#fff0,#fffffff2)}.cast-bar-gloss{position:absolute;left:0;right:0;top:0;height:40%;background:#ffffff38}.cast-bar.hidden{display:none}.cast-bar-rise{display:block;height:calc(46 * var(--ui-u, 1px))}