#victory-phase-banner,#elimination-cue{position:fixed;left:50%;top:var(--cue-top,145px);transform:translateX(-50%);z-index:70;pointer-events:none;box-sizing:border-box;width:max-content;max-width:calc(100vw - 32px);color:#f6efff;text-align:center;font:13px "Trebuchet MS",sans-serif;animation:hexbound-match-cue-enter .34s cubic-bezier(.2,.8,.2,1) both}
#victory-phase-banner{padding:11px 24px 10px;border:1px solid #fcdc8370;border-radius:5px 18px;background:linear-gradient(120deg,#382653f5,#201a32f5);box-shadow:0 6px 24px #0005,inset 0 1px #fde7ad22}
#victory-phase-banner:before,#victory-phase-banner:after{content:"✧";position:absolute;top:12px;color:#fce39e;font-size:16px}
#victory-phase-banner:before{left:8px}#victory-phase-banner:after{right:8px}
#victory-phase-banner strong{display:block;color:#fde6aa;font-size:15px;letter-spacing:1.3px;text-shadow:0 0 12px #fcdd8633}
#victory-phase-banner span{display:inline-block;margin-top:5px;color:#eee3ff;font-size:12px}
#victory-phase-banner span:empty{display:none}#victory-phase-banner small{display:inline-block;margin-left:12px;color:#cbb4e8;font-size:11px;letter-spacing:.5px}
#victory-phase-banner small:before{content:"·";margin-right:12px}
#elimination-cue{z-index:71;padding:7px 17px;border-radius:4px 14px;border:1px solid #ffd99270;background:linear-gradient(110deg,#49304af2,#221b32f2);box-shadow:0 4px 20px #0004;color:#ffe4a6;font-weight:bold;font-size:14px;letter-spacing:1.8px}
#victory-phase-banner.cue-leaving,#elimination-cue.cue-leaving{animation:hexbound-match-cue-exit .26s ease-in both}
@keyframes hexbound-match-cue-enter{from{opacity:0;transform:translate(-50%,-9px) scale(.95)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes hexbound-match-cue-exit{to{opacity:0;transform:translate(-50%,-5px) scale(.98)}}
@media(max-height:480px){#victory-phase-banner{padding:7px 23px}#victory-phase-banner strong{font-size:13px}#elimination-cue{font-size:12px;padding:5px 13px}}
@media(prefers-reduced-motion:reduce){#victory-phase-banner,#elimination-cue{animation:hexbound-match-cue-fade-in .18s both}#victory-phase-banner.cue-leaving,#elimination-cue.cue-leaving{animation:hexbound-match-cue-fade-out .18s both}@keyframes hexbound-match-cue-fade-in{from{opacity:0}to{opacity:1}}@keyframes hexbound-match-cue-fade-out{to{opacity:0}}}

/* Elimination uses the arena skill-moment presentation, with higher visual priority. */
#elimination-cue{position:absolute;top:var(--kill-top,24%);z-index:71;padding:0;border:0;border-radius:0;background:none;box-shadow:none;max-width:92%;animation:hexbound-kill-moment-enter .4s cubic-bezier(.16,.85,.25,1) both;text-shadow:0 3px 2px #231431,0 0 16px #9c603b80}
#elimination-cue strong{display:block;color:#ffe6a0;font:900 clamp(21px,2.5vw,30px) "Trebuchet MS",sans-serif;letter-spacing:2px;white-space:nowrap}
#elimination-cue .kill-emblem{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 5px;border:1px solid #ffe5a080;border-radius:50%;background:radial-gradient(circle,#fff0ad40,#9f60331a 60%,transparent);box-shadow:0 0 17px #ffce7133;color:#fff1be;font-size:27px;line-height:1}
#elimination-cue:after{content:"";display:block;width:76%;height:2px;margin:7px auto 0;background:linear-gradient(90deg,transparent,#ffe3a1,transparent);box-shadow:0 0 9px #ffd98366}
body:where([data-elimination-cue]):not(#_c) .skill-toast:not(#elimination-cue){visibility:hidden}
@keyframes hexbound-kill-moment-enter{0%{opacity:0;transform:translate(-50%,8px) scale(.72)}65%{opacity:1;transform:translate(-50%,-2px) scale(1.06)}100%{opacity:1;transform:translate(-50%,0) scale(1)}}
#elimination-cue.cue-leaving{animation:hexbound-match-cue-exit .26s ease-in both}
@media(prefers-reduced-motion:reduce){#elimination-cue{animation:hexbound-match-cue-fade-in .18s both}#elimination-cue.cue-leaving{animation:hexbound-match-cue-fade-out .18s both}}

/* Both notices share viewport coordinates, outside the transformed arena. */
body>#elimination-cue{position:fixed!important;top:var(--kill-top,180px)!important;max-width:calc(100vw - 24px)}

body>#skill-moment-cue{position:fixed!important;left:50%!important;top:var(--kill-top,180px)!important;transform:translateX(-50%);z-index:71;pointer-events:none;max-width:calc(100vw - 24px)}

#victory-phase-banner span{display:block;line-height:1.4;max-width:min(560px,calc(100vw - 80px))}#victory-phase-banner small{display:block;margin:4px 0 0;letter-spacing:.03em}#victory-phase-banner small:before{content:none}

/* Compact medal and ribbon, shared by every confirmed local/online kill moment. */
#elimination-cue{--moment-gold:#ffe6a0;filter:drop-shadow(0 3px 5px #140c24);isolation:isolate}
#elimination-cue strong{color:var(--moment-gold);font-size:clamp(18px,2.5vw,30px);line-height:1.18;letter-spacing:clamp(1px,.16vw,2.5px)}
#elimination-cue .kill-emblem{position:relative;width:40px;height:40px;border:1px solid var(--moment-gold);outline:1px solid #d8aeff66;outline-offset:4px;background:radial-gradient(ellipse at 35% 20%,#76528f,#302039 75%);box-shadow:0 0 22px #d7a1ff35,inset 0 0 10px #ffdf9233;font:bold 23px Georgia,serif;color:var(--moment-gold)}
#elimination-cue .kill-emblem:before,#elimination-cue .kill-emblem:after{content:'✧';position:absolute;top:8px;font-size:18px;color:var(--moment-gold)}
#elimination-cue .kill-emblem:before{right:calc(100% + 11px)}#elimination-cue .kill-emblem:after{left:calc(100% + 11px)}
#elimination-cue .kill-detail{display:block;margin-top:7px;padding:5px 16px;border-top:1px solid #e6c68b77;border-bottom:1px solid #b48cc955;background:linear-gradient(90deg,transparent,#281936e8 15%,#281936e8 85%,transparent);font:700 clamp(9px,1.1vw,11px)/1.35 'Trebuchet MS',sans-serif;letter-spacing:1px;color:#f0dcff;text-shadow:0 1px 2px #140c24}
#elimination-cue[data-accent=combo]{--moment-gold:#ffda88}#elimination-cue[data-accent=reflect]{--moment-gold:#aef2ea}#elimination-cue[data-accent=streak]{--moment-gold:#f2db9d}
@media(max-height:480px){#elimination-cue .kill-emblem{width:28px;height:28px;font-size:18px;margin-bottom:6px}#elimination-cue .kill-emblem:before,#elimination-cue .kill-emblem:after{top:4px}#elimination-cue .kill-detail{margin-top:4px;padding:3px 10px}#elimination-cue:after{margin-top:4px}}
/* Eliminated by: same cue as a kill, with the winner's wizard in the emblem and the spell that did it. */
#elimination-cue[data-accent=defeat]{--moment-gold:#ffd9a8}
#elimination-cue .defeat-emblem{width:48px;height:48px;overflow:hidden;padding:0}
#elimination-cue .defeat-emblem:before,#elimination-cue .defeat-emblem:after{top:12px}
#elimination-cue .defeat-portrait{width:100%;height:100%;display:block}
#elimination-cue .defeat-name{display:inline-block;max-width:min(52vw,320px);overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;color:#fff4dc}
#elimination-cue .defeat-spell{width:1.6em;height:1.6em;margin:-.3em .35em -.3em 0;vertical-align:middle;filter:drop-shadow(0 1px 2px #140c24)}
@media(max-height:480px){#elimination-cue .defeat-emblem{width:34px;height:34px}#elimination-cue .defeat-emblem:before,#elimination-cue .defeat-emblem:after{top:6px}}
