.circle-tap-wrapper[data-v-7e8c487c]{max-width:640px;margin:0 auto;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;touch-action:manipulation;-webkit-user-select:none;user-select:none}.header[data-v-7e8c487c]{text-align:center;margin-bottom:20px}.header h1[data-v-7e8c487c]{font-size:1.8rem;font-weight:700;color:#1f2937;margin:0 0 6px}.subtitle[data-v-7e8c487c]{color:#6b7280;margin:0;font-size:.95rem}.idle-screen[data-v-7e8c487c]{display:flex;flex-direction:column;align-items:center;gap:20px}.instruction-box[data-v-7e8c487c]{width:100%;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.instruction-steps[data-v-7e8c487c]{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.step[data-v-7e8c487c]{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#1f2937}.step-icon[data-v-7e8c487c]{font-size:1.2rem;width:28px;text-align:center}.judgment-guide[data-v-7e8c487c]{display:flex;gap:8px}.judgment-item[data-v-7e8c487c]{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border-radius:8px;border:1px solid #e2e8f0}.perfect-item[data-v-7e8c487c]{background:#fef9c3;border-color:#fde047}.good-item[data-v-7e8c487c]{background:#dcfce7;border-color:#86efac}.miss-item[data-v-7e8c487c]{background:#fee2e2;border-color:#fca5a5}.judgment-label[data-v-7e8c487c]{font-weight:700;font-size:.8rem;letter-spacing:.05em}.perfect-label[data-v-7e8c487c]{color:#ca8a04}.good-label[data-v-7e8c487c]{color:#16a34a}.miss-label[data-v-7e8c487c]{color:#dc2626}.judgment-desc[data-v-7e8c487c]{font-size:.75rem;color:#6b7280;text-align:center}.difficulty-select[data-v-7e8c487c]{width:100%;text-align:center}.select-label[data-v-7e8c487c]{margin:0 0 10px;font-weight:600;color:#1f2937}.diff-buttons[data-v-7e8c487c]{display:flex;gap:8px;justify-content:center}.diff-btn[data-v-7e8c487c]{padding:8px 24px;border-radius:8px;border:2px solid #e2e8f0;background:#fff;color:#1f2937;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.diff-btn[data-v-7e8c487c]:hover{border-color:#3b82f6;color:#3b82f6}.diff-btn.active[data-v-7e8c487c]{background:#3b82f6;border-color:#3b82f6;color:#fff}.best-record[data-v-7e8c487c]{font-size:.9rem;color:#6b7280;background:#f8fafc;padding:8px 16px;border-radius:8px;border:1px solid #e2e8f0}.start-btn[data-v-7e8c487c]{padding:14px 48px;background:#3b82f6;color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .15s}.start-btn[data-v-7e8c487c]:hover{background:#2563eb}.game-layout[data-v-7e8c487c]{display:flex;flex-direction:column;gap:8px}.hud[data-v-7e8c487c]{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.hud-item[data-v-7e8c487c]{display:flex;flex-direction:column;align-items:flex-start;min-width:70px}.hud-center[data-v-7e8c487c]{align-items:center;flex:1;margin:0 12px}.hud-right[data-v-7e8c487c]{align-items:flex-end}.hud-label[data-v-7e8c487c]{font-size:.72rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.hud-value[data-v-7e8c487c]{font-size:1.4rem;font-weight:700;color:#1f2937;line-height:1.1}.score-value[data-v-7e8c487c]{color:#3b82f6}.combo-value[data-v-7e8c487c]{color:#059669}.combo-fire[data-v-7e8c487c]{color:#dc2626;animation:pulse-7e8c487c .5s ease-in-out infinite alternate}@keyframes pulse-7e8c487c{0%{transform:scale(1)}to{transform:scale(1.1)}}.hud-timer[data-v-7e8c487c]{font-size:1.8rem;font-weight:700;color:#1f2937;line-height:1}.hud-timer.urgent[data-v-7e8c487c]{color:#dc2626;animation:pulse-7e8c487c .5s ease-in-out infinite alternate}.time-bar-track[data-v-7e8c487c]{width:100%;height:4px;background:#e2e8f0;border-radius:2px;margin-top:4px;overflow:hidden}.time-bar-fill[data-v-7e8c487c]{height:100%;background:#3b82f6;border-radius:2px;transition:width .9s linear}.game-area[data-v-7e8c487c]{position:relative;width:100%;padding-top:75%;background:#0f172a;border-radius:12px;overflow:hidden;cursor:crosshair}.target-container[data-v-7e8c487c]{position:absolute;transform:translate(-50%,-50%);cursor:pointer;display:flex;align-items:center;justify-content:center}.target-circle[data-v-7e8c487c]{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#60a5fa,#2563eb);border:3px solid #93c5fd;box-shadow:0 0 12px #60a5fa99;transition:transform .15s,opacity .15s}.target-circle.animate-out[data-v-7e8c487c]{transform:scale(1.3);opacity:0}.approach-circle[data-v-7e8c487c]{position:absolute;border-radius:50%;border:3px solid rgba(250,204,21,.9);box-sizing:border-box;animation:approach-7e8c487c linear forwards;pointer-events:none}@keyframes approach-7e8c487c{0%{transform:scale(1);opacity:1}to{transform:scale(.417);opacity:.6}}.judgment-text[data-v-7e8c487c]{position:absolute;transform:translate(-50%,-50%);font-size:1rem;font-weight:800;letter-spacing:.08em;pointer-events:none;animation:floatUp-7e8c487c .7s ease-out forwards;text-shadow:0 1px 4px rgba(0,0,0,.5)}.judgment-text.perfect[data-v-7e8c487c]{color:#fde047}.judgment-text.good[data-v-7e8c487c]{color:#4ade80}.judgment-text.miss[data-v-7e8c487c]{color:#f87171}@keyframes floatUp-7e8c487c{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-130%)}}.mini-stats[data-v-7e8c487c]{display:flex;gap:16px;justify-content:center;padding:6px 0}.mini-stat[data-v-7e8c487c]{font-size:.85rem;font-weight:600}.perfect-text[data-v-7e8c487c]{color:#ca8a04}.good-text[data-v-7e8c487c]{color:#16a34a}.miss-text[data-v-7e8c487c]{color:#dc2626}.result-screen[data-v-7e8c487c]{display:flex;flex-direction:column;align-items:center;gap:20px;padding:16px 0}.grade-badge[data-v-7e8c487c]{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:900;border:4px solid currentColor}.grade-S[data-v-7e8c487c]{color:#ca8a04;background:#fef9c3;border-color:#fde047;box-shadow:0 0 20px #facc1566}.grade-A[data-v-7e8c487c]{color:#3b82f6;background:#eff6ff;border-color:#93c5fd}.grade-B[data-v-7e8c487c]{color:#16a34a;background:#f0fdf4;border-color:#86efac}.grade-C[data-v-7e8c487c]{color:#d97706;background:#fffbeb;border-color:#fcd34d}.grade-D[data-v-7e8c487c]{color:#6b7280;background:#f9fafb;border-color:#d1d5db}.result-score[data-v-7e8c487c]{font-size:2.8rem;font-weight:900;color:#1f2937;line-height:1}.score-unit[data-v-7e8c487c]{font-size:1.2rem;font-weight:600;color:#6b7280;margin-left:4px}.result-grid[data-v-7e8c487c]{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.result-cell[data-v-7e8c487c]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.perfect-cell[data-v-7e8c487c]{background:#fef9c3;border-color:#fde047}.good-cell[data-v-7e8c487c]{background:#dcfce7;border-color:#86efac}.miss-cell[data-v-7e8c487c]{background:#fee2e2;border-color:#fca5a5}.cell-label[data-v-7e8c487c]{font-size:.72rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.cell-value[data-v-7e8c487c]{font-size:1.3rem;font-weight:700;color:#1f2937}.result-actions[data-v-7e8c487c]{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.retry-btn[data-v-7e8c487c]{padding:12px 28px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s}.retry-btn[data-v-7e8c487c]:hover{background:#2563eb}.share-btn[data-v-7e8c487c]{padding:12px 28px;background:#10b981;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s}.share-btn[data-v-7e8c487c]:hover{background:#059669}.home-btn[data-v-7e8c487c]{padding:12px 28px;background:#fff;color:#1f2937;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:border-color .15s}.home-btn[data-v-7e8c487c]:hover{border-color:#3b82f6}.page-wrapper[data-v-9ac886c5]{min-height:100vh;padding:16px;background:#fff}