.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-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;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-heading{gap:12px 20px}.computer-heading h1{font-size:clamp(24px,3vw,36px)}