/* Generated combat art with live labels/timers kept in accessible HTML. */
.combat-announcements{top:clamp(124px,16vh,174px);width:min(400px,calc(100vw - 24px));gap:10px}
.combat-announcements .ultimate-notice,.combat-announcements .anchor-notice{--notice-accent:#e8bd64;position:relative;inset:auto;display:flex;align-items:center;gap:10px;min-height:78px;box-sizing:border-box;padding:9px 15px 12px 9px;border:1px solid #d5b66f77;border-radius:0;background:linear-gradient(105deg,#352b16f5,#111b23f2 55%,#09151bf5);box-shadow:0 10px 30px #0008,0 0 22px #cda65424;text-align:left;animation:combat-notice-enter .34s ease-out;overflow:visible}
.combat-announcements .anchor-notice{--notice-accent:#6ff5e2;border-color:#63c9be77;background:linear-gradient(105deg,#123f40f5,#0b2028f2 60%,#0a151ef5);box-shadow:0 10px 30px #0008,0 0 22px #53e5d51f}
.combat-announcements>div::before,.combat-announcements>div::after{content:'';position:absolute;width:14px;height:8px;border-top:2px solid var(--notice-accent);top:-2px}.combat-announcements>div::before{left:-2px;border-left:2px solid var(--notice-accent)}.combat-announcements>div::after{right:-2px;border-right:2px solid var(--notice-accent)}
.combat-announcements .notice-emblem{display:block;width:66px;height:66px;object-fit:contain;flex:0 0 66px;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--notice-accent) 28%,transparent));animation:combat-emblem-enter .45s ease-out}
.combat-announcements .ultimate-notice>i.notice-ability{width:29px;height:29px;flex:0 0 29px;border:1px solid #c1a673;border-radius:3px;box-shadow:0 0 10px #0009}
.combat-announcements>div>div{min-width:0;flex:1}.combat-announcements strong{display:block;font:700 16px/1.2 Georgia,serif!important;letter-spacing:.7px;color:#ffedbb;text-shadow:0 2px 5px #000}.combat-announcements .anchor-notice strong{color:#c0fff3}.combat-announcements span{display:block;font:500 11px/1.4 system-ui!important;color:#c6cdbd!important;margin-top:5px;letter-spacing:.2px}
.combat-announcements .ultimate-notice kbd{font-size:18px;padding:6px 8px;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-lifetime{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--notice-accent);transform-origin:left;transform:scaleX(var(--notice-remaining,1));opacity:.7}
.combat-announcements [hidden]{display:none!important}
.control-alert{--control-color:#ffd260;border-left-color:var(--control-color)!important;color:var(--control-color)!important}
.control-alert::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--control-color);transform:scaleX(var(--control-remaining,1));transform-origin:left;pointer-events:none}
.medallion-button.break-ready{border-color:#ffe2a0!important;box-shadow:0 0 0 2px #ffe2a044,0 0 14px #ffe2a030}
.control-alert{top:auto!important;bottom:calc(var(--combat-inset,170px) + 14px);display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:7px 12px 7px 7px;border:1px solid #d1ae6b88;border-left:3px solid #f3ce69;border-radius:3px;background:linear-gradient(100deg,#322416f5,#0a151ef5);box-shadow:0 5px 22px #0009;letter-spacing:.6px}.control-alert[hidden]{display:none}.control-alert>i{width:40px;height:40px;flex:0 0 40px;border-radius:3px;overflow:hidden}.control-alert>i img,.control-alert>i svg{width:100%;height:100%;object-fit:cover}.control-alert b{display:block;font:800 12px/1.3 system-ui}.control-alert span{display:block;font:500 10px/1.4 system-ui;color:#c1ccc8;letter-spacing:0;margin-top:3px}.control-alert>strong{font:800 16px/1 system-ui;font-variant-numeric:tabular-nums;margin-left:8px;white-space:nowrap}.control-alert[data-control=silence],.control-alert[data-control=fear],.control-alert[data-control=incapacitate]{border-left-color:#cf91ff}.control-alert[data-control=slow]{border-left-color:#83d9ff}.control-alert[data-control=root]{border-left-color:#9cde81}
.head-control{display:flex;align-items:center;justify-content:center;gap:5px;padding:3px 6px 3px 3px}.head-control>i{display:block;width:23px;height:23px;flex:0 0 23px;border-radius:2px;overflow:hidden}.head-control>i:empty{display:none}.head-control>i img,.head-control>i svg{width:100%;height:100%;object-fit:cover}.head-control>span{font-size:10px;white-space:nowrap}.head-control[data-control=slow]{border-color:#7ccaff;color:#bdeaff;background:#0b2137ed}
.combat-dock .combat-utility{height:auto;min-height:32px}.combat-dock .statuses{flex-wrap:wrap;gap:4px}.combat-dock .statuses .aura{width:30px;height:30px;flex-basis:30px;border-width:1px;box-shadow:0 0 0 1px #02070a,0 2px 6px #0009}.combat-dock .statuses .aura>b{font-size:11px;line-height:14px}.aura.stun{border-color:#e6be60}.aura.silence{border-color:#e782e4}.aura.slow{border-color:#77d7ff}.aura.root{border-color:#90d87d}.aura.fear{border-color:#b685fa}.aura.incapacitate{border-color:#a2b9f1}.aura .effect-sweep{background:conic-gradient(transparent var(--remaining),#020710b8 0deg)}
.kill-feed{position:fixed;right:18px;top:300px;width:300px;max-width:calc(100vw - 24px);display:grid;gap:5px;z-index:12;pointer-events:none}.kill-feed[hidden]{display:none}.kill-feed-row{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:center;gap:7px;padding:6px 9px;min-height:34px;background:linear-gradient(90deg,#0b1821e8,#111c25f5);border:1px solid #82918e44;border-right:2px solid #a0aaa3;box-shadow:0 3px 12px #0006;animation:kill-feed-enter .22s ease-out;transition:opacity .5s}.kill-feed-row.personal{border-color:#d7b56788;border-right-color:#e8cd8b}.kill-feed-row.fading{opacity:0}.kill-actor{min-width:0;display:flex;align-items:center;gap:5px;color:#bec9cb}.kill-actor[data-team='0']{color:#8ddaff}.kill-actor[data-team='1']{color:#ff91a3}.kill-actor>i{width:25px;height:25px;flex:0 0 25px}.kill-actor>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:650 10px/1.3 system-ui}.kill-symbol{color:#c6bca4}.kill-symbol svg{width:20px;height:20px;display:block}
@keyframes combat-notice-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes combat-emblem-enter{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes kill-feed-enter{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
@media(max-width:760px){.combat-announcements{top:max(240px,29vh);width:min(366px,calc(100vw - 24px));gap:7px}.combat-announcements .ultimate-notice,.combat-announcements .anchor-notice{min-height:67px;padding:7px 10px 9px 6px;gap:7px}.combat-announcements .notice-emblem{width:48px;height:48px;flex-basis:48px}.combat-announcements strong{font-size:13px!important;letter-spacing:.3px}.combat-announcements span{font-size:10px!important}.combat-announcements .ultimate-notice kbd{font-size:15px;padding:5px 6px}.combat-announcements .ultimate-notice>i.notice-ability{width:25px;height:25px;flex-basis:25px}.control-alert{bottom:calc(var(--combat-inset,160px) + 8px);gap:7px}.control-alert>i{width:32px;height:32px;flex-basis:32px}.control-alert b{font-size:10px}.control-alert>strong{font-size:14px}.kill-feed{right:7px;width:220px;gap:3px}.kill-feed-row{padding:4px 6px;gap:4px;grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr);min-height:28px}.kill-actor>i{width:20px;height:20px;flex-basis:20px}.kill-actor>b{font-size:9px}.kill-symbol svg{width:15px;height:15px}.kill-feed-row:nth-child(n+4){display:none}.head-control>span{font-size:9px}.head-control>i{width:20px;height:20px;flex-basis:20px}}
@media(prefers-reduced-motion:reduce){.combat-announcements .ultimate-notice,.combat-announcements .anchor-notice,.combat-announcements .notice-emblem,.kill-feed-row{animation:none;transition:none}}