/* A small visible badge with a generous touch target. */
#dragon-action-dock #action-help-button{left:17px;top:17px;width:44px;height:44px;padding:8px;border:0;background:transparent;box-shadow:none}
#action-help-button span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;box-sizing:border-box;border:1px solid #bca174;border-radius:50%;background:#253c30;color:#f8e4b5;font:bold 17px/1 system-ui}
#action-help-button[aria-expanded="true"] span{background:#695438;border-color:#ffe4a2}
#action-help-panel{position:fixed;z-index:45;box-sizing:border-box;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);overflow-y:auto;overscroll-behavior:contain;padding:0 13px 12px;border:1px solid #bca174;border-radius:9px;background:#24232f;color:#f4e7ca;box-shadow:0 6px 20px #0006;font:13px/1.35 system-ui,sans-serif;touch-action:pan-y}
#action-help-panel[hidden]{display:none!important}
#action-help-panel header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;background:#24232f;border-bottom:1px solid #bca17455}
#action-help-panel h2{font:600 15px/1.3 system-ui,sans-serif;margin:0;color:#ffe5af;letter-spacing:0;text-transform:none}
#action-help-panel header button{flex:0 0 44px;width:44px;min-height:44px;margin:0 -8px 0 0;padding:0;background:transparent;border:0;box-shadow:none;color:#f4e7ca;font:25px/1 system-ui}
#action-help-panel .action-help-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid #ffffff10}
#action-help-panel strong{font-size:13px;font-weight:600}
#action-help-panel p{margin:3px 0 0;color:#c9c1b3;font-size:12px;line-height:1.35}
#action-help-panel kbd{flex-shrink:0;max-width:110px;white-space:normal;text-align:center;border:1px solid #a58e6655;border-radius:4px;background:#37333a;color:#f8dfa8;padding:2px 5px;font:600 11px/1.4 system-ui}
#action-help-panel summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:#e2c68e;list-style:none}
#action-help-panel summary::before{content:'▸';margin-right:7px}
#action-help-panel details[open] summary::before{content:'▾'}
#action-help-panel :focus-visible{outline:2px solid #ffe4a2;outline-offset:2px}

/* Recovery choices use the existing dark/gold dialog style. */
#death-menu>button{display:block;width:100%;min-height:44px;margin-top:10px}
#death-save-status{font-size:14px;line-height:1.4;color:#d8c6a7}
#death-menu{max-height:calc(100dvh - 24px);overflow-y:auto;box-sizing:border-box}
.autosave-slot .save-details{flex:1}