/* Interfejs dowódcy w stylu menu głównego (ui-theme.css, #menu): grafitowe panele z podwójną metalową ramką,
   złote nagłówki i akcenty, przyciski jak w MAIN MENU, START WAVE jak START CAMPAIGN. Bursztyn = ładowanie,
   czerwień = zagrożenie/brak środków; kredyty zielone, kryształy błękitne.
   Warstwa nadpisuje ui-theme.css / commander.css / hud.css / base-economy.css tylko w widoku dowódcy
   (body.playing:not(.fpp)); kształty, układ i logika zostają. Zasady: docs/COMMAND-THEME.md.
   Zmienne --cmd-* zostają w :root, bo korzystają z nich wizjer FPP (visor.css) i airstrike.css. */
:root{--cmd-holo:#a9ecff;--cmd-dim:#a9ecff99;--cmd-faint:#a9ecff29;--cmd-edge:#a9ecff45;--cmd-hot:#e8fbff;
 --cmd-glass:linear-gradient(180deg,#0a2530d9,#04121ae8);--cmd-glass-solid:linear-gradient(180deg,#0a222c,#040f15);
 --cmd-glow:0 0 7px #3fcfff55,0 1px 3px #00121a;--cmd-warn:#ffc563;--cmd-danger:#ff6a52;
 --cmd-cut:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
 --cmd-cut-sm:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);
 --cmd-credits:#9ef07e;--cmd-crystal:#7fe6ff;--cmd-cta:#ffc05a;
 /* Krawędź na skosach ściętych rogów: clip-path ucina ramkę, więc skos dorysowujemy warstwą tła (lewy górny
    i prawy dolny narożnik, od zewnętrznej krawędzi — background-origin border-box). Linia ma 1 px i leży CAŁA
    po wewnętrznej stronie cięcia (inaczej clip-path zjada połowę i zostaje blade 0,5 px), a jej kolor
    --cmd-corner-color musi być taki sam jak border elementu — domyślnie --cmd-edge. */
 --cmd-diag-tl:linear-gradient(to bottom right,transparent calc(50% - .3px),var(--cmd-corner-color,var(--cmd-edge)) 50%,var(--cmd-corner-color,var(--cmd-edge)) calc(50% + .8px),transparent calc(50% + 1.3px));
 --cmd-diag-br:linear-gradient(to bottom right,transparent calc(50% - 1.3px),var(--cmd-corner-color,var(--cmd-edge)) calc(50% - .8px),var(--cmd-corner-color,var(--cmd-edge)) 50%,transparent calc(50% + .3px));
 --cmd-corners:var(--cmd-diag-tl) top left/8px 8px no-repeat border-box,var(--cmd-diag-br) bottom right/8px 8px no-repeat border-box;
 --cmd-corners-sm:var(--cmd-diag-tl) top left/5px 5px no-repeat border-box,var(--cmd-diag-br) bottom right/5px 5px no-repeat border-box}

/* Paleta i ramy menu głównego. Ramy to 9-slice SVG (public/ui/steel-frame*.svg): ścięte rogi z krawędzią
   równoległą także na skosie. clip-path (--mn-clip / --mn-clip-sm) ucina tło dokładnie po zewnętrznym obrysie
   ramy, więc cięcie i rama muszą iść w parze: duża rama 16 px ↔ cięcie 12 px, mała 8 px ↔ 6 px.
   Najechanie/wybór podmienia tylko border-image-source na złoty wariant. */
