.dot-connect[data-v-c3591ec0]{max-width:600px;margin:0 auto;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2937}.header[data-v-c3591ec0]{text-align:center;margin-bottom:24px}.title[data-v-c3591ec0]{font-size:1.6rem;font-weight:700;margin:0 0 6px}.subtitle[data-v-c3591ec0]{color:#6b7280;font-size:.9rem;margin:0}.idle-screen[data-v-c3591ec0]{display:flex;flex-direction:column;gap:24px;align-items:center}.best-record[data-v-c3591ec0]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;width:100%}.record-grid[data-v-c3591ec0]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center}.record-label[data-v-c3591ec0]{display:block;font-size:.75rem;color:#6b7280;margin-bottom:4px}.record-value[data-v-c3591ec0]{display:block;font-size:1.1rem;font-weight:700;color:#1f2937}.section-label[data-v-c3591ec0]{font-size:.9rem;font-weight:600;color:#6b7280;margin:0 0 12px;text-align:center}.puzzle-select[data-v-c3591ec0]{width:100%}.puzzle-grid[data-v-c3591ec0]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.puzzle-btn[data-v-c3591ec0]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .15s;touch-action:manipulation}.puzzle-btn[data-v-c3591ec0]:hover{border-color:#3b82f6;background:#eff6ff}.puzzle-emoji[data-v-c3591ec0]{font-size:1.5rem}.puzzle-name[data-v-c3591ec0]{font-size:.75rem;color:#1f2937;font-weight:600}.start-btn[data-v-c3591ec0]{padding:14px 32px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;touch-action:manipulation;transition:background .15s}.start-btn[data-v-c3591ec0]:hover{background:#2563eb}.hud[data-v-c3591ec0]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.hud-item[data-v-c3591ec0]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px;text-align:center}.hud-label[data-v-c3591ec0]{display:block;font-size:.65rem;color:#6b7280;margin-bottom:2px}.hud-value[data-v-c3591ec0]{display:block;font-size:.95rem;font-weight:700;color:#1f2937}.hud-value.next-number[data-v-c3591ec0]{color:#3b82f6;font-size:1.2rem}.hud-value.mistake[data-v-c3591ec0]{color:#ef4444}.progress-bar[data-v-c3591ec0]{height:6px;background:#e2e8f0;border-radius:3px;margin-bottom:12px;overflow:hidden}.progress-fill[data-v-c3591ec0]{height:100%;background:#3b82f6;border-radius:3px;transition:width .3s ease}.game-area[data-v-c3591ec0]{position:relative;width:100%;padding-top:100%;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;margin-bottom:12px}.lines-svg[data-v-c3591ec0]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.dot[data-v-c3591ec0]{position:absolute;width:36px;height:36px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;border:2px solid #94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;transition:all .15s;padding:0;z-index:2}.dot[data-v-c3591ec0]:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.dot.next[data-v-c3591ec0]{background:#eff6ff;border-color:#3b82f6;border-width:2.5px;box-shadow:0 0 0 4px #3b82f640;animation:pulse-c3591ec0 1.2s infinite}.dot.clicked[data-v-c3591ec0]{background:#3b82f6;border-color:#2563eb;cursor:default}.dot.clicked .dot-label[data-v-c3591ec0]{color:#fff}.dot.shake[data-v-c3591ec0]{animation:shake-c3591ec0 .4s ease}.dot-label[data-v-c3591ec0]{font-size:.7rem;font-weight:700;color:#1f2937;pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes pulse-c3591ec0{0%,to{box-shadow:0 0 0 4px #3b82f640}50%{box-shadow:0 0 0 8px #3b82f61a}}@keyframes shake-c3591ec0{0%,to{transform:translate(-50%,-50%) rotate(0)}20%{transform:translate(calc(-50% + 4px),-50%) rotate(3deg)}40%{transform:translate(calc(-50% - 4px),-50%) rotate(-3deg)}60%{transform:translate(calc(-50% + 3px),-50%) rotate(2deg)}80%{transform:translate(calc(-50% - 2px),-50%) rotate(-2deg)}}.quit-btn[data-v-c3591ec0]{width:100%;padding:10px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#6b7280;font-size:.9rem;cursor:pointer;touch-action:manipulation;transition:background .15s}.quit-btn[data-v-c3591ec0]:hover{background:#f1f5f9}.result-screen[data-v-c3591ec0]{display:flex;justify-content:center}.result-card[data-v-c3591ec0]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px 24px;text-align:center;max-width:400px;width:100%}.grade-badge[data-v-c3591ec0]{display:inline-block;font-size:2.5rem;font-weight:900;width:72px;height:72px;line-height:72px;border-radius:50%;margin-bottom:12px}.grade-S[data-v-c3591ec0]{background:#fef3c7;color:#d97706}.grade-A[data-v-c3591ec0]{background:#dcfce7;color:#16a34a}.grade-B[data-v-c3591ec0]{background:#dbeafe;color:#2563eb}.grade-C[data-v-c3591ec0]{background:#f3e8ff;color:#9333ea}.grade-D[data-v-c3591ec0]{background:#fee2e2;color:#dc2626}.result-emoji[data-v-c3591ec0]{font-size:3rem;margin-bottom:8px}.result-title[data-v-c3591ec0]{font-size:1.4rem;font-weight:700;margin:0 0 8px}.perfect-badge[data-v-c3591ec0]{background:#fef3c7;color:#d97706;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-block;margin-bottom:16px}.result-stats[data-v-c3591ec0]{display:flex;flex-direction:column;gap:10px;margin:16px 0 20px;background:#f8fafc;border-radius:10px;padding:14px}.result-stat[data-v-c3591ec0]{display:flex;justify-content:space-between;align-items:center}.stat-label[data-v-c3591ec0]{color:#6b7280;font-size:.9rem}.stat-value[data-v-c3591ec0]{font-weight:700;font-size:1rem}.text-red[data-v-c3591ec0]{color:#ef4444}.result-buttons[data-v-c3591ec0]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.retry-btn[data-v-c3591ec0]{padding:12px;background:#fff;border:2px solid #3b82f6;color:#3b82f6;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;touch-action:manipulation;transition:all .15s}.retry-btn[data-v-c3591ec0]:hover{background:#eff6ff}.next-btn[data-v-c3591ec0]{padding:12px;background:#3b82f6;border:none;color:#fff;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;touch-action:manipulation;transition:background .15s}.next-btn[data-v-c3591ec0]:hover{background:#2563eb}.home-btn[data-v-c3591ec0]{width:100%;padding:10px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#6b7280;font-size:.85rem;cursor:pointer;touch-action:manipulation;transition:background .15s}.home-btn[data-v-c3591ec0]:hover{background:#f1f5f9}@media (max-width: 480px){.hud[data-v-c3591ec0]{grid-template-columns:repeat(2,1fr)}.puzzle-grid[data-v-c3591ec0]{grid-template-columns:repeat(4,1fr)}.dot[data-v-c3591ec0]{width:30px;height:30px}.dot-label[data-v-c3591ec0]{font-size:.6rem}}