/* Menu ESC (FIELD MENU) w stylu panelu dowódcy (0.20.8) — ta sama paleta --mn-* i ramy 9-slice ze ściętymi
   rogami co command-theme.css, w obu trybach (FPP i dowódca). Wcześniej przyciski były kolorowymi płytami
   (zielona / niebieska / czerwona), a suwaki i przełączniki czerwone jak stary motyw. Ładowany po command-theme.css.
   Tryb obserwatora (body.observer) chowa cały interfejs: zostaje tylko obraz gry. */
#hud #field-menu{background:var(--mn-panel)!important;border:2px solid transparent!important;border-image:var(--mn-frame)!important;
 border-radius:0!important;clip-path:var(--mn-clip)!important;color:var(--mn-text);text-shadow:var(--mn-shadow);
 box-shadow:0 0 0 100vmax #0308087a!important;scrollbar-color:#6d6a5c #0b0d0d}
#hud #field-menu h2{color:var(--mn-title);letter-spacing:.2em;padding-bottom:12px;border-bottom:1px solid;border-image:linear-gradient(90deg,var(--mn-gold),#c9a15a00) 1}
#hud #field-menu .field-home button,#hud #field-menu .field-settings>button,#hud #field-menu .volume-toggle button,#hud #field-menu select{
 background:var(--mn-btn)!important;color:var(--mn-text)!important;text-shadow:var(--mn-shadow);border:1px solid transparent!important;
 border-image:var(--mn-frame-sm)!important;clip-path:var(--mn-clip-sm);box-shadow:none!important;filter:none!important}
#hud #field-menu .field-home button{letter-spacing:.16em;color:var(--mn-text)!important}
#hud #field-menu .field-home #resume-game{background:var(--mn-primary)!important;color:#fff6e4!important;border-image-source:var(--mn-frame-sm-gold)!important}
#hud #field-menu .field-home #command,#hud #field-menu .field-home #leave{color:var(--mn-label)!important}
#hud #field-menu .field-home #leave:hover{color:#f0b8a8!important}
#hud #field-menu button:hover,#hud #field-menu select:hover{background:var(--mn-btn-hover)!important;color:#fff6e4!important;border-image-source:var(--mn-frame-sm-gold)!important}
#hud #field-menu .field-home #resume-game:hover{background:var(--mn-primary)!important;filter:brightness(1.18)!important}
#hud #field-menu button:focus-visible,#hud #field-menu select:focus-visible,#hud #field-menu input:focus-visible{outline:1px solid var(--mn-gold-hi);outline-offset:3px}
#hud #field-menu .ao-levels button[aria-pressed=true]{background:var(--mn-primary)!important;color:#fff6e4!important;border-image-source:var(--mn-frame-sm-gold)!important}
#hud #field-menu select option{background:#111413;color:var(--mn-text)}
#hud #field-menu .settings-section{border-bottom:1px solid var(--mn-line)}
#hud #field-menu .settings-section h3{color:var(--mn-gold-hi);letter-spacing:.2em}
#hud #field-menu .volume-setting,#hud #field-menu .volume-toggle{color:var(--mn-label)}
#hud #field-menu .volume-toggle{border-top-color:#5b5d5566}
#hud #field-menu .volume-setting output{color:var(--mn-title)}
#hud #field-menu .volume-setting input[type=range]::-webkit-slider-runnable-track{border-color:var(--mn-line);background:linear-gradient(90deg,var(--mn-gold) var(--fill,0%),var(--mn-field) var(--fill,0%))}
#hud #field-menu .volume-setting input[type=range]::-webkit-slider-thumb{background:#efe6d2;box-shadow:0 0 0 1px var(--mn-gold)}
#hud #field-menu .volume-setting input[type=range]::-moz-range-progress{background:var(--mn-gold)}
#hud #field-menu .volume-setting input[type=range]::-moz-range-thumb{background:#efe6d2;box-shadow:0 0 0 1px var(--mn-gold)}
#hud #field-menu input[type=checkbox]{accent-color:var(--mn-gold)}
#hud #field-menu .settings-note{margin:0;font-size:10px;line-height:1.7;letter-spacing:.06em;color:var(--mn-label)}
#hud #field-menu #observer-start{min-width:140px}

/* Obserwator: wszystko poza kanwą gry znika (HUD, podpisy budynków i jednostek, znaczniki, celownik, toasty). */
body.observer>:not(#viewport):not(#observer-hint):not(#replay-bar):not(script):not(link){visibility:hidden!important}
/* Panel dowódcy ustawia sobie visibility:visible (animacja wysuwania) i wychodził spod ukrytego #hud w trybie P (0.27.6). */
body.observer #hud *{visibility:hidden!important}
body.observer #viewport>:not(canvas){visibility:hidden!important}
#observer-hint{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:200;display:grid;gap:6px;justify-items:center;
 padding:14px 22px;background:var(--mn-panel);border:2px solid transparent;border-image:var(--mn-frame);clip-path:var(--mn-clip);
 color:var(--mn-text);text-shadow:var(--mn-shadow);font:700 11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.16em;pointer-events:none}
#observer-hint[hidden]{display:none}
#observer-hint strong{color:var(--mn-title);font-size:13px;letter-spacing:.24em}
#observer-hint small{color:var(--mn-label);font-size:9px;letter-spacing:.12em}

/* Ustawienia pod ESC (2026-09-24): szeroki panel w dwóch kolumnach — wcześniej 480 px i przewijanie, część opcji
   poza ekranem. Menu główne ESC (RESUME / SETTINGS / RETURN) zostaje wąskie. */
#hud #field-menu:has(.field-settings:not([hidden])){width:min(920px,calc(100vw - 36px));max-height:min(92vh,860px)}
#hud #field-menu .field-settings .volume-settings{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:0 34px;align-items:start}
#hud #field-menu .field-settings .settings-section{padding:4px 0 14px}
#hud #field-menu .field-settings .settings-section:nth-of-type(1){grid-column:1;grid-row:1 / span 2}
#hud #field-menu .field-settings .settings-section:nth-of-type(2){grid-column:2;grid-row:1}
#hud #field-menu .field-settings .settings-section:nth-of-type(3){grid-column:2;grid-row:2;border-bottom:0}
#hud #field-menu .field-settings>button{margin-top:16px;width:100%}
@media(max-width:760px){#hud #field-menu .field-settings .volume-settings{grid-template-columns:1fr}
 #hud #field-menu .field-settings .settings-section{grid-column:1!important;grid-row:auto!important}}