._board_1g8fr_8{--rack:#7a2e45;--rack-light:#8f3a55;--rack-dark:#5f2034;--hole-edge:#28061280;--well:#9d8b91;--well-light:#ab9aa0;--well-deep:#7a676e;--cream:#f6ecd4;--cream-ring:#e0cba0;--cream-edge:#c4a874;--ink:#26222c;--ink-ring:#3d3746;--ink-rim:#fff8ec4d;--four:#fff6e2;--four-core:#3a1220;aspect-ratio:1;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;container-type:inline-size}@media (prefers-color-scheme:dark){._board_1g8fr_8{--rack:#8d3a55;--rack-light:#a24965;--rack-dark:#6b2840;--hole-edge:#14020a8c;--well:#776870;--well-light:#85767c;--well-deep:#5a4c53;--cream:#f3e6c6;--cream-ring:#d9c08f;--cream-edge:#b89a66;--ink:#1d1a22;--ink-ring:#36303f;--ink-rim:#fff8ec80}}._frame_1g8fr_51{--u:calc(100cqw / var(--side));touch-action:pan-y;width:100%;height:100%;position:relative}._rack_1g8fr_62,._wells_1g8fr_63{left:0;top:var(--u);width:100%;height:calc((6 + 2 * var(--pad)) * var(--u));pointer-events:none;position:absolute;overflow:visible}._wellLight_1g8fr_74{stop-color:var(--well-light)}._wellMid_1g8fr_78{stop-color:var(--well)}._wellDeep_1g8fr_82{stop-color:var(--well-deep)}._discs_1g8fr_87{position:absolute;inset:0}._disc_1g8fr_87,._waiting_1g8fr_93{left:calc((var(--pad) + var(--c)) * var(--u));top:calc((1 + var(--pad) + var(--r)) * var(--u));width:var(--u);height:var(--u);pointer-events:none;place-items:center;display:grid;position:absolute}._disc_1g8fr_87:before,._waiting_1g8fr_93:before{content:"";border-radius:50%;width:76%;height:76%}._yours_1g8fr_113:before{background:radial-gradient(circle, var(--cream) 0 47%, var(--cream-ring) 50% 57%, var(--cream) 61%);box-shadow:inset 0 calc(var(--u) * -.05) 0 var(--cream-edge)}._theirs_1g8fr_119:before{background:radial-gradient(circle, var(--ink) 0 47%, var(--ink-ring) 50% 57%, var(--ink) 61%);box-shadow:inset 0 0 0 calc(var(--u) * .035) var(--ink-rim), inset 0 calc(var(--u) * -.05) 0 #00000059}._falling_1g8fr_127{animation:_fall_1g8fr_127 var(--fall-ms) linear both}@keyframes _fall_1g8fr_127{0%{transform:translateY(calc(var(--fall) * -100%));animation-timing-function:cubic-bezier(.55,0,1,.45)}74%{animation-timing-function:cubic-bezier(0,.55,.45,1);transform:translateY(0)}87%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(-8%)}to{transform:translateY(0)}}._rack_1g8fr_62{filter:drop-shadow(0 calc(var(--u) * .06) calc(var(--u) * .1) #280a1447)}._face_1g8fr_154{fill:var(--rack)}._holeEdge_1g8fr_159{fill:none;stroke:var(--hole-edge);stroke-width:.045px}._marks_1g8fr_166{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}._fourLine_1g8fr_175,._fourEdge_1g8fr_176{stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:.36s cubic-bezier(.3,.7,.4,1) both _draw_1g8fr_1}._fourLine_1g8fr_175{stroke:var(--four);stroke-width:.075px}._fourEdge_1g8fr_176{stroke:var(--four-core);stroke-width:.17px;stroke-opacity:.7}@keyframes _draw_1g8fr_1{0%{stroke-dashoffset:1px}}._celebrate_1g8fr_201 ._inFour_1g8fr_201:before{animation:.52s ease-out .18s both _glow_1g8fr_1}@keyframes _glow_1g8fr_1{0%{transform:scale(1)}45%{filter:brightness(1.15);transform:scale(1.12)}to{filter:brightness(1.08);transform:scale(1)}}._escape_1g8fr_220{fill:none;stroke:var(--four);stroke-width:.07px;animation:1.2s ease-in-out infinite _ring_1g8fr_1}@keyframes _ring_1g8fr_1{50%{opacity:.45}}._waiting_1g8fr_93{top:calc(var(--band) * var(--u));z-index:1;transition:left 90ms ease-out}._waiting_1g8fr_93._yours_1g8fr_113:before{box-shadow:inset 0 0 0 calc(var(--u) * .04) var(--cream-edge), inset 0 calc(var(--u) * -.06) 0 var(--cream-edge), 0 calc(var(--u) * .05) calc(var(--u) * .12) #3c1e1459}._waiting_1g8fr_93._theirs_1g8fr_119{animation:.14s ease-out both _appear_1g8fr_1}._dim_1g8fr_257:before{opacity:.35}@keyframes _appear_1g8fr_1{0%{opacity:0}}._missed_1g8fr_268{left:calc((var(--pad) + var(--c)) * var(--u) + var(--u) * .17);top:calc(var(--u) * .3);width:calc(var(--u) * .66);height:calc(var(--u) * .66);border:calc(var(--u) * .05) dashed var(--cream-edge);background:color-mix(in srgb, var(--cream) 55%, transparent);pointer-events:none;border-radius:50%;position:absolute}._missedNote_1g8fr_280{left:calc((var(--pad) + var(--c) + 1) * var(--u));top:calc(var(--u) * .36);padding:0 calc(var(--u) * .12);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text);font-size:clamp(11px, calc(var(--u) * .2), 15px);font-weight:750;line-height:calc(var(--u) * .52);white-space:nowrap;pointer-events:none;border-radius:999px;position:absolute}._missedNoteLeft_1g8fr_297{left:auto;right:calc((var(--side) - var(--pad) - var(--c)) * var(--u))}._numbers_1g8fr_303 span{left:calc((var(--pad) + var(--c)) * var(--u));width:var(--u);color:var(--text-muted);font-size:clamp(10px, calc(var(--u) * .2), 15px);font-weight:750;line-height:calc(var(--u) * .24);text-align:center;position:absolute;top:0}._hintColumn_1g8fr_316{left:calc((var(--pad) + var(--c)) * var(--u));width:var(--u);border-radius:calc(var(--u) * .3);background:color-mix(in srgb, var(--accent) 22%, transparent);height:100%;box-shadow:inset 0 0 0 calc(var(--u) * .04) var(--accent);pointer-events:none;z-index:1;animation:1.2s ease-in-out infinite _pulse_1g8fr_1;position:absolute;top:0}@keyframes _pulse_1g8fr_1{50%{opacity:.55}}._columns_1g8fr_337{z-index:2;position:absolute;inset:0}._column_1g8fr_337{top:0;left:calc((var(--pad) + var(--c)) * var(--u));width:var(--u);border-radius:calc(var(--u) * .3);cursor:pointer;background:0 0;border:0;height:100%;padding:0;position:absolute}._column_1g8fr_337:first-child{width:calc((1 + var(--pad)) * var(--u));left:0}._column_1g8fr_337:last-child{width:calc((1 + var(--pad)) * var(--u))}._column_1g8fr_337:focus-visible{box-shadow:inset 0 0 0 3px var(--accent);outline:none}._locked_1g8fr_371 ._column_1g8fr_337{cursor:default}@media (prefers-reduced-motion:reduce){._waiting_1g8fr_93{transition:none}._falling_1g8fr_127,._fourLine_1g8fr_175,._fourEdge_1g8fr_176,._celebrate_1g8fr_201 ._inFour_1g8fr_201:before,._escape_1g8fr_220,._hintColumn_1g8fr_316,._waiting_1g8fr_93._theirs_1g8fr_119{animation:none}}