/* Firefighter Heli 3D: game-specific overlay pieces (shared 3D styles live in /simulation-games/_shared/sim3d.css) */
#game-root .sim-controls-help { margin-top: 14px; }
.fh-panel { position: absolute; left: 50%; top: 44px; transform: translateX(-50%); background: rgba(28, 10, 4, .72); color: #fff; border-radius: 12px; padding: 6px 14px; text-align: center; pointer-events: none; max-width: min(480px, 62%); border: 1px solid rgba(251, 146, 60, .35); }
.fh-panel > b { display: block; font: 900 14px/1.25 system-ui, sans-serif; } .fh-panel > span { display: block; font: 700 12.5px/1.3 system-ui, sans-serif; color: #fed7aa; }
.fh-bucket { position: relative; height: 18px; border-radius: 8px; background: rgba(255, 255, 255, .14); margin-top: 5px; overflow: hidden; }
.fh-bucket i { position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: linear-gradient(90deg, #0ea5e9, #67e8f9); transition: width .15s; }
.fh-bucket em { position: relative; display: block; text-align: center; font: 800 11px/18px system-ui, sans-serif; font-style: normal; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); }
.fh-wind { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; font: 800 12px system-ui, sans-serif; color: #e2e8f0; }
.fh-wind i { display: inline-block; font-style: normal; color: #fde047; transition: transform .2s; }
.fh-list { margin-top: 14px; } .fh-list h3 { margin: 0 0 6px; }
.fh-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; }
.fh-grid button { text-align: left; border-radius: 12px; padding: 8px 10px; border: 2px solid rgba(255, 255, 255, .15); background: rgba(255, 255, 255, .06); color: inherit; cursor: pointer; display: flex; flex-direction: column; gap: 2px; }
.fh-grid button b { font-size: 13.5px; } .fh-grid button small { font-size: 12px; opacity: .8; } .fh-grid button em { font-style: normal; color: #fde047; font-size: 13px; }
.fh-grid button[aria-pressed="true"] { border-color: #ffd54a; background: rgba(255, 213, 74, .14); }
.fh-grid button:disabled { opacity: .45; cursor: not-allowed; }
@container (max-width: 620px) { .sim-compass { display: none; } .fh-panel { top: 96px; max-width: 92%; padding: 4px 10px; } .fh-panel > b { font-size: 12.5px; } .fh-panel > span { font-size: 11px; } }