/* Reuse the existing narrator footprint; no extra mobile HUD or pop-up. */
.game-screen .field-narrator[data-state="flank"] {
  --threat:#ffac8e; border-color:#b87356;
  background:linear-gradient(110deg,#452b24f2,#202a2def),url('../assets/scenes/dust2-upper-tunnels.webp') center/cover;
  box-shadow:inset 0 1px #ffe0bd25,0 0 0 2px #ef996914;
}
.field-narrator[data-state="flank"] .narrator-heading { color:#ffd2b6; }
.field-narrator[data-state="flank"] .evade-button {
  min-height:44px; min-width:78px; background:#ffd180; color:#222a2b;
  border-color:#ffe0a8; font-weight:800; box-shadow:0 2px 0 #9b7035;
}
.field-narrator[data-state="flank"] .narrator-heading i { animation:flank-signal .8s ease-in-out 3; }
.game-screen .field-narrator[data-state="opportunity"] {
  --threat:#a9dfc2; position:relative; top:auto;
  border-color:#658f81; background:linear-gradient(110deg,#253c34,#1d2c2c);
}
.field-narrator[data-state="opportunity"] .narrator-heading { color:#b8e4cc; }
.field-narrator[data-state="opportunity"] .threat-track span,
.field-narrator[data-state="flank"] .threat-track span { background:var(--threat); }
@keyframes flank-signal { 50% { opacity:.35; } }
@media(max-width:760px) {
  .game-screen .field-narrator[data-state="opportunity"] .narrator-heading { display:none; }
  .game-screen .field-narrator[data-state="opportunity"] .pressure-action { padding:4px 8px; }
  .game-screen .field-narrator[data-state="opportunity"] .pressure-action strong { font-size:12px; margin:0; }
  .game-screen .field-narrator[data-state="opportunity"] #threat-detail { font-size:11px; line-height:1.3; }
}
@media(prefers-reduced-motion:reduce) { .field-narrator[data-state="flank"] .narrator-heading i { animation:none; } }
@media(max-width:760px) and (max-height:520px) {
  .game-screen .field-narrator[data-state="opportunity"] #threat-detail { display:none; }
  .game-screen .field-narrator[data-state="opportunity"] .pressure-action { padding:3px 8px; }
  .game-screen .field-narrator[data-state="opportunity"] .pressure-action strong { line-height:1.2; }
  .game-screen:has(.password-unit[data-password-view="keys"]) #module-instruction { display:none; }
  .game-screen .password-unit[data-password-view="keys"] .code-display { padding-block:0; }
  .game-screen .field-narrator[data-state="opportunity"] { margin-bottom:4px; }
}