.connect-four[data-v-7456cb9a]{max-width:500px;margin:16px auto}.four-drops[data-v-7456cb9a],.four-row[data-v-7456cb9a]{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.four-drops[data-v-7456cb9a]{padding:0 10px 10px}.four-drops button[data-v-7456cb9a]{min-width:0;min-height:46px;font:inherit;color:#654e7f;cursor:pointer;background:#eee7f6;border:0;border-radius:9px;padding:0;font-size:20px}.four-drops button[data-v-7456cb9a]:disabled{opacity:.35;cursor:default}.four-drops button[data-v-7456cb9a]:focus-visible{outline-offset:2px;outline:3px solid #9167b4}.four-board[data-v-7456cb9a]{background:#ddd3e9;border-radius:16px;gap:7px;padding:10px;display:grid}.four-row>span[data-v-7456cb9a]{aspect-ratio:1;color:#fff;background:#fff;border:3px solid #0000;border-radius:50%;place-items:center;min-width:0;font-size:clamp(14px,4vw,24px);font-weight:700;display:grid}.four-row .disc-1[data-v-7456cb9a]{background:#735198}.four-row .disc-2[data-v-7456cb9a]{background:#187763}.four-row .win[data-v-7456cb9a]{border-color:#f9d44b}@media (width<=400px){.four-board[data-v-7456cb9a],.four-drops[data-v-7456cb9a],.four-row[data-v-7456cb9a]{gap:4px}.four-board[data-v-7456cb9a]{padding:6px}.four-drops[data-v-7456cb9a]{padding:0 6px 6px}}