@layer tokens,base,components,chrome,illustrations;@layer pages{.how-head{margin-bottom:var(--space-6)}.how-copy{gap:var(--space-4);color:var(--color-text-2);display:grid}.how-split{gap:var(--space-12) var(--space-16);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.how-split-text{max-width:36rem}.how-split-figure{min-width:0;margin:0}.how-lesson{max-width:var(--page-max-detail);margin:var(--space-10) 0 0}.how-lesson>.cst{margin:0}.how-retry{margin-top:var(--space-5);font-size:var(--text-md);color:var(--color-text-3);text-wrap:balance}.how-try{grid-template-columns:minmax(0, 1fr) minmax(0, var(--page-max-narrow));align-items:center;gap:var(--space-10) var(--space-16);max-width:var(--page-max-board);margin:var(--space-16) 0 0;padding-top:var(--space-16);border-top:1px solid var(--color-border);display:grid}.how-try-text{align-items:flex-start;gap:var(--space-4);flex-direction:column;display:flex}.how-try-head{margin-bottom:0}.how-try-demo{margin:0}.how-recall-top{justify-content:space-between;align-items:center;gap:var(--space-10) var(--space-16);grid-template-columns:minmax(0,40rem) auto;display:grid}.how-recall-shot{margin-inline-end:var(--space-12)}.how-ladder-row{align-items:start;gap:var(--space-8) var(--space-16);margin-top:var(--space-16);grid-template-columns:minmax(0,6fr) minmax(0,6fr);display:grid}.how-ladder-col{gap:var(--space-6);display:grid}.how-ladder{margin:0}.how-ladder-text{color:var(--color-text-2)}.how-recall-rules{border-top:1px solid var(--color-border);margin:0;display:grid}.how-recall-rule{gap:var(--space-1) var(--space-6);padding-block:var(--space-4);border-bottom:1px solid var(--color-border-sub);grid-template-columns:minmax(0,11rem) minmax(0,1fr);display:grid}.how-recall-rule dt{font-weight:700;line-height:var(--leading-snug);color:var(--color-text-1)}.how-recall-rule dd{color:var(--color-text-2);margin:0}.how-aside{align-items:start;gap:var(--space-4) var(--space-16);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid}.how-aside>.how-head{margin-bottom:0}.how-aside>.how-copy{max-width:40rem}.how-stages{margin:var(--space-12) 0 0;border-top:1px solid var(--color-border);padding:0;list-style:none}.how-stage{align-items:baseline;gap:var(--space-2) var(--space-16);padding-block:var(--space-5);border-bottom:1px solid var(--color-border-sub);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid}.how-stage-head{align-items:baseline;gap:var(--space-2) var(--space-6);grid-template-columns:minmax(0,8rem) minmax(0,1fr);display:grid}.how-stage-step{font-size:var(--text-sm);color:var(--color-text-2);text-decoration:underline;text-decoration-color:var(--color-border);text-underline-offset:.2em;font-weight:600}.how-stage-step:hover{color:var(--color-action);text-decoration-color:currentColor}.how-stage-verb{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);letter-spacing:var(--tracking-snug);line-height:1.15}.how-stage-family{margin-top:var(--space-1);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-3);font-weight:600}.how-stage-text{max-width:40rem;color:var(--color-text-2)}.how-stage-games{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-2);font-weight:600;display:block}.how-stages-recall{max-width:40rem;margin-top:var(--space-8);margin-left:calc((100% - var(--space-16)) * 5 / 12 + var(--space-16));color:var(--color-text-2)}.how-nights{gap:var(--space-4);justify-self:end;width:100%;max-width:30rem;display:grid}.how-nights-caption{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-3);font-weight:600}.how-nights-list{border-top:1px solid var(--color-border);margin:0;padding:0;list-style:none;display:grid}.how-nights-row{align-items:center;gap:var(--space-2) var(--space-4);padding-block:var(--space-4);border-bottom:1px solid var(--color-border-sub);grid-template-columns:5.5rem minmax(0,1fr) auto;grid-template-areas:"gap moons count";display:grid}.how-nights-gap{color:var(--color-text-1);grid-area:gap;font-weight:700}.how-nights-moons{gap:var(--space-1);color:var(--color-data);flex-wrap:wrap;grid-area:moons;display:flex}.how-nights-moon{fill:var(--color-data-soft);transition:transform var(--dur-slow) var(--ease-spring) calc(var(--how-row-d,0s) + var(--how-moon-i,0) * var(--dur-instant) * .75)}.how-nights-row:nth-child(2){--how-row-d:calc(var(--dur-normal) - var(--dur-instant))}.how-nights-row:nth-child(n+3){--how-row-d:calc(var(--dur-slow) + var(--dur-instant))}.how-nights-moon:nth-child(2){--how-moon-i:1}.how-nights-moon:nth-child(3){--how-moon-i:2}.how-nights-moon:nth-child(4){--how-moon-i:3}.how-nights-moon:nth-child(5){--how-moon-i:4}.how-nights-moon:nth-child(6){--how-moon-i:5}.how-nights-moon:nth-child(n+7){--how-moon-i:6}html.reveal-on .how-nights.moment:not(.is-played) .how-nights-moon{transform:translateY(var(--space-2)) scale(.5) rotate(-25deg);transition:none}.how-nights-count{font-size:var(--text-sm);color:var(--color-text-3);font-variant-numeric:tabular-nums;grid-area:count}.how-nights-more{font-size:var(--text-sm);color:var(--color-text-3);font-style:italic}.how-days{align-items:center;gap:var(--space-10) var(--space-16);margin-top:var(--space-16);grid-template-columns:minmax(0,4fr) minmax(0,8fr);display:grid}.how-days-text{gap:var(--space-4);color:var(--color-text-2);display:grid}.how-days-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);color:var(--color-text-1)}.how-inline-star{vertical-align:-.1em;width:.95em;height:.95em;fill:var(--color-success);margin-inline:.1em;display:inline-block}.how-quote{margin:var(--space-2) 0 0;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.how-quote p{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);letter-spacing:var(--tracking-snug);color:var(--color-text-1);text-wrap:balance;line-height:1.3}.how-days-shot{justify-self:end}.how-standing-shot{margin-top:var(--space-10)}.how-final-text{margin-bottom:0}@media (width<=1024px){.how-recall-top,.how-ladder-row,.how-days{grid-template-columns:minmax(0,1fr)}.how-recall-shot{margin-inline-end:0}.how-ladder-col{max-width:var(--page-max-wide)}.how-days-text{max-width:40rem}.how-days-shot{justify-self:start}.how-split{gap:var(--space-10)}}@media (width<=768px){.how-try{margin-top:var(--space-12);padding-top:var(--space-12);grid-template-columns:minmax(0,1fr)}.how-try-text,.how-try-demo{max-width:var(--page-max-narrow)}.how-split,.how-aside{grid-template-columns:minmax(0,1fr)}.how-aside>.how-head{margin-bottom:var(--space-2)}.how-split-text{max-width:none}.how-nights{justify-self:start}.how-stage{grid-template-columns:minmax(0,1fr)}.how-stages-recall{margin-left:0}}@media (width<=480px){.how-recall-rule{grid-template-columns:minmax(0,1fr)}.how-nights-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"gap count""moons moons"}}}