/* Heli Race 3D: game-specific overlay pieces (shared 3D styles live in /simulation-games/_shared/sim3d.css) */
#game-root .sim-controls-help { margin-top: 14px; }
.hr-panel { position: absolute; left: 50%; top: 44px; transform: translateX(-50%); display: flex; align-items: center; gap: 12px; background: rgba(8, 16, 28, .75); color: #fff; border-radius: 12px; padding: 5px 14px; pointer-events: none; border: 1px solid rgba(255, 255, 255, .15); white-space: nowrap; }
.hr-pos { font: 900 24px/1 system-ui, sans-serif; color: #fde047; } .hr-lap, .hr-time { font: 800 14px system-ui, sans-serif; font-variant-numeric: tabular-nums; } .hr-time { color: #bae6fd; }
.hr-count { position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%) scale(.6); font: 900 96px/1 system-ui, sans-serif; color: #fde047; text-shadow: 0 4px 18px rgba(0, 0, 0, .6); opacity: 0; transition: opacity .2s, transform .2s; pointer-events: none; }
.hr-count.is-on { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.hr-list { margin-top: 14px; } .hr-list h3 { margin: 0 0 6px; }
.hr-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; }
.hr-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; }
.hr-grid button b { font-size: 13.5px; } .hr-grid button small { font-size: 12px; opacity: .8; } .hr-grid button em { font-style: normal; color: #fde047; font-size: 13px; }
.hr-grid button[aria-pressed="true"] { border-color: #ffd54a; background: rgba(255, 213, 74, .14); }
.hr-grid button:disabled { opacity: .45; cursor: not-allowed; }
@container (max-width: 620px) { .sim-compass { display: none; } .hr-panel { top: 96px; gap: 8px; padding: 4px 10px; } .hr-pos { font-size: 18px; } .hr-lap, .hr-time { font-size: 12px; } .hr-count { font-size: 64px; } }