._hopscotch_1s6ta_3{--hopscotch-size:var(--size-step);--hopscotch-radius:var(--radius-step);--hopscotch-edge:var(--border-strong);--hopscotch-done:var(--primary);align-items:center;gap:var(--gap-step);flex-wrap:nowrap;display:inline-flex}._large_1s6ta_15{--hopscotch-size:var(--size-step-large)}._hero_1s6ta_20{--hopscotch-size:var(--size-step-hero);--hopscotch-radius:var(--radius-step-hero)}._celebration_1s6ta_26{--hopscotch-size:var(--size-step-celebration);--hopscotch-radius:var(--radius-step-celebration);--hopscotch-edge:var(--border-hero);gap:var(--gap-step-celebration)}._square_1s6ta_34{box-sizing:border-box;width:var(--hopscotch-size);height:var(--hopscotch-size);background:var(--surface);border:var(--hopscotch-edge) solid var(--edge);border-radius:var(--hopscotch-radius);flex:none;place-items:center;display:grid}._done_1s6ta_46{background:var(--hopscotch-done)}._current_1s6ta_50{background:var(--accent)}._court_1s6ta_55{grid-template-columns:repeat(2, var(--hopscotch-size));display:inline-grid}._court_1s6ta_55 ._square_1s6ta_34:first-child{grid-area:3/1/auto/span 2;justify-self:center}._court_1s6ta_55 ._square_1s6ta_34:nth-child(2){grid-area:2/1}._court_1s6ta_55 ._square_1s6ta_34:nth-child(3){grid-area:2/2}._court_1s6ta_55 ._square_1s6ta_34:nth-child(4){grid-area:1/1/auto/span 2;justify-self:center}._celebration_1s6ta_26 ._square_1s6ta_34{color:var(--on-pastel);box-shadow:var(--card-shadow)}._celebration_1s6ta_26 ._done_1s6ta_46:first-child{background:var(--category-7);rotate:2deg}._celebration_1s6ta_26 ._done_1s6ta_46:nth-child(2){background:var(--category-8);rotate:3deg}._celebration_1s6ta_26 ._done_1s6ta_46:nth-child(3){background:var(--category-1);rotate:-2deg}._celebration_1s6ta_26 ._done_1s6ta_46:nth-child(4){background:var(--category-2);rotate:-4deg}._block_1s6ta_109{grid-template-columns:repeat(2, var(--hopscotch-size));display:inline-grid}._hopscotch_1s6ta_3:has(>._scatter_1s6ta_116){position:relative}._scatter_1s6ta_116{top:calc(-1 * var(--size-step-scatter-reach-y));right:calc(-1 * var(--size-step-scatter-reach-x));bottom:calc(-1 * var(--size-step-scatter-reach-y));left:calc(-1 * var(--size-step-scatter-reach-x));pointer-events:none;position:absolute}._bit_1s6ta_129{top:var(--bit-top);left:var(--bit-left);width:var(--size-step-scatter-bit);height:var(--size-step-scatter-bit);background:var(--bit-colour);border:var(--border-strong) solid var(--edge);border-radius:var(--radius-step-scatter-bit);rotate:var(--bit-rotate);position:absolute}._grid_1s6ta_143{--hopscotch-size:var(--size-step-grid);gap:var(--gap-step-grid);grid-template-columns:repeat(var(--hopscotch-columns), var(--hopscotch-size));display:grid}._grid_1s6ta_143[data-fill=true]{grid-template-columns:repeat(var(--hopscotch-columns), minmax(0, 1fr))}._grid_1s6ta_143[data-fill=true] ._square_1s6ta_34{aspect-ratio:1;width:auto;height:auto}._grid_1s6ta_143 ._current_1s6ta_50{background:var(--surface);border-color:var(--accent)}._stamped_1s6ta_167{animation:var(--anim-stamp)}._arrives_1s6ta_173{animation:var(--anim-stamp);animation-delay:calc(var(--motion-duration-feedback) + var(--i,0) * var(--motion-stagger));animation-fill-mode:backwards}._drops_1s6ta_180{animation:var(--anim-drop)}