/* In-game help links and the bug report dialog (DEC-791, DEC-792). Logical properties for right-to-left locales. */
.help-links { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; margin: 8px 0 0; }
.help-open-link, .help-links a { color: var(--accent, #ffd166); font-weight: 600; }
.help-sport-link { display: inline-block; margin-block: 0 8px; font-size: 0.85rem; color: var(--accent, #ffd166); }
/* The race HUD's "?" and "!" (DEC-791): a row under the Back button, never over it. */
.hud-help-btn { position: absolute; top: 52px; inset-inline-end: 8px; pointer-events: auto; min-width: 40px; min-height: 36px; padding: 4px 10px; font-size: 0.95rem; font-weight: 800; display: inline-grid; place-items: center; text-decoration: none; color: inherit; border: 1px solid var(--line, #2b3a55); border-radius: 8px; background: var(--panel-solid, #101820); }
#btn-hud-bug, #btn-proto-hud-bug { inset-inline-end: 56px; }
.help-dialog { position: fixed; inset: 0; z-index: 85; display: grid; place-items: safe center; padding: 16px; overflow: auto; background: rgba(3, 6, 10, 0.72); }
.help-dialog[hidden] { display: none; }
.help-card { inline-size: min(640px, 100%); background: var(--panel-solid, #121a28); color: var(--text, #eef3fb); border: 1px solid var(--line, #2b3a55); border-radius: 14px; padding: 16px 18px; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5); }
.help-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.help-head h2 { margin: 0; font-size: 1.25rem; }
.help-field { display: grid; gap: 4px; margin-block: 10px; }
.help-field label { font-weight: 600; }
.help-field textarea, .help-field input, .help-field select { inline-size: 100%; font: inherit; padding: 8px; border-radius: 8px; border: 1px solid var(--line, #2b3a55); background: rgba(0, 0, 0, 0.25); color: inherit; }
.help-field .error:empty { display: none; }
.help-field[hidden] { display: none; }
.help-diag { border: 1px solid var(--line, #2b3a55); border-radius: 10px; padding: 8px 12px; margin-block: 10px; }
.help-diag legend { font-weight: 600; padding-inline: 4px; }
.help-diag-row { display: flex; gap: 8px; align-items: flex-start; margin-block: 4px; font-size: 0.9rem; }
.help-diag-value { word-break: break-all; opacity: 0.85; }
.help-preview { max-block-size: 12rem; overflow: auto; white-space: pre-wrap; word-break: break-word; font-size: 0.8rem; background: rgba(0, 0, 0, 0.3); padding: 8px; border-radius: 8px; }
.help-copy { inline-size: 100%; font: 0.8rem ui-monospace, monospace; margin-block-start: 8px; }
.help-status:empty { display: none; }
.help-status { font-weight: 600; }
.help-card .actions { display: flex; flex-wrap: wrap; gap: 8px; margin-block-start: 10px; }
.help-card .actions[hidden], .help-card [hidden] { display: none; }
.help-card a.button { display: inline-grid; place-items: center; padding: 8px 14px; border: 1px solid var(--line, #2b3a55); border-radius: 8px; color: inherit; text-decoration: none; min-block-size: 44px; }
.clock-box:has(.hud-help-btn) { padding-inline-end: 104px; min-height: 96px; }