.world-controls-help{--controls-help-top: max(12px, env(safe-area-inset-top, 0px));--controls-help-right: max(12px, env(safe-area-inset-right, 0px));--controls-help-bottom: max(12px, env(safe-area-inset-bottom, 0px));--controls-help-left: max(12px, env(safe-area-inset-left, 0px));position:fixed;inset:var(--controls-help-top) var(--controls-help-right) var(--controls-help-bottom) var(--controls-help-left);box-sizing:border-box;margin:auto;width:min(480px,calc(100vw - var(--controls-help-left) - var(--controls-help-right)));height:fit-content;max-width:none;max-height:calc(100dvh - var(--controls-help-top) - var(--controls-help-bottom));padding:0;overflow:hidden;border:3px solid #bc845d;background:#202d43;color:#f5efd3;font:14px/1.5 monospace;box-shadow:0 6px #191f35}.world-controls-help[open]{display:flex;flex-direction:column}.world-controls-help::backdrop{background:#191f35d9}.world-controls-help h2{margin:0;padding:12px 16px 6px;color:#ffe29a;font-size:20px;flex:none}.world-controls-content{padding:0 16px 12px;overflow:auto;min-height:0;overscroll-behavior:contain}.world-controls-content dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:8px 14px;margin:8px 0 16px}.world-controls-content dt{font-weight:700;color:#ffe29a}.world-controls-content dd{margin:0;overflow-wrap:anywhere}.world-controls-content p{margin:0}.world-controls-content h3{margin:16px 0 6px;color:#ffe29a;font-size:14px}.world-controls-help footer{flex:none;padding:8px 12px;border-top:1px solid #637888}.world-controls-help .world-controls-footer-hint{margin:0 0 8px;font-size:12px;line-height:1.4;color:#ffe29a}.world-controls-help button{display:block;min-height:44px;width:100%;padding:8px 12px;border:2px solid #bc845d;background:#334b62;color:#fff3be;font:700 14px/1.3 monospace;cursor:pointer;touch-action:manipulation}.world-controls-help :focus-visible{outline:3px solid #ffe29a;outline-offset:-3px}.world-controls-help button:hover{background:#405f7d}@media(max-width:359px){.world-controls-content dl{grid-template-columns:1fr;gap:0}.world-controls-content dd{margin-bottom:10px}}@media(forced-colors:active){.world-controls-help{border-color:CanvasText;background:Canvas;color:CanvasText}.world-controls-help :is(h2,h3,dt){color:CanvasText}.world-controls-help button{border-color:ButtonText;background:ButtonFace;color:ButtonText}.world-controls-help :focus-visible{outline-color:Highlight}}