:root{--mn-text:#e6e6df;--mn-label:#a9aca3;--mn-title:#f3dcb3;--mn-gold:#c9a15a;--mn-gold-hi:#e8c583;
 --mn-line:#5b5d55;--mn-field:#080b0a;
 --mn-panel:repeating-linear-gradient(110deg,#ffffff03 0 1px,transparent 1px 5px),linear-gradient(180deg,#191c1bf2,#0b0d0df5);
 --mn-btn:linear-gradient(180deg,#323533 0%,#191c1b 14%,#0b0d0d 83%,#252725 100%);
 --mn-btn-hover:linear-gradient(#3b2f1a,#171208);
 --mn-primary:radial-gradient(ellipse at 50% 100%,#8a5a12 0%,#3d2707 60%,#140d04 100%);
 --mn-tile:radial-gradient(ellipse 90% 70% at 50% 35%,#2b2e2c,#141716 70%,#0b0d0d);
 --mn-tile-hover:radial-gradient(ellipse 90% 70% at 50% 35%,#3b3220,#1a1509 70%,#0d0b06);
 --mn-bar:linear-gradient(180deg,#efce8c,#c9a15a);--mn-shadow:0 1px 3px #000;
 --mn-frame:url('/ui/steel-frame.svg') 16 / 16px / 0 stretch;--mn-frame-gold:url('/ui/steel-frame-gold.svg');
 --mn-frame-sm:url('/ui/steel-frame-sm.svg') 8 / 8px / 0 stretch;--mn-frame-sm-gold:url('/ui/steel-frame-sm-gold.svg');
 --mn-clip:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);
 --mn-clip-sm:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}

/* ---- Duży panel: grafit + stalowa rama ze ściętymi rogami, jak panel MAIN MENU ---- */
body.playing:not(.fpp) #wave-status .wave-plate,
body.playing:not(.fpp) #team-hud .squad-panel,
body.playing:not(.fpp) .ability-card,
body.playing:not(.fpp) #command-drawer,
body.playing:not(.fpp) #build-tooltip,
body.playing:not(.fpp) #ability-tooltip,
body.playing:not(.fpp) #commander-panel .resources>span,
body.playing:not(.fpp) #commander-panel #minimap-panel,
body.playing:not(.fpp) #commander-panel .bottom-dock>div{
 background:var(--mn-panel)!important;border:2px solid transparent!important;border-image:var(--mn-frame)!important;border-radius:0!important;
 box-shadow:none!important;clip-path:var(--mn-clip)!important;color:var(--mn-text);text-shadow:var(--mn-shadow)}
body.playing:not(.fpp) #wave-status .wave-plate::before,body.playing:not(.fpp) #wave-status .wave-plate::after,
body.playing:not(.fpp) #wave-status .wave-card::before,body.playing:not(.fpp) #wave-status .wave-card::after,
body.playing:not(.fpp) .ability-card::after,body.playing:not(.fpp) #commander-panel .resources>span::after,
body.playing:not(.fpp) #command-drawer::before,body.playing:not(.fpp) #command-drawer::after,
body.playing:not(.fpp) #build-tooltip::before,body.playing:not(.fpp) #build-tooltip::after,
body.playing:not(.fpp) #ability-tooltip::before,body.playing:not(.fpp) #ability-tooltip::after,
body.playing:not(.fpp) #commander-panel .bottom-dock>div::before,body.playing:not(.fpp) #commander-panel .bottom-dock>div::after{display:none!important}
/* ---- Mały element (kafel, zakładka, przycisk, pole statystyki): mała rama, cięcie 6 px ---- */
body.playing:not(.fpp) #command-sections button,
body.playing:not(.fpp) #commander-panel .model-tile,
body.playing:not(.fpp) .selection-portrait,
body.playing:not(.fpp) #command-drawer .small-button,
body.playing:not(.fpp) #build-tooltip .build-tooltip-stats>div{
 border:1px solid transparent!important;border-image:var(--mn-frame-sm)!important;border-radius:0!important;box-shadow:none!important;clip-path:var(--mn-clip-sm)!important}
/* Najechanie i wybór: złota rama (tylko źródło obrazka, geometria bez zmian). */
body.playing:not(.fpp) #command-sections button:hover,body.playing:not(.fpp) #command-sections button[aria-pressed=true],
body.playing:not(.fpp) #commander-panel .model-tile:hover,body.playing:not(.fpp) #commander-panel .model-tile.active,
body.playing:not(.fpp) .selection-portrait:hover,body.playing:not(.fpp) #command-drawer .small-button:hover{border-image-source:var(--mn-frame-sm-gold)!important}
body.playing:not(.fpp) .ability-card:hover,body.playing:not(.fpp) .ability-card.hovered,body.playing:not(.fpp) .ability-card.active{border-image-source:var(--mn-frame-gold)!important}

/* ---- Prawy panel: jedna grafitowa tafla z metalową krawędzią ---- */
body.playing:not(.fpp) #commander-panel{--currency-credits:var(--cmd-credits);--currency-crystal:var(--cmd-crystal);
 background:var(--mn-panel)!important;border-left:2px solid #76776d!important;box-shadow:inset 3px 0 0 #030404,inset 4px 0 0 #42494199,-10px 0 28px #000a!important;
 scrollbar-width:thin;scrollbar-color:#787b69 transparent}
body.playing:not(.fpp) #commander-panel::-webkit-scrollbar{width:6px}
body.playing:not(.fpp) #commander-panel::-webkit-scrollbar-thumb{background:#787b69}
body.playing:not(.fpp) #commander-panel::-webkit-scrollbar-track{background:transparent}
body.playing:not(.fpp) #commander-panel .model-tile.unaffordable{--currency-credits:var(--cmd-danger);--currency-crystal:var(--cmd-danger)}
/* Surowce: podpis jak etykieta pola w menu (CALLSIGN), liczba w barwie waluty. */
body.playing:not(.fpp) #commander-panel .resources>span{color:var(--mn-label)!important;letter-spacing:.18em}
body.playing:not(.fpp) #commander-panel .resources b{color:var(--cmd-credits)!important;text-shadow:0 0 9px #7ee85a44,var(--mn-shadow)!important}
body.playing:not(.fpp) #commander-panel .resources>span:nth-child(2) b{color:var(--cmd-crystal)!important;text-shadow:0 0 9px #6fe3ff55,var(--mn-shadow)!important}
body.playing:not(.fpp) #commander-panel .resources>span::before{color:var(--cmd-credits)!important;text-shadow:0 0 9px #7ee85a44!important}
body.playing:not(.fpp) #commander-panel .resources>span:nth-child(2)::before{color:var(--cmd-crystal)!important;text-shadow:0 0 9px #3fcfff55!important}
/* Minimapa: obraz w ramie panelu, rogi mapy ścięte po wewnętrznej linii ramy. */
body.playing:not(.fpp) #commander-panel #minimap-panel{padding:9px!important}
body.playing:not(.fpp) #commander-panel #minimap{clip-path:var(--mn-clip-sm)!important;border:0!important;box-shadow:none}
/* Zakładki: przyciski menu; aktywna złota jak START CAMPAIGN, najechanie jak najechanie w menu. */
body.playing:not(.fpp) #command-sections button{background:var(--mn-btn)!important;color:var(--mn-text)!important;text-shadow:var(--mn-shadow)!important;letter-spacing:.15em}
body.playing:not(.fpp) #command-sections button::before,body.playing:not(.fpp) #command-sections button::after{display:none!important}
body.playing:not(.fpp) #command-sections button:hover{background:var(--mn-btn-hover)!important;color:#fff6e4!important}
body.playing:not(.fpp) #command-sections button[aria-pressed=true]{background:var(--mn-primary)!important;color:#fff6e4!important}
/* Kafle budowy/wsparcia: ciemne pole; najechanie i wybór złote. Tło na samym kaflu (nie w ::after),
   bo ::after z z-index:-1 malowałby się na ramie. */
body.playing:not(.fpp) #commander-panel .model-tile{background:var(--mn-tile)!important;color:var(--mn-text)!important;text-shadow:var(--mn-shadow)!important}
body.playing:not(.fpp) #commander-panel .model-tile::after{display:none!important}
body.playing:not(.fpp) #commander-panel .model-tile:hover,body.playing:not(.fpp) #commander-panel .model-tile.active{background:var(--mn-tile-hover)!important}
body.playing:not(.fpp) #commander-panel .model-tile small{color:var(--cmd-credits)!important;text-shadow:0 0 6px #7ee85a33,var(--mn-shadow)!important}
body.playing:not(.fpp) #commander-panel .model-tile.unaffordable{opacity:.62;filter:none!important}
/* Brak środków: szara tylko miniatura modelu, cena czerwona. */
body.playing:not(.fpp) #commander-panel .model-tile.unaffordable img{filter:grayscale(1) brightness(.85)}
body.playing:not(.fpp) #commander-panel .model-tile.unaffordable small{color:var(--cmd-danger)!important;text-shadow:0 0 6px #ff645033!important}

/* ---- Górny pasek fal ---- */
body.playing:not(.fpp) #wave-status .wave-card{padding-inline:16px!important}
body.playing:not(.fpp) #wave-status .wave-card small{color:var(--mn-label)!important;letter-spacing:.2em}
body.playing:not(.fpp) #wave-status .wave-card b{color:var(--mn-title)!important;text-shadow:0 2px 0 #000,0 0 14px #d8a24a44!important}
body.playing:not(.fpp) #wave-status .wave-card b span{color:var(--mn-label)!important}
body.playing:not(.fpp) #wave-status .wave-bar{background:#0a0c0b!important}
body.playing:not(.fpp) #wave-status .wave-bar i{background:var(--mn-bar)!important;box-shadow:0 0 8px #d8a24a55!important}
body.playing:not(.fpp) #wave-status .wave-badge{color:var(--cmd-warn)!important}
/* Płyta fali: jedna rama menu na wszystkie segmenty, segmenty bez własnej ramy, rozdzielone kreską w kolorze
   ramy. Ostatnie 10 s: czerwona, pulsująca cyfra i pasek (zamiast pulsu tła całej karty). */
body.playing:not(.fpp) #wave-status .wave-plate{padding:0 3px!important}
body.playing:not(.fpp) #wave-status .wave-card{background:none!important;border:0!important;border-image:none!important;clip-path:none!important;box-shadow:none!important;animation:none!important}
body.playing:not(.fpp) #wave-status .wave-card+.wave-card{border-left:1px solid #5b5d55aa!important}
body.playing:not(.fpp) #wave-status .wave-card.urgent b{color:var(--cmd-danger)!important;animation:cmd-plate-urgent 1s ease-in-out infinite}
body.playing:not(.fpp) #wave-status .wave-card.urgent .wave-bar i{background:var(--cmd-danger)!important;box-shadow:0 0 8px #ff6a5277!important}
@keyframes cmd-plate-urgent{50%{opacity:.55}}
@media (prefers-reduced-motion:reduce){body.playing:not(.fpp) #wave-status .wave-card.urgent b{animation:none}}
/* START WAVE = START CAMPAIGN z menu: jedyny złoty przycisk na ekranie, w złotej ramie ze ściętymi rogami.
   Oddycha jasnością, strzałki (::before / ::after) pulsują w stronę napisu, co 2,6 s przebiega błysk
   (warstwa tła). Najechanie: pełne światło bez pulsu, jak najechanie na START CAMPAIGN. */
body.playing:not(.fpp) #wave-status .wave-start{position:relative;overflow:visible;padding-inline:32px!important;animation:none!important;
 background:var(--mn-primary)!important;
 border:2px solid transparent!important;border-image:var(--mn-frame)!important;border-image-source:var(--mn-frame-gold)!important;border-radius:0!important;box-shadow:none!important;clip-path:var(--mn-clip)!important;
 color:#fff6e4!important;text-shadow:0 1px 3px #000,0 0 8px #d8a24a88!important;letter-spacing:.18em}
body.playing:not(.fpp) #wave-status .wave-start::before,body.playing:not(.fpp) #wave-status .wave-start::after{display:block!important;position:absolute;top:50%;width:auto;height:auto;inset:auto;background:none!important;transform:translateY(-52%);font-size:19px;letter-spacing:0;color:var(--mn-gold-hi);text-shadow:0 0 8px #d8a24aaa;pointer-events:none;animation:cmd-cta-arrow-l 1.3s ease-in-out infinite}
body.playing:not(.fpp) #wave-status .wave-start::before{content:'›';left:13px;top:50%}
body.playing:not(.fpp) #wave-status .wave-start::after{content:'‹';right:13px;top:50%;animation-name:cmd-cta-arrow-r}
body.playing:not(.fpp) #wave-status .wave-start:hover{animation:none!important;transform:none!important;background:linear-gradient(#7a4e12,#c98f2a)!important;color:#fff!important;filter:brightness(1.1)}
body.playing:not(.fpp) #wave-status .wave-start:hover::before,body.playing:not(.fpp) #wave-status .wave-start:hover::after{animation:none}
/* Puls i błysk na warstwach-dzieciach przycisku (ui/wave-status.js), 2026-09-27: dawne animacje filter:brightness i
   background-position przeliczały style co klatkę (~40–50 ms/s, docs/PERFORMANCE.md). Puls: nakładka #333 w trybie
   color-dodge to dokładnie brightness(1,25) (kolor / (1 − 0,2)); opacity 0 → 1 daje ×(1 + 0,25·α), jak dawny filtr,
   także na złotej ramie (inset −2 px; clip-path przycina do kształtu przycisku). Błysk: warstwa 60% szerokości
   przesuwana transformem z −0,64 do 1,04 szerokości — te same pozycje co dawne background-position −160% → 260%. */
body.playing:not(.fpp) #wave-status .wave-start>span{display:block;position:absolute;pointer-events:none}
body.playing:not(.fpp) #wave-status .wave-start>.cta-glow{inset:-2px;z-index:1;background:#333;mix-blend-mode:color-dodge;opacity:0;animation:cta-glow 1.3s ease-in-out infinite}
body.playing:not(.fpp) #wave-status .wave-start>.cta-shine{top:0;bottom:0;left:0;width:60%;z-index:-1;background:linear-gradient(105deg,transparent 38%,#fff3d044 50%,transparent 62%);animation:cta-shine 2.6s ease-in-out infinite}
body.playing:not(.fpp) #wave-status .wave-start:hover>span{animation:none;opacity:0}
@media (prefers-reduced-motion:reduce){body.playing #wave-status .wave-start>span{animation:none;opacity:0}}
@keyframes cta-glow{50%{opacity:1}}
@keyframes cta-shine{0%,50%{transform:translateX(-106.67%)}85%,100%{transform:translateX(173.33%)}}
@keyframes cmd-cta{50%{filter:brightness(1.25)}}
@keyframes cmd-cta-arrow-l{50%{translate:4px 0;opacity:.6}}
@keyframes cmd-cta-arrow-r{50%{translate:-4px 0;opacity:.6}}
@keyframes mn-cta-shine{0%,50%{background-position:-160% 0,0 0}85%,100%{background-position:260% 0,0 0}}

/* ---- Skład (lewy górny) ---- */
body.playing:not(.fpp) #team-hud .squad-panel{padding:12px 16px!important}
body.playing:not(.fpp) #team-hud .squad-panel>small{color:var(--mn-title)!important}
body.playing:not(.fpp) #team-hud .squad-row b{color:var(--mn-text)!important}
body.playing:not(.fpp) #team-hud .squad-meter{background:#0a0c0b!important;border-color:var(--mn-line)!important}
body.playing:not(.fpp) #team-hud .squad-meter-fill{background:var(--mn-bar)!important;box-shadow:0 0 6px #d8a24a55!important}
body.playing:not(.fpp) #team-hud .squad-meter.critical .squad-meter-fill{background:var(--cmd-danger)!important}

/* ---- Umiejętności na dole: gotowe jasne, najechanie złote, ładowanie bursztynowe ---- */
body.playing:not(.fpp) .ability-card{color:var(--mn-text)!important}
body.playing:not(.fpp) .ability-card:hover,body.playing:not(.fpp) .ability-card.hovered,body.playing:not(.fpp) .ability-card.active{background:var(--mn-btn-hover)!important;color:#fff6e4!important}
body.playing:not(.fpp) .ability-card kbd,body.playing:not(.fpp) .ability-card .ability-key,body.playing:not(.fpp) #ability-tooltip header kbd{background:var(--mn-field)!important;border:1px solid #827f72!important;color:var(--mn-title)!important;border-radius:0!important}
body.playing:not(.fpp) .ability-card kbd{top:9px!important;left:10px!important}
body.playing:not(.fpp) .ability-card:not(.ready){color:var(--cmd-warn)!important}
body.playing:not(.fpp) .ability-card .ability-charge{background:#0a0c0b!important}
body.playing:not(.fpp) .ability-card .ability-charge i{background:var(--mn-bar)!important;box-shadow:0 0 6px #d8a24a55!important}
body.playing:not(.fpp) .ability-card.charging .ability-charge i{background:var(--cmd-warn)!important;box-shadow:0 0 8px #ffb34a66!important}
/* Karta podpowiedzi umiejętności: ta sama rama, złoty tytuł, stan w barwach motywu. */
body.playing:not(.fpp) #ability-tooltip{padding:15px 18px!important}
body.playing:not(.fpp) #ability-tooltip header strong{color:var(--mn-title)!important;text-shadow:0 2px 0 #000!important;letter-spacing:.02em}
body.playing:not(.fpp) #ability-tooltip header{padding-bottom:8px;background:linear-gradient(90deg,#c9a15a,#efce8c 40%,transparent) left bottom/100% 1px no-repeat}
body.playing:not(.fpp) #ability-tooltip p{color:#d4d3ca!important}
body.playing:not(.fpp) #ability-tooltip .ability-tooltip-stats{color:var(--mn-label)!important;letter-spacing:.04em}
body.playing:not(.fpp) #ability-tooltip .ability-tooltip-status{border:1px solid currentColor;background:#080b0acc}
body.playing:not(.fpp) #ability-tooltip .ability-tooltip-status.ready{color:var(--mn-gold-hi)!important}
body.playing:not(.fpp) #ability-tooltip .ability-tooltip-status.charging{color:var(--cmd-warn)!important}
body.playing:not(.fpp) #ability-tooltip .ability-tooltip-status.locked{color:var(--cmd-danger)!important}
body.playing:not(.fpp) #ability-tooltip .ability-tooltip-unlock{border-top-color:#c9a15a44!important}
body.playing:not(.fpp) #ability-tooltip .ability-tooltip-unlock b{color:var(--mn-gold-hi)!important}

/* ---- Panel inspekcji i podpowiedź budynku ---- */
/* Portret w SELECTION: to samo pole co kafel budowy. */
body.playing:not(.fpp) .selection-portrait{background:var(--mn-tile)!important;color:var(--mn-text)!important;text-shadow:var(--mn-shadow)!important}
body.playing:not(.fpp) .selection-portrait::after{display:none!important}
body.playing:not(.fpp) .selection-portrait:hover{background:var(--mn-tile-hover)!important}
body.playing:not(.fpp) .selection-portrait img{clip-path:none!important}
body.playing:not(.fpp) .selection-portrait>b{background:#080b0ae6!important;border:1px solid #827f72;color:var(--mn-title)!important;text-shadow:var(--mn-shadow)!important;clip-path:none!important}
/* Nagłówek szuflady jak „MAIN MENU”: złoty napis ze złotą linią pod spodem. */
body.playing:not(.fpp) #command-drawer .eyebrow{color:var(--mn-title)!important;letter-spacing:.24em;text-shadow:0 2px 0 #000,0 0 14px #d8a24a44!important;padding-bottom:6px;background:linear-gradient(90deg,#c9a15a,#efce8c 40%,transparent) left bottom/100% 1px no-repeat}
body.playing:not(.fpp) #command-drawer .selection-total{color:var(--mn-title)!important;text-shadow:var(--mn-shadow)!important;background:var(--mn-field)!important;border:1px solid transparent!important;border-image:var(--mn-frame-sm)!important;border-radius:0!important;box-shadow:none!important;clip-path:var(--mn-clip-sm)!important;padding:3px 10px!important}
body.playing:not(.fpp) #command-drawer .small-button{background:var(--mn-btn)!important;color:var(--mn-text)!important}
body.playing:not(.fpp) #command-drawer .small-button:hover{background:var(--mn-btn-hover)!important;color:#fff6e4!important}
body.playing:not(.fpp) #command-drawer .small-button::before,body.playing:not(.fpp) #command-drawer .small-button::after{display:none!important}
body.playing:not(.fpp) #command-drawer .selection-card{color:var(--mn-text)}
body.playing:not(.fpp) #command-drawer .selection-health{--health-color:linear-gradient(180deg,#c9a15a,#8c6a2e)}
body.playing:not(.fpp) #command-drawer .selection-health>span{text-shadow:0 0 3px #000,0 1px 3px #000,1px 0 2px #000!important}
body.playing:not(.fpp) #command-drawer .selection-health.critical{--health-color:var(--cmd-danger)}
body.playing:not(.fpp) #command-drawer .selection-health-cells i{background:#0a0c0b!important;border-color:var(--mn-line)!important}
body.playing:not(.fpp) #command-drawer .selection-health-cells i::before{box-shadow:0 0 6px #d8a24a44}
body.playing:not(.fpp) #build-tooltip strong{color:var(--mn-title)!important;text-shadow:0 2px 0 #000!important}
body.playing:not(.fpp) #build-tooltip p{color:#d4d3ca!important}
body.playing:not(.fpp) #build-tooltip .build-tooltip-stats>div{background:var(--mn-field)!important}
body.playing:not(.fpp) #build-tooltip .build-tooltip-stats small{color:var(--mn-label)!important}
body.playing:not(.fpp) #build-tooltip .build-tooltip-stats b{color:var(--mn-text)!important}
@media (prefers-reduced-motion:reduce){body.playing:not(.fpp) #wave-status .wave-start,body.playing:not(.fpp) #wave-status .wave-start::before,body.playing:not(.fpp) #wave-status .wave-start::after{animation:none!important}}