.computer-mouse-controls{background:var(--site-surface);border-bottom:1px solid var(--site-line);align-items:center;gap:12px;padding:8px 16px;display:flex}:is(.computer-page,.dos-page) .computer-mouse-toggle{white-space:nowrap;align-items:center;gap:9px;padding:8px 12px;font-size:13px;transition:none;display:inline-flex}.computer-mouse-controls[data-locked=true] .computer-mouse-toggle{background:var(--site-accent-ink);border-color:var(--site-accent-ink);color:var(--site-surface)}.computer-mouse-controls p{color:var(--site-ink-3);margin:0;font-size:12px;line-height:1.5}.computer-mouse-shortcut{opacity:.75;gap:3px;margin-left:5px;display:inline-flex}.computer-mouse-shortcut kbd{font:11px/1.2 var(--site-font);border:1px solid;border-radius:3px;padding:2px 4px}.computer-mouse-controls{flex-shrink:0}.computer-mouse-controls.is-compact{background:var(--site-surface);border-top:1px solid var(--site-line);border-bottom:0;padding:6px 12px}.computer-mouse-controls.is-compact .computer-mouse-toggle{min-height:40px}@media (pointer:coarse){.computer-mouse-controls{display:none}}@media (max-width:700px){.computer-mouse-controls{flex-wrap:wrap;gap:6px;padding:8px}}@media (max-height:600px) and (orientation:landscape){.computer-page .computer-player:is(:fullscreen,.computer-player-expanded):has(.computer-mouse-controls){grid-template-rows:minmax(0,1fr) auto auto}.computer-page .computer-player:is(:fullscreen,.computer-player-expanded) .computer-mouse-controls{grid-area:2/1/auto/-1}.computer-page .computer-player:is(:fullscreen,.computer-player-expanded) .computer-toolbar{grid-row:3}}.dos-page .computer-mouse-controls{color:#edf3e9;background:#17251e;border-block:1px solid #405748}.dos-page .computer-mouse-controls p{color:#c1d0c4}.dos-page .computer-mouse-toggle{color:#193326;font:inherit;cursor:pointer;background:#edf3e9;border:1px solid #718976;border-radius:8px}.dos-page .computer-mouse-toggle:disabled{opacity:.6;cursor:default}.dos-page .computer-mouse-toggle:focus-visible{outline-offset:2px;outline:3px solid #b5e0b5}@media (max-height:520px) and (orientation:landscape) and (min-width:601px){.dos-page .dos-player-roguelike:is(:fullscreen,.dos-player-expanded):has(.computer-mouse-controls):has(.dos-control-panel-open){grid-template-rows:38px minmax(0,1fr) auto 56px}.dos-page .dos-player-roguelike:is(:fullscreen,.dos-player-expanded) .computer-mouse-controls{grid-area:3/1}.dos-page .dos-player-roguelike:is(:fullscreen,.dos-player-expanded):has(.computer-mouse-controls) .dos-toolbar{grid-area:4/1}.dos-page .dos-player-roguelike:is(:fullscreen,.dos-player-expanded):has(.computer-mouse-controls) .dos-control-panel{grid-row:2/5}}.dos-page .computer-mouse-shortcut kbd{font:11px/1.2 system-ui}.computer-mouse-controls{flex-wrap:wrap}.mouse-recovery-keys{flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:12px;display:flex}.mouse-recovery-keys>span{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.mouse-recovery-keys kbd{background:#fff8;border:1px solid;border-radius:5px;place-items:center;min-width:34px;min-height:28px;padding:3px 6px;font:600 12px/1.2 system-ui;display:inline-grid;box-shadow:0 2px #0002}.computer-mouse-controls .player-controls-guide{margin-left:auto}.computer-mouse-controls .mouse-feedback{flex-basis:100%}.dos-page .mouse-recovery-keys kbd{color:#193326;background:#edf3e9}@media (max-height:520px) and (orientation:landscape){.computer-mouse-controls .mouse-feedback{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}