/* Gunship Strike 3D: game-specific overlay pieces (shared 3D styles live in /simulation-games/_shared/sim3d.css) */
#game-root .sim-controls-help { margin-top: 14px; }
.gs-panel { position: absolute; left: 50%; bottom: 12px; transform: translateX(-50%); background: rgba(20, 16, 8, .74); color: #fff; border-radius: 12px; padding: 6px 14px; text-align: center; pointer-events: none; min-width: 260px; max-width: min(460px, 62%); border: 1px solid rgba(250, 204, 21, .3); }
.gs-panel > b { display: block; font: 900 14px/1.25 system-ui, sans-serif; } .gs-panel > span { display: block; font: 800 12px system-ui, sans-serif; color: #fde68a; margin-top: 3px; }
.gs-hp { position: relative; height: 18px; border-radius: 8px; background: rgba(255, 255, 255, .14); margin-top: 5px; overflow: hidden; }
.gs-hp i { position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(90deg, #22c55e, #a3e635); transition: width .15s; }
.gs-hp.is-low i { background: linear-gradient(90deg, #ef4444, #f97316); }
.gs-hp em { position: relative; display: block; font: 800 11px/18px system-ui, sans-serif; font-style: normal; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); }
.gs-lock { position: absolute; width: 46px; height: 46px; margin: -23px 0 0 -23px; border: 3px solid #facc15; border-radius: 6px; pointer-events: none; display: none; box-shadow: 0 0 10px rgba(250, 204, 21, .6); }
.gs-lock::after { content: ""; position: absolute; left: -3px; right: -3px; bottom: -10px; height: 4px; background: linear-gradient(90deg, #ef4444 var(--hp, 100%), rgba(255, 255, 255, .25) var(--hp, 100%)); border-radius: 2px; }
.gs-list { margin-top: 14px; } .gs-list h3 { margin: 0 0 6px; }
.gs-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; }
.gs-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; }
.gs-grid button b { font-size: 13.5px; } .gs-grid button small { font-size: 12px; opacity: .8; } .gs-grid button em { font-style: normal; color: #fde047; font-size: 13px; }
.gs-grid button[aria-pressed="true"] { border-color: #ffd54a; background: rgba(255, 213, 74, .14); }
.gs-grid button:disabled { opacity: .45; cursor: not-allowed; }
@container (max-width: 620px) { .sim-compass { display: none; } .gs-panel { bottom: auto; top: 96px; left: 8px; transform: none; min-width: 0; max-width: 56%; padding: 4px 8px; text-align: left; } .gs-panel > b { font-size: 12.5px; } .gs-panel > span { font-size: 11px; } }