/* Karta wydarzenia misji i znaczniki w świecie (SPRINT D3, public/js/ui/mission-event.js). */
#mission-event{position:fixed;left:calc(50% - min(230px,45vw));top:168px;display:flex;gap:12px;align-items:flex-start;width:min(460px,90vw);box-sizing:border-box;
 padding:10px 16px 12px 12px;color:#f3ead2;font:12px system-ui,sans-serif;z-index:30;pointer-events:none;
 background:linear-gradient(90deg,#1a1510f2,#120f0cea);border:1px solid #e8bd6688;border-left:3px solid var(--me-accent,#e8bd66);box-shadow:0 8px 30px #000a;
 --me-accent:#e8bd66;animation:me-in .35s cubic-bezier(.2,1.4,.4,1)}
#mission-event[hidden]{display:none}
#mission-event[data-phase="warning"]{animation:me-in .35s cubic-bezier(.2,1.4,.4,1),me-pulse 1s ease-in-out infinite}
#mission-event[data-phase="active"]{--me-accent:#ef7d4a}
#mission-event[data-phase="active"][data-event="reinforcements"],#mission-event[data-phase="active"][data-event="supply-race"]{--me-accent:#7fd6a0}
#mission-event[data-phase="active"][data-event="night-assault"]{--me-accent:#8fb2f0}
#mission-event[data-phase="active"][data-event="evacuation"]{--me-accent:#7fd6e8}
#mission-event.compact p,#mission-event.compact .me-effects{display:none}
#mission-event.compact b{font-size:15px}
#mission-event[data-phase="done"][data-outcome="success"]{--me-accent:#9fe3a0;border-color:#9fe3a088}
#mission-event[data-phase="done"][data-outcome="failed"],#mission-event[data-phase="done"][data-outcome="expired"]{--me-accent:#ef6a55;border-color:#ef6a5588}
#mission-event .me-icon{flex:none;width:38px;height:38px;color:var(--me-accent)}#mission-event .me-icon svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 6px currentColor)}
#mission-event .me-text{flex:1;min-width:0}
#mission-event small{display:block;font-size:10px;letter-spacing:.2em;color:var(--me-accent)}
#mission-event b{display:block;font-size:18px;letter-spacing:.08em;margin:1px 0 3px;color:#fff6de}
#mission-event p{margin:0 0 6px;color:#d5cbb2;line-height:1.35}
#mission-event p[hidden],#mission-event ul[hidden],#mission-event .me-bar[hidden]{display:none}
#mission-event .me-effects{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 7px;padding:0;list-style:none}
#mission-event .me-effects li{padding:2px 7px;font-size:10px;font-weight:700;letter-spacing:.08em;color:#1a1510;background:var(--me-accent)}
#mission-event .me-bar{display:block;height:4px;background:#0006;overflow:hidden}
#mission-event .me-bar i{display:block;height:100%;background:var(--me-accent);transform-origin:left;box-shadow:0 0 8px var(--me-accent)}
/* FPP: prawa kolumna pod kartami fali i INCOMING, z dala od celownika i panelu samouczka. */
body.fpp #mission-event{left:auto;right:66px;top:440px;width:min(380px,40vw)}
/* RTS (0.27.1, Topek: „informacja o zdarzeniu musi być z boku, np. koło mapy, bo zabiera za dużo miejsca w centrum
   ekranu przez długi okres”): węższa karta tuż obok panelu dowódcy, górą równo z minimapą (--me-top z mission-event.js). */
body.playing:not(.fpp) #mission-event{left:auto;right:calc(var(--fit-command-width,var(--command-width,280px)) + 12px);top:var(--me-top,86px);
 width:min(290px,32vw);gap:9px;padding:8px 11px 9px 9px}
body.playing:not(.fpp) #mission-event .me-icon{width:28px;height:28px}
body.playing:not(.fpp) #mission-event b{font-size:15px}
body.playing:not(.fpp) #mission-event.compact b{font-size:13px}
body.playing:not(.fpp) #mission-event p{font-size:11px}
body.playing:not(.fpp) #mission-event small{font-size:9px;letter-spacing:.14em}
@keyframes me-in{from{opacity:0;transform:translateY(-10px) scale(.96)}to{opacity:1;transform:none}}
@keyframes me-pulse{50%{box-shadow:0 8px 30px #000a,0 0 22px #e8bd6655}}

/* Znaczniki świata POD panelami HUD (INCOMING 4, NEW CONTACT 6, samouczek 17/18): w M1 etykieta zasłaniała kartę samouczka. */
.me-marker{position:fixed;left:0;top:0;width:0;height:0;z-index:3;pointer-events:none;color:#f3dca0;font:11px system-ui,sans-serif;text-shadow:0 1px 3px #000}
.me-marker[hidden]{display:none}
.me-marker .me-pin{position:absolute;left:-9px;top:-9px;width:14px;height:14px;border:2px solid currentColor;transform:rotate(45deg);background:#0008;box-shadow:0 0 10px currentColor;animation:me-pin 1.2s ease-in-out infinite}
.me-marker b{position:absolute;left:0;bottom:14px;transform:translateX(-50%);white-space:nowrap;letter-spacing:.14em;font-size:11px;padding:2px 6px;background:#120f0ccc;border:1px solid currentColor}
.me-marker small{position:absolute;left:0;top:12px;transform:translateX(-50%);white-space:nowrap;color:#e9e2cf}
.me-marker .me-arrow{display:none;position:absolute;left:-6px;top:-6px;width:0;height:0;border:6px solid transparent;border-left:10px solid currentColor;transform-origin:6px 6px}
.me-marker.edge .me-arrow{display:block;margin-left:12px}
.me-marker[data-kind="drop"],.me-marker[data-kind="cache"]{color:#9fe3a0}
.me-marker[data-kind="hostile"],.me-marker[data-kind="hole"],.me-marker[data-kind="breach"]{color:#ef6a55}
.me-marker[data-kind="lz"]{color:#7fd6e8}
@keyframes me-pin{50%{transform:rotate(45deg) scale(1.25)}}
@media (prefers-reduced-motion:reduce){#mission-event,#mission-event[data-phase="warning"],.me-marker .me-pin{animation:none}}