.rule[data-v-cebec3ab]{border-bottom:1px solid var(--line);height:200vh}.rule__pin[data-v-cebec3ab]{box-sizing:border-box;justify-content:center;align-items:center;height:100vh;padding:clamp(32px,5vh,64px) clamp(24px,4vw,64px);display:flex;position:sticky;top:0}.rule__stage[data-v-cebec3ab]{grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:center;gap:clamp(40px,5vw,76px);width:100%;max-width:1040px;display:grid}.rule__copy[data-v-cebec3ab]{max-width:46ch}.rule__title[data-v-cebec3ab]{letter-spacing:-.02em;margin:10px 0 0;font-size:clamp(1rem,2.4vw,2rem);font-weight:600;line-height:1.15}.rule__board[data-v-cebec3ab]{gap:10px;width:min(54vh,470px)}.rule__board[data-v-cebec3ab],.rule__mini[data-v-cebec3ab]{grid-template-columns:repeat(3,1fr);display:grid}.rule__mini[data-v-cebec3ab]{border-radius:var(--radius);box-shadow:0 0 0 1px var(--line);transition:box-shadow var(--medium) var(--ease),background-color var(--medium) var(--ease);gap:3px;padding:5px}.rule__mini--sent[data-v-cebec3ab]{box-shadow:0 0 0 2px var(--accent),0 0 22px -6px var(--accent-soft);background:var(--accent-soft)}.rule__cell[data-v-cebec3ab]{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--surface);transition:background-color var(--medium) var(--ease);justify-content:center;align-items:center;min-width:0;min-height:0;font-size:min(2.8vh,25px);line-height:1;display:flex}.rule__cell--filled[data-v-cebec3ab]{background:var(--surface-raised)}.rule__cell b[data-v-cebec3ab]{animation:rule-mark-in-cebec3ab .32s var(--reveal-ease) backwards;font-weight:600;display:inline-block}@keyframes rule-mark-in-cebec3ab{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}.rule__beats[data-v-cebec3ab]{counter-reset:beat;flex-direction:column;gap:18px;margin:22px 0 0;padding:0;list-style:none;display:flex}.rule__beat[data-v-cebec3ab]{counter-increment:beat;color:var(--text-faint);transition:color var(--reveal-duration) var(--reveal-ease);align-items:baseline;gap:14px;font-size:clamp(.95rem,1.5vw,1.15rem);line-height:1.5;display:flex}.rule__beat[data-v-cebec3ab]:before{content:counter(beat);width:26px;height:26px;box-shadow:inset 0 0 0 1px var(--line);transition:background-color var(--reveal-duration) var(--reveal-ease),box-shadow var(--reveal-duration) var(--reveal-ease),color var(--reveal-duration) var(--reveal-ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;display:flex;transform:translateY(.1em)}.rule__beat--reached[data-v-cebec3ab]{color:var(--text)}.rule__beat--reached[data-v-cebec3ab]:before{background:var(--accent);color:var(--accent-text);box-shadow:none}.rule[data-v-cebec3ab]{display:none}@media (width>=56.25rem){.rule[data-v-cebec3ab]{display:block}}