#canvasContainer{position:relative}
.commander-report{position:absolute;left:7px;top:56px;bottom:auto;right:auto;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:164px;max-width:49%;pointer-events:none;opacity:0;transform:translateY(-5px);transition:opacity .18s,transform .18s;direction:ltr}
.commander-report.visible{opacity:1;transform:none}
.commander-report .bubble{direction:rtl;position:relative;box-sizing:border-box;max-width:100%;background:#fff8e7;color:#17222f;border:2px solid #17222f;border-radius:20px 24px 18px 22px;padding:6px 9px;box-shadow:1px 2px 0 #0006;font:bold 10px/1.65 Vazirmatn,Tahoma,sans-serif;text-align:center}
.commander-report .bubble::after{content:'';position:absolute;bottom:-6px;left:17px;width:8px;height:8px;background:#fff8e7;border-right:2px solid #17222f;border-bottom:2px solid #17222f;transform:rotate(45deg)}
.commander-report .portrait{flex:none;width:46px;height:39px;background:url('../images/generated/commander-feedback-v180.png') 0 100%/300% 238% no-repeat;image-rendering:pixelated;border-radius:8px}
.commander-report[data-kind="combo"] .portrait{background-position:50% 100%}
.commander-report.threat{width:76px}
.commander-report.threat .portrait{width:64px;height:74px;background-size:300% 174%;background-position:0 0}
.commander-report.visible.threat .portrait{animation:commander-raise .35s steps(1) both,commander-depth 1.1s .35s steps(1) infinite}
@keyframes commander-raise{from{background-position:0 0}to{background-position:50% 0}}
@keyframes commander-depth{0%,100%{background-position:50% 0}50%{background-position:100% 0}}
.commander-report .aircraft-symbol{display:inline-block;position:relative;font-size:19px;line-height:1.1}
.commander-report .aircraft-symbol::after{content:'×';position:absolute;inset:-3px 0;color:#e52e3e;font-size:27px;font-weight:900}
@media(prefers-reduced-motion:reduce){.commander-report{transition:none}.commander-report.visible.threat .portrait{animation:none;background-position:50% 0}}