.hotkey-help .modal-box{max-width:min(1100px,96vw);max-height:90vh;overflow-y:auto}.help-head{justify-content:space-between;align-items:center;display:flex}.help-groups{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:6px 22px;display:grid}.help-groups h4{color:var(--accent);letter-spacing:1px;text-transform:uppercase;margin:10px 0 4px;font-size:12px;font-weight:400}.help-groups table{border-collapse:collapse;width:100%;font-size:13px}.help-groups td{vertical-align:middle;padding:2px 4px}.help-groups td:first-child{white-space:nowrap;width:1%;padding-right:10px}.help-keys+.help-keys:before{content:"/";color:var(--muted);margin:0 4px}.help-keys .plus{color:var(--muted);margin:0 3px}.help-groups kbd{border:1px solid var(--panel-border);text-align:center;background:#2a261e;border-bottom-width:2px;border-radius:3px;min-width:18px;padding:1px 6px;font:12px monospace;display:inline-block}.game-root{--life:#79c35d;--amber:#e0b04a;--alarm:#d9573f;--morale:#6f9ed6;--hud-h:284px;--cmd-w:660px}.tablet{color:var(--ink);background:linear-gradient(180deg, #ffe8b40f, transparent 40%), repeating-linear-gradient(91deg, transparent 0 9px, #00000012 9px 10px), var(--oak);box-shadow:inset 0 0 0 1px var(--brass-dim), inset 0 1px 0 #ffe6aa29, 0 8px 22px #0009;border:1px solid #0a0806;border-radius:7px;position:relative}.tablet:after{content:"";pointer-events:none;--c:var(--brass);--l:11px;background:linear-gradient(var(--c), var(--c)) top left / var(--l) 1px no-repeat, linear-gradient(var(--c), var(--c)) top left / 1px var(--l) no-repeat, linear-gradient(var(--c), var(--c)) top right / var(--l) 1px no-repeat, linear-gradient(var(--c), var(--c)) top right / 1px var(--l) no-repeat, linear-gradient(var(--c), var(--c)) bottom left / var(--l) 1px no-repeat, linear-gradient(var(--c), var(--c)) bottom left / 1px var(--l) no-repeat, linear-gradient(var(--c), var(--c)) bottom right / var(--l) 1px no-repeat, linear-gradient(var(--c), var(--c)) bottom right / 1px var(--l) no-repeat;opacity:.75;position:absolute;inset:4px}.top-tablet{color:var(--ink);background:linear-gradient(0deg, #ffe8b40d, transparent 45%), repeating-linear-gradient(91deg, transparent 0 9px, #00000012 9px 10px), var(--oak);box-shadow:inset 0 0 0 1px var(--brass-dim), inset 0 -1px 0 #ffe6aa1a, 0 6px 18px #0000008c;border:1px solid #0a0806;border-top:0;border-radius:0 0 8px 8px;position:relative}.top-tablet:after{content:"";pointer-events:none;--c:var(--brass);--l:10px;background:linear-gradient(var(--c), var(--c)) bottom left / var(--l) 1px no-repeat, linear-gradient(var(--c), var(--c)) bottom left / 1px var(--l) no-repeat, linear-gradient(var(--c), var(--c)) bottom right / var(--l) 1px no-repeat, linear-gradient(var(--c), var(--c)) bottom right / 1px var(--l) no-repeat;opacity:.75;position:absolute;inset:4px}