.computer-page .computer-player:not(:fullscreen):not(.computer-player-expanded),.dos-page .dos-player:not(:fullscreen):not(.dos-player-expanded){outline-offset:-2px;border-radius:12px;outline:2px solid #657563;box-shadow:inset 0 0 0 1px #dae0cb66,0 3px #3a5140,0 14px 28px -20px #193d3299}.computer-page .computer-toolbar,.computer-page .computer-keys,.computer-page .computer-adventure-controls{color:#294838;background:#f5f3e9;border-top:1px solid #d0d5c2}.computer-page .computer-toolbar button,.computer-page .computer-keys button,.computer-page .computer-adventure-controls button{border-color:#bdc7b2;box-shadow:inset 0 1px #fff9,0 2px #6f876b22}.computer-page .computer-toolbar button[aria-pressed=true],.computer-page .computer-adventure-controls button[aria-pressed=true]{color:#fffbed;background:#254c39;border-color:#254c39}.dos-page .dos-player-bar{color:#e2e8d9;background:#1d3028}.dos-page .dos-toolbar{background:#1b2923;border-color:#52634f}.computer-page .computer-standby h2,.dos-page .dos-standby h2{text-wrap:balance;line-height:1.15}@media (max-width:600px){.computer-page .computer-player:not(:fullscreen):not(.computer-player-expanded),.dos-page .dos-player:not(:fullscreen):not(.dos-player-expanded){outline-width:1px}}
.player-controls-guide{flex-shrink:0;font-size:13px;line-height:1.55;position:relative}.player-controls-guide summary{cursor:pointer;border:1px solid;border-radius:8px;min-height:40px;padding:9px 12px;font-weight:600}.player-controls-guide summary:focus-visible{outline-offset:2px;outline:3px solid #93b86b}.player-controls-guide[open]{flex-basis:100%}.player-controls-guide[open] summary{width:fit-content}.player-controls-guide-body{overscroll-behavior:contain;max-width:76ch;max-height:min(28dvh,220px);padding:6px 12px;overflow:auto}.player-controls-guide-body p{margin:8px 0;font-size:14px;line-height:1.65}.computer-player>.player-controls-guide,.dos-player>.player-controls-guide{color:#29402e;background:#f4f6ef;border-top:1px solid #c5d1bf;flex-shrink:0;padding:6px 12px}.player-controls-guide.is-touch-only{display:none}@media (pointer:coarse){.player-controls-guide.is-touch-only{display:block}}@media (pointer:coarse) and (max-height:600px) and (orientation:landscape){.computer-page .computer-player:is(:fullscreen,.computer-player-expanded):has(>.player-controls-guide){grid-template-rows:minmax(0,1fr) auto auto}.computer-page .computer-player:is(:fullscreen,.computer-player-expanded)>.player-controls-guide{grid-area:2/1/auto/-1}.computer-page .computer-player:is(:fullscreen,.computer-player-expanded) .computer-toolbar{grid-row:3}}@media (pointer:coarse) and (max-height:520px) and (orientation:landscape) and (min-width:601px){.dos-page .dos-player-roguelike:is(:fullscreen,.dos-player-expanded):has(.dos-control-panel-open){grid-template-rows:38px minmax(0,1fr) auto 56px}.dos-page .dos-player-roguelike:is(:fullscreen,.dos-player-expanded)>.player-controls-guide{grid-area:3/1}.dos-page .dos-player-roguelike:is(:fullscreen,.dos-player-expanded) .dos-toolbar{grid-area:4/1}.dos-page .dos-player-roguelike:is(:fullscreen,.dos-player-expanded) .dos-control-panel{grid-row:2/5}}
.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}}