:root{--khelp-bg:#0f1a15;--khelp-gold:#ebd391;--khelp-text:#e6d9b6;--khelp-line:#776d4f}
html body #khelpToggle{min-height:0;box-sizing:border-box}
@media(pointer:coarse){html body #khelpToggle{min-width:44px;min-height:44px}}
#khelpToggle{position:fixed;z-index:30;width:auto;min-width:30px;padding:0 9px;border:1px solid var(--khelp-line);border-radius:7px;background:#0c1b14df;color:var(--khelp-gold);font:700 15.5px/1 Grenze Gotisch,Georgia,serif;cursor:pointer}
#khelpToggle:hover,#khelpToggle:focus-visible{border-color:var(--khelp-gold);outline:none}
#khelpOverlay{position:fixed;inset:0;z-index:var(--z-window-base,1000);display:none;align-items:center;justify-content:center;background:#030806aa;padding:12px}
#khelpOverlay[data-open="true"]{display:flex}
#khelpOverlay .khelp-box{background:var(--khelp-bg);color:var(--khelp-text);border:1px solid var(--khelp-line);border-radius:10px;width:min(520px,100%);max-height:min(460px,90dvh);display:flex;flex-direction:column;box-shadow:0 10px 30px #000a;font:13px/1.4 Grenze Gotisch,Georgia,serif}
.khelp-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--khelp-line)}
.khelp-title{margin:0;font:700 17.5px Grenze Gotisch,Georgia,serif;color:var(--khelp-gold)}
.khelp-close{border:1px solid var(--khelp-line);border-radius:6px;background:#23362b;color:var(--khelp-text);padding:3px 9px;font:13px Grenze Gotisch,Georgia,serif;cursor:pointer}
.khelp-tabs{display:flex;gap:4px;padding:6px 12px 0;flex-wrap:wrap}
.khelp-tab{border:1px solid transparent;border-bottom:none;border-radius:6px 6px 0 0;background:transparent;color:var(--khelp-text);padding:4px 9px;font:13px Grenze Gotisch,Georgia,serif;cursor:pointer}
.khelp-tab.khelp-tab-on{background:#23362b;border-color:var(--khelp-line);color:var(--khelp-gold)}
.khelp-tab:focus-visible,.khelp-close:focus-visible{outline:1px solid var(--khelp-gold);outline-offset:1px}
.khelp-body{padding:10px 12px 12px;overflow:auto;flex:1;border-top:1px solid var(--khelp-line);background:#15241cdd}
.khelp-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin:0}
.khelp-row{margin:0;display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:baseline}
.khelp-row dt{margin:0}
.khelp-row dd{margin:0}
.khelp-key{color:var(--khelp-gold);font-weight:700;white-space:nowrap}
.khelp-text{color:var(--khelp-text)}
@media(max-width:600px){.khelp-grid{grid-template-columns:1fr}#khelpOverlay .khelp-box{max-height:90dvh}}
/* Help is a window-frame window: fixed, centred until dragged, overlay does not block the page. */
#khelpOverlay{pointer-events:none;background:transparent}
#khelpOverlay .khelp-box{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:auto;touch-action:none}
#khelpOverlay .khelp-body{touch-action:pan-y}