/* Keyboard play — cursor ring (only after the keyboard has been used) and help table. Classes are kb- prefixed. */
.kb-ring{position:absolute;pointer-events:none;z-index:40;box-sizing:border-box;border:3px solid #ffd54f;box-shadow:inset 0 0 0 2px #000,0 0 0 2px #000;border-radius:4px}
.kb-ring[hidden]{display:none}
html:not(.kb-on) .kb-ring{display:none}
html.kb-on :is(#board .sq,#board .pt,#cols button,.cell,#hand .tile,#chain .tgt):focus-visible{outline:3px solid #ffd54f;outline-offset:-3px;box-shadow:inset 0 0 0 5px #000}
html.kb-on :is(#dieBtn,.sl-roll,.lu-die,.lu-opt):focus-visible{outline:3px solid #ffd54f;outline-offset:3px;box-shadow:0 0 0 6px #000}
.kbd-help{width:100%;border-collapse:collapse;margin:8px 0 4px;text-align:left}
.kbd-help th,.kbd-help td{padding:6px 8px;border-bottom:1px solid rgba(128,128,128,.25);vertical-align:top;font-weight:400}
.kbd-help th{white-space:nowrap;width:1%}
.kbd-help kbd{display:inline-block;min-width:1.6em;padding:1px 7px;margin-right:3px;border:1px solid rgba(128,128,128,.6);border-bottom-width:2px;border-radius:5px;background:rgba(128,128,128,.15);font:600 .85em/1.5 inherit;text-align:center}
.kb-hint{opacity:.85}