/* Helicopter Simulator 3D: game-specific overlay pieces (shared 3D styles live in /simulation-games/_shared/sim3d.css) */
#game-root .sim-controls-help { margin-top: 14px; }
.hs-job { position: absolute; left: 50%; top: 44px; transform: translateX(-50%); background: rgba(8, 16, 28, .72); color: #fff; border-radius: 12px; padding: 6px 14px; text-align: center; pointer-events: none; max-width: min(460px, 60%); border: 1px solid rgba(255, 255, 255, .15); }
.hs-job b { display: block; font: 900 14px/1.25 system-ui, sans-serif; } .hs-job span { display: block; font: 700 12.5px/1.3 system-ui, sans-serif; color: #bae6fd; }
.hs-meter { height: 7px; border-radius: 4px; background: rgba(255, 255, 255, .15); margin-top: 4px; overflow: hidden; } .hs-meter i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, #22d3ee, #4ade80); transition: width .15s; }
.hs-meter.is-low i { background: linear-gradient(90deg, #ef4444, #f59e0b); }
.hs-list { margin-top: 14px; } .hs-list h3 { margin: 0 0 6px; }
.hs-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; }
.hs-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; }
.hs-grid button b { font-size: 13.5px; } .hs-grid button small { font-size: 12px; opacity: .8; } .hs-grid button em { font-style: normal; color: #fde047; font-size: 13px; }
.hs-grid button[aria-pressed="true"] { border-color: #ffd54a; background: rgba(255, 213, 74, .14); }
.hs-grid button:disabled { opacity: .45; cursor: not-allowed; }
@container (max-width: 620px) { .sim-compass { display: none; } .hs-job { top: 96px; max-width: 92%; padding: 4px 10px; } .hs-job b { font-size: 12.5px; } .hs-job span { font-size: 11px; } }