.howto-mode{display:flex;gap:8px;align-items:center;margin:24px 0}.howto-mode button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.howto-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:28px}.howto-step{min-width:0}.howto-media{aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:var(--ink)}.howto-preview{display:block;position:relative;height:100%;color:var(--ink);text-decoration:none}.howto-preview img{display:block;width:100%;height:100%;object-fit:cover}.howto-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--paper)}.howto-play svg{width:24px;height:24px;fill:var(--ink);margin-left:3px}.howto-play-copy{position:absolute;bottom:8px;left:8px;background:var(--paper);padding:4px 10px;border-radius:6px;font-size:14px;font-weight:600}.howto-preview:focus-visible{outline-offset:-5px}.howto-preview:hover .howto-play{background:#fffaf0}.howto-media video{display:block;width:100%;height:100%;background:var(--ink)}.howto-step h3{font-size:27px;line-height:1.25;margin:22px 0 12px;color:var(--ink);max-width:22ch}.howto-step>p{font-size:17px;line-height:1.55;margin:0}.howto-keys{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}.howto-keys p{margin:0;font-size:15px;line-height:1.6}.howto-keys p+p{margin-top:12px}.howto-keys strong{display:block;color:var(--ink);margin-bottom:4px}.howto-keys span{display:block}.howto-stop{margin-top:14px}.howto-status{margin-top:12px!important}.howto-fallback{display:inline-flex;min-height:44px;align-items:center;font-size:15px}.howto-scope{font-size:16px;margin:36px 0 0;max-width:75ch}.howto-trailer{border-top:1px solid var(--line);margin-top:32px;padding-top:18px}.howto-trailer>summary{min-height:48px;font-size:22px;font-weight:600;color:var(--ink);align-content:center}.howto-trailer>p{font-size:17px;margin:12px 0}.howto-trailer .gameplay-media{margin-top:20px}
@media(max-width:1000px) and (min-width:701px){.howto-grid{gap:22px}.howto-step h3{font-size:23px}}
@media(max-width:700px){.howto-grid{grid-template-columns:minmax(0,1fr);gap:36px}.howto-step h3{font-size:28px;margin-top:18px}.howto-keys{margin-top:14px}.howto-mode{margin-bottom:20px}.howto-scope{margin-top:28px}.howto-trailer>summary{font-size:20px}}
