#casting-bar{position:relative;flex:0 0 30px;height:30px;min-height:30px;box-sizing:border-box;margin:3px 8px;border:1px solid #bc729e;background:#1a1223;overflow:hidden;color:#fff0fa;font:600 12px/28px Inter,system-ui,sans-serif;isolation:isolate}
#casting-bar[hidden]{display:none!important}
#casting-fill{position:absolute;inset:0;z-index:-1;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#a52f74,#dc5c9e 65%,#f7a2d0);transition:transform 60ms linear;box-shadow:inset 0 1px #ffd4ed66}
#casting-bar[data-state="casting"] #casting-fill::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffdef340 50%,transparent 75%);animation:cast-shimmer 1.4s linear infinite}
#casting-name{display:block;max-width:calc(100% - 105px);margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px #251021}
#casting-time{position:absolute;right:10px;top:0;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #251021}
#casting-bar[data-state="interrupted"]{border-color:#f47b89;background:#5c1726;animation:cast-interrupted .65s ease-in-out 3}
#casting-bar[data-state="interrupted"] #casting-fill{background:#d83950}
#casting-bar[data-state="complete"]{border-color:#efb0d4}
@keyframes cast-shimmer{from{opacity:.35}to{opacity:.8}}
@keyframes cast-interrupted{0%,100%{box-shadow:inset 0 0 0 1px #ff7e8860;background:#5c1726}50%{box-shadow:inset 0 0 14px #ff5963;background:#a4263b}}
@media(prefers-reduced-motion:reduce){#casting-bar,#casting-fill,#casting-fill::after{animation:none!important;transition:none!important}}
.casting-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.astralis-cockpit .console:has(#casting-bar:not([hidden])) .command-tools{display:flex!important}
.command-tools:has(#casting-bar:not([hidden])) #command-hint{display:none}
.command-tools #casting-bar{flex:1;margin:3px 0}