#controlHelp{position:fixed;z-index:1801;box-sizing:border-box;width:min(320px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;padding:12px;border:1px solid #c39a57;border-radius:10px;background:#261b12 url('./assets/ui/leather-dark-seamless-v1.webp') center/512px;color:#f6e9ce;box-shadow:0 6px 24px #0009;font:14px/1.4 Arial,sans-serif;}
#controlHelp[hidden],#controlHelpRing[hidden]{display:none!important;}
#controlHelp small{display:block;color:#d3b986;font-size:11px;padding-right:30px;}
#controlHelp strong{display:block;font-size:17px;padding-right:30px;margin:4px 0;}
#controlHelp p{margin:6px 0 12px;}
#controlHelp>div{display:flex;justify-content:space-between;gap:8px;}
#controlHelp button{font:inherit;color:#f6e9ce;cursor:pointer;min-height:36px;border:1px solid #b18a48;border-radius:6px;background:#62461f;padding:6px 14px;}
#controlHelp button:disabled{opacity:.4;cursor:default;}
#controlHelp button:focus-visible{outline:2px solid #ffe3a0;outline-offset:2px;}
#controlHelp .control-help-close{position:absolute;top:4px;right:4px;width:36px;padding:4px;border:0;background:transparent;}
#controlHelp .control-help-close img{display:block;width:28px;height:28px;}
#controlHelpRing{position:fixed;z-index:1800;pointer-events:none;box-sizing:border-box;border:3px solid #ffe3a0;border-radius:9px;box-shadow:0 0 14px #eeb65199;}
.control-help-open :is(.story-tutorial,.story-play){visibility:hidden!important;}
.control-help-open #endTurnBtn.story-action-target{outline:none;animation:none;}
.story-running.control-help-field .board-controls{visibility:visible;}
@media(max-width:520px){#controlHelp{font-size:13px;width:min(290px,calc(100vw - 16px));}#controlHelp button{min-height:40px;}}