.connect-four-tool[data-v-dd4f1b4b]{max-width:500px;margin:0 auto;padding:.5rem}.start-screen[data-v-dd4f1b4b]{text-align:center;padding:1.5rem 1rem}.intro-emoji[data-v-dd4f1b4b]{font-size:3rem;margin-bottom:.75rem}.start-screen h2[data-v-dd4f1b4b]{font-size:1.8rem;font-weight:800;margin-bottom:.5rem;color:#1f2937}.intro-desc[data-v-dd4f1b4b]{color:#6b7280;line-height:1.6;margin-bottom:1.5rem}.difficulty-section[data-v-dd4f1b4b]{margin-bottom:1.5rem}.section-label[data-v-dd4f1b4b]{font-weight:700;color:#374151;margin-bottom:.75rem}.difficulty-btns[data-v-dd4f1b4b]{display:flex;gap:.75rem;justify-content:center}.diff-btn[data-v-dd4f1b4b]{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .15s;min-width:90px}.diff-btn[data-v-dd4f1b4b]:hover{border-color:#6366f1;background:#f5f3ff}.diff-btn.active[data-v-dd4f1b4b]{border-color:#6366f1;background:#ede9fe}.diff-emoji[data-v-dd4f1b4b]{font-size:1.4rem}.diff-name[data-v-dd4f1b4b]{font-weight:700;font-size:.9rem;color:#374151}.diff-desc[data-v-dd4f1b4b]{font-size:.75rem;color:#9ca3af}.btn-start[data-v-dd4f1b4b]{background:#6366f1;color:#fff;border:none;border-radius:12px;padding:.85rem 2.5rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .15s}.btn-start[data-v-dd4f1b4b]:hover{background:#4f46e5}.game-screen[data-v-dd4f1b4b]{display:flex;flex-direction:column;align-items:center;gap:.75rem}.scoreboard[data-v-dd4f1b4b]{display:flex;align-items:center;gap:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:.75rem 1.25rem;width:100%;box-sizing:border-box;justify-content:space-between}.score-item[data-v-dd4f1b4b]{display:flex;align-items:center;gap:.4rem}.score-emoji[data-v-dd4f1b4b]{font-size:1.3rem}.score-label[data-v-dd4f1b4b]{font-weight:600;color:#374151;font-size:.95rem}.score-value[data-v-dd4f1b4b]{font-size:1.4rem;font-weight:800;color:#1f2937;min-width:1.5rem;text-align:center}.score-center[data-v-dd4f1b4b]{display:flex;flex-direction:column;align-items:center;gap:.2rem}.diff-badge[data-v-dd4f1b4b]{font-size:.8rem;color:#6366f1;font-weight:700}.score-draw[data-v-dd4f1b4b]{font-size:.8rem;color:#9ca3af}.status-message[data-v-dd4f1b4b]{font-weight:700;font-size:1rem;color:#374151;padding:.5rem 1rem;border-radius:8px;background:#f3f4f6;text-align:center;width:100%;box-sizing:border-box;min-height:2.5rem;display:flex;align-items:center;justify-content:center}.status-win[data-v-dd4f1b4b]{background:#d1fae5;color:#065f46}.status-lose[data-v-dd4f1b4b]{background:#fee2e2;color:#991b1b}.status-draw[data-v-dd4f1b4b]{background:#fef3c7;color:#92400e}.status-thinking[data-v-dd4f1b4b]{background:#ede9fe;color:#5b21b6}.board-wrapper[data-v-dd4f1b4b]{width:100%}.col-arrows[data-v-dd4f1b4b]{display:flex;gap:4px;margin-bottom:2px}.col-arrow[data-v-dd4f1b4b]{flex:1;background:none;border:none;color:#6366f1;font-size:1.1rem;cursor:pointer;padding:.2rem 0;border-radius:6px;transition:background .1s}.col-arrow[data-v-dd4f1b4b]:hover:not(.disabled){background:#ede9fe}.col-arrow.disabled[data-v-dd4f1b4b]{color:#d1d5db;cursor:not-allowed}.board[data-v-dd4f1b4b]{display:flex;flex-direction:column;gap:4px;background:#2563eb;border-radius:12px;padding:8px}.board-row[data-v-dd4f1b4b]{display:flex;gap:4px}.cell[data-v-dd4f1b4b]{flex:1;aspect-ratio:1;background:#1d4ed8;border-radius:50%;cursor:pointer;transition:background .1s;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.cell-inner[data-v-dd4f1b4b]{width:88%;height:88%;border-radius:50%;background:#bfdbfe;transition:background .2s}.cell.player .cell-inner[data-v-dd4f1b4b]{background:#ef4444;box-shadow:inset 0 -3px 6px #0003}.cell.ai .cell-inner[data-v-dd4f1b4b]{background:#fbbf24;box-shadow:inset 0 -3px 6px #0003}.cell.hover-col .cell-inner[data-v-dd4f1b4b]{background:#93c5fd}.cell.player.hover-col .cell-inner[data-v-dd4f1b4b],.cell.ai.hover-col .cell-inner[data-v-dd4f1b4b]{background:unset}.cell.player.hover-col .cell-inner[data-v-dd4f1b4b]{background:#ef4444}.cell.ai.hover-col .cell-inner[data-v-dd4f1b4b]{background:#fbbf24}.cell.winning-cell .cell-inner[data-v-dd4f1b4b]{animation:pulse-win-dd4f1b4b .6s ease-in-out infinite alternate}.cell.player.winning-cell .cell-inner[data-v-dd4f1b4b]{background:#f87171;box-shadow:0 0 12px #ef4444cc}.cell.ai.winning-cell .cell-inner[data-v-dd4f1b4b]{background:#fde68a;box-shadow:0 0 12px #fbbf24cc}@keyframes pulse-win-dd4f1b4b{0%{transform:scale(.92)}to{transform:scale(1)}}.game-over-actions[data-v-dd4f1b4b],.playing-actions[data-v-dd4f1b4b]{display:flex;gap:.75rem;width:100%}.btn-restart[data-v-dd4f1b4b],.btn-restart-sm[data-v-dd4f1b4b]{flex:1;padding:.75rem;background:#6366f1;color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .15s}.btn-restart[data-v-dd4f1b4b]:hover,.btn-restart-sm[data-v-dd4f1b4b]:hover{background:#4f46e5}.btn-reset-all[data-v-dd4f1b4b],.btn-reset-all-sm[data-v-dd4f1b4b]{flex:1;padding:.75rem;background:#fff;color:#6b7280;border:1px solid #e5e7eb;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-reset-all[data-v-dd4f1b4b]:hover,.btn-reset-all-sm[data-v-dd4f1b4b]:hover{background:#f9fafb;color:#374151}.connect-four-page[data-v-5ef721f6]{max-width:700px;margin:0 auto;padding:1rem}.page-header[data-v-5ef721f6]{text-align:center;margin-bottom:1.5rem}.page-header h1[data-v-5ef721f6]{font-size:1.8rem;font-weight:800;margin-bottom:.4rem}.page-header p[data-v-5ef721f6]{color:#666;font-size:1rem}.info-section[data-v-5ef721f6]{margin-top:2rem}.info-section h3[data-v-5ef721f6]{font-size:1.2rem;font-weight:700;margin-bottom:1rem;color:#374151}.info-card[data-v-5ef721f6]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;margin-bottom:1rem}.info-card.highlight[data-v-5ef721f6]{border-color:#c7d2fe;background:#f5f3ff}.info-card h4[data-v-5ef721f6]{font-size:1rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.rules-grid[data-v-5ef721f6]{display:grid;gap:.75rem}.rule-item[data-v-5ef721f6]{display:flex;gap:.75rem;align-items:flex-start}.rule-icon[data-v-5ef721f6]{font-size:1.4rem;flex-shrink:0}.rule-content strong[data-v-5ef721f6]{display:block;font-weight:700;margin-bottom:.2rem;color:#374151}.rule-content p[data-v-5ef721f6]{font-size:.9rem;color:#6b7280;line-height:1.5;margin:0}.tips-list[data-v-5ef721f6]{padding-left:1.25rem;margin:0}.tips-list li[data-v-5ef721f6]{font-size:.9rem;color:#4b5563;margin-bottom:.5rem;line-height:1.5}.difficulty-desc[data-v-5ef721f6]{display:flex;flex-direction:column;gap:.6rem}.diff-item[data-v-5ef721f6]{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#4b5563}.diff-tag[data-v-5ef721f6]{font-weight:700;padding:.2rem .6rem;border-radius:6px;font-size:.85rem;white-space:nowrap}.diff-tag.easy[data-v-5ef721f6]{background:#d1fae5;color:#065f46}.diff-tag.normal[data-v-5ef721f6]{background:#fef3c7;color:#92400e}.diff-tag.hard[data-v-5ef721f6]{background:#fee2e2;color:#991b1b}