.Connect4Parts_side__S2dbx{display:flex;flex-direction:column;gap:8px}.Connect4Parts_sideNote__ek_XM{margin:0;color:var(--color-text-light);font-size:.82rem}.Connect4Parts_record__w1hdw{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.4rem,1fr));grid-gap:3px 6px;gap:3px 6px;max-height:13rem;margin:0;padding:0;overflow-y:auto;list-style:none;font-size:.85rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.Connect4Parts_recordItem__h_IEu{display:flex;align-items:center;gap:4px;padding:1px 4px;border-radius:var(--radius-sm)}.Connect4Parts_recordLast__7sp4Q{background:var(--color-bg);font-weight:800}.Connect4Parts_recordNum__k0ysd{min-width:1.4rem;color:var(--color-text-light);font-size:.72rem;text-align:right}.Connect4Parts_empty__edDfM{margin:0;color:var(--color-text-light);font-size:.82rem}.Connect4Board_mini__1qgRJ,.Connect4Board_root__m8T7P{--c4-frame:#2459c2;--c4-frame-edge:#5b86e0;--c4-rim:#173f8f;--c4-foot:#1b4699;--c4-back:#e6ecf6;--c4-label:#c9d8f6;--c4-red:#e23c3f;--c4-red-ring:#b3262b;--c4-yellow:#f6c629;--c4-yellow-ring:#d29b06;--c4-shine:hsla(0,0%,100%,.34);--c4-glow:#fff1a8}.Connect4Board_root__m8T7P{--c4-step:calc(70ms * var(--bg-speed, 1));--c4-base:calc(300ms * var(--bg-speed, 1));position:relative;container-type:inline-size;width:100%;aspect-ratio:760/788;touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.Connect4Board_live__4y_Kn{cursor:pointer}.Connect4Board_back__KX32t{position:absolute;top:13.2%;right:2.5%;bottom:9.2%;left:2.5%;border-radius:2cqw;background:var(--c4-back)}.Connect4Board_disc__xWshQ{position:absolute;width:11.05%;aspect-ratio:1;border-radius:50%;pointer-events:none}.Connect4Board_disc__xWshQ:after,.Connect4Board_disc__xWshQ:before{content:"";position:absolute;border-radius:50%}.Connect4Board_disc__xWshQ:before{inset:21%;border:1cqw solid var(--c4-ring)}.Connect4Board_disc__xWshQ:after{top:15%;left:22%;width:30%;height:17%;background:var(--c4-shine);transform:rotate(-35deg)}.Connect4Board_red__msHKF{--c4-ring:var(--c4-red-ring);background:var(--c4-red);box-shadow:inset 0 0 0 .5cqw var(--c4-red-ring)}.Connect4Board_yellow__DNx4y{--c4-ring:var(--c4-yellow-ring);background:var(--c4-yellow);box-shadow:inset 0 0 0 .5cqw var(--c4-yellow-ring)}.Connect4Board_falling__U4XOS{animation:Connect4Board_c4Drop__0BKj2 calc(var(--c4-base) + var(--c4-rows, 1) * var(--c4-step)) linear both}@keyframes Connect4Board_c4Drop__0BKj2{0%{transform:translateY(calc(var(--c4-fall, 1) * -100%));animation-timing-function:cubic-bezier(.55,0,1,.6)}56%{transform:translateY(0);animation-timing-function:cubic-bezier(0,.5,.5,1)}70%{transform:translateY(-16%);animation-timing-function:cubic-bezier(.5,0,1,.5)}82%{transform:translateY(0);animation-timing-function:cubic-bezier(0,.5,.5,1)}90%{transform:translateY(-4%);animation-timing-function:cubic-bezier(.5,0,1,.5)}to{transform:translateY(0)}}.Connect4Board_faded__uuj9r{opacity:.5;transition:opacity .5s ease calc(var(--c4-done, 0) * 1ms)}.Connect4Board_ghost__CZdoD{z-index:3;opacity:.92;transition:left calc(.11s * var(--bg-speed, 1)) ease-out;animation:Connect4Board_c4Hover__onqAb 1.4s ease-in-out infinite}@keyframes Connect4Board_c4Hover__onqAb{50%{transform:translateY(-5%)}}.Connect4Board_frame__6cblr,.Connect4Board_marks__3VWBG{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.Connect4Board_frame__6cblr{z-index:1;filter:drop-shadow(0 .6cqw .9cqw rgba(16,30,60,.28))}.Connect4Board_body__SjsYU{fill:var(--c4-frame)}.Connect4Board_foot__vNH88{fill:var(--c4-foot)}.Connect4Board_edge__gsICX{fill:none;stroke:var(--c4-frame-edge);stroke-width:3;opacity:.75}.Connect4Board_rims__OH4om circle{fill:none;stroke:var(--c4-rim);stroke-width:4}.Connect4Board_numbers___rhac text{fill:var(--c4-label);font-family:var(--font-main);font-size:21px;font-weight:800;text-anchor:middle}.Connect4Board_marks__3VWBG{z-index:2}.Connect4Board_column__6MWaj{fill:hsla(0,0%,100%,.13)}.Connect4Board_target__h7wHJ{fill:none;stroke-width:5;stroke-dasharray:9 8}.Connect4Board_targetRed__OA4TJ{stroke:var(--c4-red)}.Connect4Board_targetYellow__0L_g1{stroke:var(--c4-yellow-ring)}.Connect4Board_hint__RDLpY{fill:none;stroke:var(--color-secondary);stroke-width:6;transform-box:fill-box;transform-origin:center;animation:Connect4Board_c4Pulse__6pdiz 1.1s ease-in-out infinite}.Connect4Board_hint__RDLpY path{fill:var(--color-secondary);stroke:none}@keyframes Connect4Board_c4Pulse__6pdiz{50%{opacity:.45}}.Connect4Board_last__Y1n_o{fill:var(--color-white);stroke:rgba(0,0,0,.35);stroke-width:2;animation:Connect4Board_c4Fade__aNPR9 calc(.26s * var(--bg-speed, 1)) ease-out both;animation-delay:calc(var(--c4-done, 0) * 1ms)}@keyframes Connect4Board_c4Fade__aNPR9{0%{opacity:0}}.Connect4Board_win___2Wa2{animation:Connect4Board_c4Fade__aNPR9 .35s ease-out both;animation-delay:calc(var(--c4-done, 0) * 1ms)}.Connect4Board_win___2Wa2 line{stroke:var(--c4-glow);stroke-width:12;stroke-linecap:round;opacity:.85}.Connect4Board_win___2Wa2 circle{fill:none;stroke:var(--c4-glow);stroke-width:7;transform-box:fill-box;transform-origin:center;animation:Connect4Board_c4WinRing__u1Jyg 1.2s ease-in-out infinite;animation-delay:calc(var(--c4-done, 0) * 1ms)}@keyframes Connect4Board_c4WinRing__u1Jyg{50%{stroke-width:3;opacity:.7}}.Connect4Board_columns__3f21F{position:absolute;top:0;right:3.95%;bottom:4.6%;left:3.95%;z-index:4;display:grid;grid-template-columns:repeat(7,1fr)}.Connect4Board_colBtn__rf_XI{min-width:0;padding:0;border:none;border-radius:2cqw;background:transparent;cursor:inherit}.Connect4Board_colBtn__rf_XI:disabled{cursor:default}.Connect4Board_colBtn__rf_XI:focus-visible{outline:3px solid var(--color-secondary);outline-offset:-3px}@media (prefers-reduced-motion:reduce){.Connect4Board_falling__U4XOS,.Connect4Board_ghost__CZdoD,.Connect4Board_hint__RDLpY,.Connect4Board_last__Y1n_o,.Connect4Board_win___2Wa2,.Connect4Board_win___2Wa2 circle{animation:none}}.Connect4Board_mini__1qgRJ{display:block;flex:none}.Connect4Board_miniRed__JYBiJ{fill:var(--c4-red);stroke:var(--c4-red-ring);stroke-width:1.2}.Connect4Board_miniYellow__AIw02{fill:var(--c4-yellow);stroke:var(--c4-yellow-ring);stroke-width:1.2}.Connect4Board_miniRedRing__9mMcl,.Connect4Board_miniYellowRing__1I_yo{fill:none;stroke-width:1.6}.Connect4Board_miniRedRing__9mMcl{stroke:var(--c4-red-ring)}.Connect4Board_miniYellowRing__1I_yo{stroke:var(--c4-yellow-ring)}.Connect4Board_miniShine__gJ0j5{fill:var(--c4-shine)}.Connect4Board_diagram__5OdrK{width:100%;height:auto}.Connect4Board_diagramBack__j2Vmn{fill:var(--c4-back)}.Connect4Board_diagramFrame__Su3w_{fill:var(--c4-frame)}.Connect4Board_diagramWin____5bx{fill:none;stroke:var(--c4-glow);stroke-width:4}.Connect4Board_diagramTarget__8X_oO{fill:none;stroke:var(--c4-red);stroke-width:3;stroke-dasharray:5 4}