.computer-page{background:var(--site-canvas);min-height:100dvh;color:var(--site-ink);font-family:var(--site-font)}.computer-main{width:min(1200px,100%);margin:auto;padding:24px}.computer-heading{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-bottom:20px;display:flex}.computer-heading h1{flex:1;margin:0;font-size:clamp(24px,4vw,36px)}.computer-heading a{color:var(--site-accent-ink);align-items:center;min-height:44px;display:inline-flex}.computer-page button{border:1px solid var(--site-line);background:var(--site-surface);min-height:44px;color:var(--site-ink);font:inherit;cursor:pointer;border-radius:10px;padding:10px 16px}.computer-page button:disabled{opacity:.4;cursor:default}.computer-page button:focus-visible,.computer-page a:focus-visible{outline:3px solid var(--site-accent);outline-offset:3px}.computer-player{border:1px solid var(--site-line);background:#101510;border-radius:16px;position:relative;overflow:hidden}.computer-display{background:#101510;height:min(68dvh,700px);min-height:380px;position:relative}.computer-display iframe{border:0;width:100%;height:100%;display:block}.computer-standby{color:#eef3eb;text-align:center;flex-direction:column;justify-content:safe center;align-items:center;gap:12px;height:100%;padding:24px;display:flex;overflow-y:auto}.computer-standby h2{margin:0;font-size:32px}.computer-standby p{max-width:680px;margin:0;line-height:1.55}.computer-download{color:#b5c4ac;font-size:14px}.computer-standby .computer-play,.computer-pause button{color:#172414;background:#d3e7bb;border-color:#d3e7bb;font-weight:600}.computer-toolbar{background:var(--site-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.computer-toolbar p{flex:200px;margin:0;font-size:14px}.computer-toolbar>div{flex-wrap:wrap;gap:8px;display:flex}.computer-toolbar[hidden],.computer-keys[hidden]{display:none}.computer-page .computer-reveal-controls{z-index:3;top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));color:#eef3eb;opacity:.35;background:#101510b3;border-color:#eef3eb66;place-items:center;width:44px;padding:10px;display:grid;position:absolute}.computer-reveal-controls:hover,.computer-reveal-controls:focus-visible{opacity:1}@media (hover:none){.computer-page .computer-reveal-controls{opacity:.8}}.computer-keys{background:var(--site-surface);flex-wrap:wrap;justify-content:center;gap:8px;padding:12px;display:none}.computer-keys-open{display:flex}.computer-keys-city.computer-keys-open{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px;display:grid}.computer-keys-city button{min-width:0;padding:8px 4px;font-size:13px}.computer-player-city .computer-keys:not(.computer-keys-open){display:none}.computer-keys-rpg.computer-keys-open{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px;display:grid}.computer-keys-rpg button{min-width:0;padding:8px 4px;font-size:13px}.computer-player-rpg .computer-keys:not(.computer-keys-open){display:none}@media (max-width:700px){.computer-player-rpg:not(:fullscreen):not(.computer-player-expanded) .computer-display{aspect-ratio:1.25;height:auto;min-height:0}}@media (max-width:900px) and (orientation:landscape){.computer-player-rpg:is(:fullscreen,.computer-player-expanded):has(.computer-keys-open):not(:has(.computer-toolbar[hidden])){grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 220px;display:grid}.computer-player-rpg:is(:fullscreen,.computer-player-expanded) .computer-display{grid-area:1/1;height:auto}.computer-player-rpg:is(:fullscreen,.computer-player-expanded) .computer-keys{grid-area:1/2;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;min-height:0;overflow:auto}.computer-player-rpg:is(:fullscreen,.computer-player-expanded) .computer-keys button{min-height:52px;padding:4px 3px;font-size:12px;line-height:1.15}.computer-player-rpg:is(:fullscreen,.computer-player-expanded) .computer-toolbar{grid-area:2/1/auto/-1;gap:6px;padding:6px}.computer-player-rpg:is(:fullscreen,.computer-player-expanded) .computer-toolbar p{flex-basis:100px}.computer-player-rpg:is(:fullscreen,.computer-player-expanded) .computer-toolbar>div{gap:4px;width:auto;display:flex}.computer-player-rpg:is(:fullscreen,.computer-player-expanded) .computer-toolbar button{padding:6px 8px;font-size:12px}}@media (max-width:700px){.computer-player-city:not(:fullscreen):not(.computer-player-expanded) .computer-display{aspect-ratio:1.1;height:auto;min-height:0}}.computer-adventure-controls{background:var(--site-surface);border-top:1px solid var(--site-line);padding:12px 16px}.computer-adventure-controls[hidden]{display:none}.computer-adventure-controls [role=group]{flex-wrap:wrap;gap:8px;display:flex}.computer-adventure-controls button[aria-pressed=true]{color:#172414;background:#d3e7bb;border-color:#8baa70}.computer-adventure-controls p{margin:8px 0;font-size:14px;line-height:1.5}.computer-adventure-controls summary{cursor:pointer;min-height:44px;color:var(--site-accent-ink);align-items:center;font-size:14px;display:flex}.computer-adventure-controls summary:focus-visible{outline:3px solid var(--site-accent);outline-offset:3px}.computer-player:fullscreen .computer-adventure-controls details,.computer-player-expanded .computer-adventure-controls details{display:none}.computer-keys button{touch-action:none;-webkit-user-select:none;user-select:none;min-width:52px}.computer-keys button[hidden]{display:none}.computer-keys-fps.computer-keys-open{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.computer-keys-fps{flex-shrink:0;gap:6px;max-height:min(42dvh,240px);padding:8px;overflow-y:auto}.computer-keys-fps button{min-width:0;padding:8px 4px;font-size:13px}.computer-pause{background:#0c160bbb;place-items:center;display:grid;position:absolute;inset:0}.computer-pause>div{flex-wrap:wrap;justify-content:center;gap:8px;max-width:min(520px,100% - 32px);display:flex}.computer-pause p,.computer-escape-notice p{color:#eef3eb;text-align:center;flex-basis:100%;margin:0 0 4px;font-size:14px;line-height:1.5}.computer-pause>div>button+button{color:#eef3eb;background:#101510;border-color:#eef3eb66}.computer-escape-notice{z-index:2;background:#101510e6;border:1px solid #eef3eb44;border-radius:12px;width:min(520px,100% - 32px);padding:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.computer-escape-notice div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.computer-save-note{color:var(--site-ink-2);font-size:14px;line-height:1.6}.computer-files-guide{border:1px solid var(--site-line);background:var(--site-surface);border-radius:16px;margin-top:28px;padding:24px;scroll-margin-top:20px;line-height:1.65}.computer-files-guide h2{margin:0 0 12px;font-size:clamp(22px,3vw,28px);line-height:1.25}.computer-gog-guide{margin-top:24px}.computer-gog-guide h4{margin:24px 0 8px;font-size:17px}.computer-gog-guide ol{padding-left:24px}.computer-gog-guide li+li{margin-top:10px}.computer-files-guide h3{margin:0 0 8px;font-size:20px}.computer-files-guide a{color:var(--site-accent-ink);text-underline-offset:3px;overflow-wrap:anywhere}.computer-files-guide code{overflow-wrap:anywhere;font-size:.9em}.computer-files-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;margin:24px 0;display:grid}.computer-files-options section{border:1px solid var(--site-line);border-radius:12px;padding:20px}.computer-files-options ol{padding-left:22px}.computer-files-options li+li{margin-top:10px}.computer-files-caption{color:var(--site-ink-2);font-size:14px}.computer-files-guide details{border-top:1px solid var(--site-line);padding:14px 0}.computer-files-guide summary{cursor:pointer;min-height:44px;padding:8px 0;font-weight:600;display:list-item}.computer-files-guide summary:focus-visible{outline:3px solid var(--site-accent);outline-offset:3px}@media (max-width:600px){.computer-files-guide{padding:18px}.computer-files-options section{padding:16px}}.computer-save-transfer{flex-wrap:wrap;gap:8px;display:flex}.computer-help{border:1px solid var(--site-line);background:var(--site-surface);width:min(560px,100% - 32px);max-height:80dvh;color:var(--site-ink);border-radius:16px;padding:24px}.computer-help p{line-height:1.6}.computer-help a{color:var(--site-accent-ink)}.computer-help::backdrop{background:#071207bb}.computer-player:fullscreen,.computer-player-expanded{border:0;border-radius:0;flex-direction:column;width:100%;height:100dvh;display:flex}.computer-player-expanded{z-index:1000;width:100dvw;position:fixed;inset:0}.computer-player:fullscreen .computer-display,.computer-player-expanded .computer-display{flex:1;height:auto;min-height:0}@media (max-width:600px){.computer-main{padding:16px 10px}.computer-display{height:55dvh;min-height:340px}.computer-heading h1{flex-basis:100%;order:-1}.computer-standby{padding:16px}.computer-standby h2{font-size:24px}.computer-standby p{font-size:14px}.computer-toolbar{padding:10px}.computer-toolbar>div{width:100%}.computer-keys{display:flex}}.computer-player-setup .computer-keys{display:none}.computer-player-document:not(:fullscreen):not(.computer-player-expanded) .computer-display{height:min(76dvh,720px)}@media (max-width:600px){.computer-player-setup:not(:fullscreen):not(.computer-player-expanded) .computer-display{height:max(660px,78dvh)}}.computer-keys-hex.computer-keys-open{grid-template-columns:repeat(3,minmax(52px,80px));display:grid}.computer-player-parser .computer-keys[hidden],.computer-player-parser .computer-keys:not(.computer-keys-open){display:none}@media (max-height:600px) and (orientation:landscape){.computer-player-parser:is(:fullscreen,.computer-player-expanded) .computer-toolbar{gap:6px;padding:6px}.computer-player-parser:is(:fullscreen,.computer-player-expanded) .computer-toolbar p{flex-basis:100px}.computer-player-parser:is(:fullscreen,.computer-player-expanded) .computer-toolbar>div{gap:4px;width:auto;display:flex}.computer-player-parser:is(:fullscreen,.computer-player-expanded) .computer-toolbar button{padding:6px 8px;font-size:12px}}.computer-keys-penguin.computer-keys-open{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px;display:grid}.computer-keys-penguin button{min-width:0;padding:8px 4px;font-size:13px}.computer-player-penguin .computer-keys[hidden],.computer-player-penguin .computer-keys:not(.computer-keys-open){display:none}@media (max-width:600px){.computer-player-penguin:not(:fullscreen):not(.computer-player-expanded) .computer-display{aspect-ratio:4/3;height:auto;min-height:0}.computer-keys-penguin{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px;display:grid}.computer-player-penguin .computer-toolbar{gap:6px;padding:8px}.computer-player-penguin .computer-toolbar>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.computer-player-penguin .computer-toolbar button{padding:8px 4px;font-size:13px}}@media (max-height:600px) and (orientation:landscape){.computer-player-penguin:is(:fullscreen,.computer-player-expanded):has(.computer-keys-open):not(:has(.computer-toolbar[hidden])){grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 230px;display:grid}.computer-player-penguin:is(:fullscreen,.computer-player-expanded) .computer-display{grid-area:1/1;height:auto}.computer-player-penguin:is(:fullscreen,.computer-player-expanded) .computer-keys{grid-area:1/2;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;min-height:0;overflow:auto}.computer-player-penguin:is(:fullscreen,.computer-player-expanded) .computer-keys button{min-height:56px;padding:4px 3px;font-size:12px;line-height:1.15}.computer-player-penguin:is(:fullscreen,.computer-player-expanded) .computer-toolbar{grid-area:2/1/auto/-1;gap:6px;padding:6px}.computer-player-penguin:is(:fullscreen,.computer-player-expanded) .computer-toolbar p{flex-basis:100px}.computer-player-penguin:is(:fullscreen,.computer-player-expanded) .computer-toolbar>div{gap:4px;width:auto;display:flex}.computer-player-penguin:is(:fullscreen,.computer-player-expanded) .computer-toolbar button{padding:6px 8px;font-size:12px}}@media (max-width:600px){.computer-keys-hex{grid-template-columns:repeat(3,minmax(52px,80px));display:grid}.computer-player-hex:not(:fullscreen):not(.computer-player-expanded) .computer-display{aspect-ratio:4/3;height:auto;min-height:0}.computer-keys-fps{display:none}.computer-player-fps:not(:fullscreen):not(.computer-player-expanded) .computer-display{aspect-ratio:4/3;height:auto;min-height:0}.computer-player-fps .computer-toolbar{gap:6px;padding:8px}.computer-player-fps .computer-toolbar>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.computer-player-fps .computer-toolbar button{padding:8px 4px;font-size:13px}.computer-player-fps .computer-toolbar p{flex-basis:100%}}.computer-keys>div:not(.computer-marble-steering):not(.computer-marble-buttons){display:contents}.computer-keys-marble.computer-keys-open{align-items:center;gap:18px;display:flex}.computer-marble-steering{flex:0 0 132px;justify-items:center;gap:6px;display:grid}.computer-marble-steering small{color:var(--site-ink-2)}.computer-marble-pad{background:var(--site-canvas);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;border-radius:50%;width:120px;height:120px;position:relative}.computer-marble-pad:active{cursor:grabbing}.computer-marble-pad:focus-visible{outline:3px solid var(--site-accent);outline-offset:3px}.computer-marble-pad[aria-disabled=true]{opacity:.4}.computer-marble-pad svg{width:100%;height:100%;fill:var(--site-ink-2)}.computer-marble-pad svg circle{fill:none;stroke:var(--site-line);stroke-width:1.5px}.computer-marble-pad>span{background:var(--site-accent);pointer-events:none;border-radius:50%;position:absolute;inset:42px;box-shadow:0 2px 6px #0003}.computer-marble-buttons{grid-template-columns:repeat(4,minmax(52px,1fr));gap:6px;max-width:600px;display:grid}.computer-marble-buttons button{padding:8px;font-size:13px}@media (max-width:600px){.computer-player-marble:not(:fullscreen):not(.computer-player-expanded) .computer-display{aspect-ratio:4/3;height:auto;min-height:0}.computer-keys-marble{flex-wrap:nowrap;gap:8px;padding:8px}.computer-marble-steering{flex-basis:108px}.computer-marble-pad{width:100px;height:100px}.computer-marble-pad>span{inset:35px}.computer-marble-buttons{flex:1;grid-template-columns:repeat(3,minmax(0,1fr))}.computer-marble-buttons button{min-width:0;padding:6px 2px;font-size:12px}}@media (max-height:600px) and (orientation:landscape){.computer-player-marble:fullscreen,.computer-player-marble.computer-player-expanded{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 230px;display:grid}.computer-player-marble:fullscreen .computer-display,.computer-player-marble.computer-player-expanded .computer-display{grid-area:1/1;height:auto}.computer-player-marble:fullscreen .computer-keys-marble,.computer-player-marble.computer-player-expanded .computer-keys-marble{flex-flow:column;grid-area:1/2;gap:6px;padding:8px;overflow:auto}.computer-player-marble:fullscreen .computer-marble-steering,.computer-player-marble.computer-player-expanded .computer-marble-steering{flex-basis:auto}.computer-player-marble:fullscreen .computer-marble-pad,.computer-player-marble.computer-player-expanded .computer-marble-pad{width:90px;height:90px}.computer-player-marble:fullscreen .computer-marble-pad>span,.computer-player-marble.computer-player-expanded .computer-marble-pad>span{inset:32px}.computer-player-marble:fullscreen .computer-marble-buttons,.computer-player-marble.computer-player-expanded .computer-marble-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.computer-player-marble:fullscreen .computer-toolbar,.computer-player-marble.computer-player-expanded .computer-toolbar{grid-area:2/1/auto/-1;gap:6px;padding:6px}.computer-player-marble:fullscreen .computer-toolbar p,.computer-player-marble.computer-player-expanded .computer-toolbar p{flex-basis:100px}.computer-player-marble:fullscreen .computer-toolbar>div,.computer-player-marble.computer-player-expanded .computer-toolbar>div{gap:4px;width:auto;display:flex}.computer-player-marble:fullscreen .computer-toolbar button,.computer-player-marble.computer-player-expanded .computer-toolbar button{padding:6px 8px;font-size:12px}}.computer-player.computer-player-setup .computer-keys{display:none}.computer-player.computer-player-setup:not(:fullscreen):not(.computer-player-expanded) .computer-display{aspect-ratio:auto;height:max(660px,78dvh);min-height:660px}.computer-related-links{flex-wrap:wrap;gap:8px 24px;margin-top:12px;display:flex}.computer-related-links a{min-height:44px;color:var(--site-accent-ink);align-items:center;font-size:14px;display:inline-flex}.computer-save-section{border-top:1px solid var(--site-line);margin-top:12px;padding:20px 0}.computer-save-section h2{margin:0 0 12px;font-size:22px}.computer-guide h3{margin:16px 0 6px;font-size:17px}.computer-guide ul{margin:0;padding-left:20px}.computer-heading{gap:12px 20px}.computer-heading h1{font-size:clamp(24px,3vw,36px)}html:has(.computer-player-expanded){scrollbar-gutter:auto}.computer-import-instructions a{color:#d3e7bb;text-underline-offset:3px;text-decoration:underline}.computer-player:not(:fullscreen):not(.computer-player-expanded) .computer-display:has(.computer-import-instructions){aspect-ratio:auto;height:auto;min-height:0}.computer-display:has(.computer-import-instructions) .computer-standby{box-sizing:border-box;height:auto;min-height:380px}.computer-player-pinball:not(:fullscreen):not(.computer-player-expanded) .computer-display{height:min(82dvh,900px);min-height:560px}@media (max-width:700px){.computer-player-pinball:not(:fullscreen):not(.computer-player-expanded) .computer-display{aspect-ratio:600/1080;width:auto;max-width:100%;height:min(100dvh - 140px,180vw);min-height:0;margin-inline:auto}.computer-keys-pinball button{touch-action:none;flex:1;min-height:56px}}.computer-keys-karts.computer-keys-open{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px;display:grid}.computer-keys-karts button{touch-action:none;min-width:0;min-height:52px;padding:8px 4px;font-size:13px}.computer-player-karts .computer-keys:not(.computer-keys-open){display:none}@media (max-width:700px){.computer-player-karts:not(:fullscreen):not(.computer-player-expanded) .computer-display{aspect-ratio:8/5;height:auto;min-height:0}}@media (max-width:900px) and (orientation:landscape){.computer-player-karts:is(:fullscreen,.computer-player-expanded):has(.computer-keys-open){grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 210px;display:grid}.computer-player-karts:is(:fullscreen,.computer-player-expanded) .computer-display{grid-area:1/1;height:auto;min-height:0}.computer-player-karts:is(:fullscreen,.computer-player-expanded) .computer-keys{grid-area:1/2;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;overflow:auto}.computer-player-karts:is(:fullscreen,.computer-player-expanded) .computer-toolbar{grid-area:2/1/auto/-1}}.computer-player-city{--computer-screen-ratio:1.1}.computer-player-rpg{--computer-screen-ratio:1.25}.computer-player-pinball{--computer-screen-ratio:600 / 1080}.computer-player-karts{--computer-screen-ratio:8 / 5}@media (max-width:600px){.computer-main{padding-block:10px}.computer-heading{gap:6px 10px;margin-bottom:10px}.computer-heading h1{font-size:24px;line-height:1.25}.computer-heading .computer-heading-scores{display:none}.computer-heading>button{padding:8px 10px;font-size:13px}.computer-player[data-player-viewport=canvas]{flex-direction:column;display:flex}.computer-player[data-player-viewport=canvas]:not(.computer-player-setup):not(:fullscreen):not(.computer-player-expanded) .computer-display:has(iframe){height:auto;min-height:0;aspect-ratio:var(--computer-screen-ratio,4 / 3);flex:none}.computer-player[data-player-viewport=canvas][data-pointer-dock]{container-type:inline-size}.computer-player[data-player-viewport=canvas][data-pointer-dock]:not(.computer-player-setup):not(:fullscreen):not(.computer-player-expanded) .computer-display:has(iframe){aspect-ratio:auto;height:calc(75cqw + 52px)}.computer-player .computer-keys{order:1;gap:6px;padding:8px}.computer-player .computer-toolbar{order:2;gap:6px;padding:8px}.computer-player>:is(.player-controls-guide,.computer-mouse-controls,.computer-adventure-controls){order:3}.computer-player .computer-toolbar p{flex-basis:100%;font-size:12px;line-height:1.4}.computer-player .computer-toolbar>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;display:grid}.computer-player .computer-toolbar button{min-width:0;padding:7px 4px;font-size:12px;line-height:1.2}.computer-player .computer-keys button{min-width:44px;padding:7px;font-size:13px}.computer-player .computer-keys:not(.computer-keys-open){display:none}.computer-player[data-player-viewport=canvas].computer-player-expanded:has(.computer-toolbar:not([hidden])){overflow-y:auto}.computer-player[data-player-viewport=canvas].computer-player-expanded:not(.computer-player-setup):not(.computer-player-pinball):has(.computer-toolbar:not([hidden])) .computer-display{height:auto;min-height:0;aspect-ratio:var(--computer-screen-ratio,4 / 3);flex:none}}@media (max-width:900px) and (max-height:600px) and (orientation:landscape){.computer-page .computer-player[data-player-viewport=canvas].computer-player-expanded[data-player-dock=generic]:not(.computer-player-setup):has(.computer-keys-open):has(.computer-toolbar:not([hidden])){grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 210px;display:grid}.computer-page .computer-player[data-player-viewport=canvas].computer-player-expanded[data-player-dock=generic]:not(.computer-player-setup):has(.computer-keys-open) .computer-display{grid-area:1/1;min-width:0;height:auto;min-height:0}.computer-page .computer-player[data-player-viewport=canvas].computer-player-expanded[data-player-dock=generic]:not(.computer-player-setup):has(.computer-keys-open) .computer-keys{grid-area:1/2;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:4px;min-height:0;max-height:none;padding:6px;display:grid;overflow-y:auto}.computer-page .computer-player[data-player-viewport=canvas].computer-player-expanded[data-player-dock=generic]:not(.computer-player-setup):has(.computer-keys-open) .computer-keys button{min-width:0;padding:6px 3px;font-size:12px}.computer-page .computer-player[data-player-viewport=canvas].computer-player-expanded[data-player-dock=generic]:not(.computer-player-setup):has(.computer-keys-open) .computer-toolbar{grid-area:2/1;gap:4px;padding:6px}.computer-page .computer-player[data-player-viewport=canvas].computer-player-expanded[data-player-dock=generic]:not(.computer-player-setup):has(.computer-keys-open) .computer-toolbar p{flex-basis:100%;font-size:12px}.computer-page .computer-player[data-player-viewport=canvas].computer-player-expanded[data-player-dock=generic]:not(.computer-player-setup):has(.computer-keys-open) .computer-toolbar>div{gap:4px;width:100%}.computer-page .computer-player[data-player-viewport=canvas].computer-player-expanded[data-player-dock=generic]:not(.computer-player-setup):has(.computer-keys-open) .computer-toolbar button{min-width:44px;padding:6px;font-size:12px}.computer-page .computer-player[data-player-viewport=canvas].computer-player-expanded[data-player-dock=generic]:not(.computer-player-setup):has(.computer-keys-open)>:is(.player-controls-guide,.computer-mouse-controls){grid-area:2/2;min-width:0;padding:6px;overflow-y:auto}}.computer-player :is(.computer-toolbar,.computer-keys)[hidden]{display:none!important}.computer-input-help{flex-basis:100%;min-width:0;font-size:14px}.computer-input-help summary{cursor:pointer;width:fit-content;min-height:44px;padding:12px 0;font-weight:600}.computer-input-help summary:focus-visible{outline:3px solid var(--site-accent);outline-offset:3px}.computer-input-help>p{max-width:72ch;margin:0 0 12px;line-height:1.6}.computer-toolbar>.computer-mouse-controls{background:0 0;border:0;flex-basis:100%;padding:0}.computer-page .computer-player-expanded:has(.computer-toolbar[hidden]){display:flex}.computer-page .computer-player-expanded:has(.computer-toolbar[hidden]) .computer-display{aspect-ratio:auto;flex:1;width:100%;height:100%;min-height:0}.computer-page .computer-player-expanded .computer-toolbar{flex-shrink:0;max-height:45dvh;overflow-y:auto}.computer-page .computer-player-expanded .computer-input-help{order:4}.computer-player .computer-toolbar>.computer-mouse-controls{box-sizing:border-box;flex-wrap:wrap;width:100%;display:flex}.computer-toolbar .computer-mouse-controls>*{min-width:0}.openttd-addons summary{cursor:pointer;padding:12px 0;font-weight:650}.openttd-addon-filters{flex-wrap:wrap;gap:16px;margin:16px 0;display:flex}.openttd-addon-filters label{flex:220px;gap:6px;display:grid}.openttd-addon-filters input,.openttd-addon-filters select{color:#14201a;width:100%;min-width:0;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #c9d1c5;border-radius:8px;padding:12px}.openttd-addon-list{margin:0 0 16px;padding:0;list-style:none}.openttd-addon-list li{border-top:1px solid #dce0d8;padding:20px 0}.openttd-addon-list h3{margin:0 0 8px;font-size:1.15rem}.openttd-addon-list small,.openttd-addon-meta{font-size:.85rem;font-weight:400}.openttd-addon-list p{overflow-wrap:anywhere}.openttd-addon-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.computer-standby-poster{isolation:isolate;text-align:left;justify-content:safe center;align-items:flex-start;padding:clamp(24px,5vw,56px);position:relative}.computer-standby-poster .computer-standby-cover{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.computer-standby-poster:before{content:"";z-index:-1;background:linear-gradient(90deg,#0b1711f2 0%,#0b1711db 38%,#0b17114d 72%,#0b17111a 100%);position:absolute;inset:0}.computer-standby-poster>:not(.computer-standby-cover){max-width:min(560px,100%)}.computer-standby-poster h2{font-family:var(--site-display);letter-spacing:-.04em;font-size:clamp(36px,5vw,64px);line-height:.98}.computer-standby-poster .computer-standby-pitch{color:#e4ebe5;font-size:18px}.computer-standby-poster p{color:#cfd8d1}.computer-standby-poster .computer-download{color:#d9f5a0;background:#c5f06a29;border-radius:999px;padding:6px 12px;font-size:13px;display:inline-block}.computer-standby-poster .computer-play{background:var(--site-lime);border-color:var(--site-lime);color:#0b1711;border-radius:14px;min-height:54px;padding:0 26px;font-size:17px;font-weight:700}.computer-standby-poster .player-controls-guide{color:#e4ebe5}.computer-standby-howto summary{cursor:pointer;color:#f3f6f1;align-items:center;min-height:44px;font-weight:600;display:inline-flex}.computer-standby-howto p{margin-top:4px;font-size:15px}@media (max-width:600px){.computer-standby-poster{justify-content:safe flex-end;gap:10px;padding:20px}.computer-standby-poster:before{background:linear-gradient(#0b171159 0%,#0b1711e0 45%,#0b1711f7 100%)}.computer-standby-poster h2{font-size:34px}.computer-standby-poster .computer-standby-pitch{font-size:15px}.computer-standby-poster .computer-play{width:100%}.computer-player:not(:fullscreen):not(.computer-player-expanded) .computer-display:has(>.computer-standby-poster):not(:has(iframe)){aspect-ratio:auto;height:auto;min-height:0}.computer-display:has(>.computer-standby-poster):not(:has(iframe))>.computer-standby-poster{box-sizing:border-box;height:auto;min-height:300px}.computer-standby-poster h2{font-size:28px;line-height:1.1}.computer-standby-poster .computer-standby-pitch{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.computer-main:has(.computer-poster-download) .computer-heading-download{display:none}.computer-heading+.age-notice{margin:4px 0 10px}.computer-heading+.age-notice .age-badge{margin:0 6px 0 0}.computer-heading+.age-notice .age-notice-copy{margin:0;display:inline}}.computer-twin{color:#3f5646;margin:0 0 16px;font-size:15px}.computer-twin a{color:#2f6b1e;font-weight:600}.computer-keys.computer-keys-tennis>div:not(.computer-marble-buttons){grid-template-columns:repeat(3,minmax(0,1fr)) 4px repeat(2,minmax(0,1fr));grid-template-areas:".up. .spin smash""left.right.hit hit"".down. .hit hit""pause pause select.back back";gap:6px;width:100%;max-width:420px;margin:0 auto;display:grid}.computer-keys-tennis button{min-width:0;min-height:48px;padding:6px 4px;font-size:14px}.computer-keys-tennis [data-key=ArrowUp]{grid-area:up}.computer-keys-tennis [data-key=ArrowDown]{grid-area:down}.computer-keys-tennis [data-key=ArrowLeft]{grid-area:left}.computer-keys-tennis [data-key=ArrowRight]{grid-area:right}.computer-keys-tennis [data-key=Space]{grid-area:hit;font-size:18px;font-weight:700}.computer-keys-tennis [data-key=ControlLeft]{grid-area:spin}.computer-keys-tennis [data-key=AltLeft]{grid-area:smash}.computer-keys-tennis [data-key=KeyP]{grid-area:pause}.computer-keys-tennis [data-key=Enter]{grid-area:select}.computer-keys-tennis [data-key=Escape]{grid-area:back}.computer-keys-tennis :is([data-key=KeyP],[data-key=Enter],[data-key=Escape]){min-height:40px;font-size:13px}.computer-desktop-note{color:#f6ecd2;background:#f2c96b24;border-left:3px solid #f2c96b;border-radius:6px;padding:8px 12px}.computer-desktop-confirm{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.computer-desktop-confirm p{flex-basis:100%;font-weight:600}.computer-console-pad{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:8px 14px;width:100%;max-width:460px;margin:0 auto;display:grid}.computer-console-pad .computer-dpad{grid-template-rows:repeat(3,minmax(44px,auto));grid-template-columns:repeat(3,minmax(44px,1fr));grid-template-areas:".up.""left.right"".down.";gap:4px;display:grid}.computer-console-pad .computer-dpad [data-key=ArrowUp]{grid-area:up}.computer-console-pad .computer-dpad [data-key=ArrowDown]{grid-area:down}.computer-console-pad .computer-dpad [data-key=ArrowLeft]{grid-area:left}.computer-console-pad .computer-dpad [data-key=ArrowRight]{grid-area:right}.computer-console-pad .computer-pad-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.computer-console-pad button{min-width:0;min-height:44px;padding:6px 4px;font-size:13px}.computer-console-pad .computer-two-players,.computer-console-pad .computer-pad-player-two{grid-column:1/-1}.computer-console-pad .computer-pad-player-two{grid-template-columns:repeat(4,minmax(0,1fr))}.computer-keys-penguin:has(.computer-console-pad){display:flex}.computer-player-penguin .computer-keys:has(.computer-console-pad):not(.computer-keys-open){display:none}@media (max-width:600px){.computer-player[data-game=kirchhoff-arcade]:not(:fullscreen):not(.computer-player-expanded) .computer-display:has(iframe){height:calc(100dvh - 16px)}}