.HowToPlayPage{max-width:800px;margin:0 auto;padding:1rem 1.5rem}.HowToPlayPage__hero{text-align:center;margin-bottom:3rem}.HowToPlayPage__icon{width:64px;height:64px;color:var(--color-primary-light);background:var(--color-surface-hover);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.HowToPlayPage__title{margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.2}.HowToPlayPage__intro{max-width:600px;color:var(--color-text-secondary);margin:0 auto;font-size:1.25rem;line-height:1.6}.HowToPlayPage__section{margin-bottom:4rem}.HowToPlayPage__section-title{margin-bottom:1.5rem;font-size:1.5rem}.HowToPlayPage__rules{gap:1.5rem;display:grid}.HowToPlayPage__rule{background:var(--color-surface);border:1px solid var(--color-surface-hover);border-radius:var(--radius);align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.HowToPlayPage__rule-icon{color:var(--color-secondary);margin-top:.2rem}.HowToPlayPage__rule-text{opacity:.9;font-size:1.1rem;line-height:1.6}.HowToPlayPage__example{border-left:4px solid var(--color-primary);border-radius:var(--radius);background:#0003;padding:2rem;font-family:monospace,sans-serif}.HowToPlayPage__example-step{margin-bottom:1rem;font-size:1rem;line-height:1.6}.HowToPlayPage__example-step--last{margin-bottom:0}.HowToPlayPage__actions{text-align:center;margin-top:4rem}.HowToPlayPage__play-link{color:#fff;background:var(--color-primary);border-radius:var(--radius);padding:1rem 3rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:inline-block}.HowToPlayPage__ad{margin-top:2.5rem;padding-bottom:2rem}