.how-to-play{display:flex;flex-direction:column;align-items:center;gap:24px}.how-to-play__heading-group{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.how-to-play__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:3.2rem;letter-spacing:1px;color:var(--color-text)}.how-to-play__subheading{font-family:var(--font-body-family);font-size:1.6rem;letter-spacing:1px;color:var(--color-text)}.how-to-play__content{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.how-to-play__steps{display:flex;flex-direction:column;gap:10px;width:100%}.how-to-play__step{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--step-accent, var(--color-border));border-radius:15px}.how-to-play__step-body{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0}.how-to-play__step-number{font-family:var(--font-body-family);font-weight:700;font-size:2rem;letter-spacing:1px;color:var(--step-accent)}.how-to-play__step-description{font-family:var(--font-body-family);font-size:1.6rem;letter-spacing:1px;color:#0a0a0a}.how-to-play__step-image{flex-shrink:0;width:140px;height:140px}.how-to-play__step-image img,.how-to-play__step-image svg{display:block;width:100%;height:100%;object-fit:contain}.how-to-play__illustration{width:100%;max-width:var(--illustration-max-width, 367px)}.how-to-play__illustration-image{display:block;width:100%;height:auto}.how-to-play__placeholder-notice{width:100%;padding:12px 16px;border:1px dashed var(--color-border);border-radius:8px;font-family:var(--font-body-family);font-size:1.3rem;line-height:1.4;color:var(--color-text);background-color:rgba(255,255,255,.4)}.how-to-play__placeholder-notice code{font-family:monospace;background-color:rgba(255,255,255,.6);padding:0 4px;border-radius:3px}.how-to-play__step-image--placeholder,.how-to-play__illustration-placeholder{display:flex;align-items:center;justify-content:center;border:1px dashed var(--step-accent, var(--color-border));border-radius:10px;background-color:rgba(255,255,255,.45);font-family:var(--font-body-family);font-size:1.2rem;line-height:1.3;letter-spacing:1px;text-align:center;color:var(--step-accent, var(--color-text))}.how-to-play__illustration-placeholder{width:100%;aspect-ratio:367/465;padding:12px;border-color:var(--color-border);color:var(--color-text)}@media screen and (min-width: 990px){.how-to-play{gap:30px}.how-to-play__heading-group{gap:18px}.how-to-play__heading{font-size:4rem}.how-to-play__subheading{font-size:1.8rem}.how-to-play__content{flex-direction:row;align-items:var(--illustration-align, center);justify-content:center;gap:10px}.how-to-play__steps{display:flex;flex-flow:row wrap;align-items:stretch;justify-content:center;gap:9px 10px;max-width:874px}.how-to-play__step{flex:0 0 calc((100% - 10px) / 2);max-width:calc((100% - 10px) / 2)}.how-to-play__step-image{width:195px;height:195px}.how-to-play__illustration{max-width:var(--illustration-max-width, 367px)}}