.rhythm-typing[data-v-f09f984c]{max-width:520px;margin:0 auto;padding:16px;font-family:Segoe UI,sans-serif;color:#1f2937;outline:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}.idle-screen[data-v-f09f984c]{display:flex;flex-direction:column;align-items:center;gap:24px}.idle-header h1[data-v-f09f984c]{font-size:2rem;font-weight:800;text-align:center;margin:0}.idle-header p[data-v-f09f984c]{color:#6b7280;text-align:center;margin:4px 0 0}.how-to[data-v-f09f984c]{display:flex;flex-direction:column;align-items:center;gap:8px}.lane-preview[data-v-f09f984c]{display:flex;gap:8px}.lane-key[data-v-f09f984c]{width:56px;height:56px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;font-weight:800}.hint-text[data-v-f09f984c]{color:#6b7280;font-size:.85rem;margin:0}.difficulty-select[data-v-f09f984c]{width:100%;text-align:center}.difficulty-select h3[data-v-f09f984c]{margin:0 0 12px;font-size:1rem}.diff-buttons[data-v-f09f984c]{display:flex;gap:8px;justify-content:center}.diff-btn[data-v-f09f984c]{padding:10px 18px;border:2px solid #e2e8f0;background:#f8fafc;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;color:#1f2937;transition:all .15s}.diff-btn.active[data-v-f09f984c]{border-color:#3b82f6;background:#eff6ff;color:#3b82f6}.diff-btn[data-v-f09f984c]:hover:not(.active){border-color:#3b82f6}.btn-start[data-v-f09f984c]{padding:14px 40px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .15s}.btn-start[data-v-f09f984c]:hover{background:#2563eb}.best-record[data-v-f09f984c]{display:flex;gap:20px;font-size:.9rem;color:#6b7280}.rules[data-v-f09f984c]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px;width:100%;box-sizing:border-box}.rules h3[data-v-f09f984c]{margin:0 0 10px;font-size:.95rem}.rules ul[data-v-f09f984c]{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px;color:#6b7280;font-size:.85rem}.game-screen[data-v-f09f984c]{display:flex;flex-direction:column;gap:12px}.hud[data-v-f09f984c]{display:flex;justify-content:space-between;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 16px}.hud-item[data-v-f09f984c]{display:flex;flex-direction:column;align-items:center;gap:2px}.hud-label[data-v-f09f984c]{font-size:.7rem;color:#6b7280;font-weight:600;text-transform:uppercase}.hud-value[data-v-f09f984c]{font-size:1.3rem;font-weight:800;color:#1f2937}.score-val[data-v-f09f984c]{color:#3b82f6}.combo-val[data-v-f09f984c]{color:#f59e0b}.time-danger[data-v-f09f984c]{color:#ef4444!important;animation:pulse-time-f09f984c .5s ease infinite alternate}@keyframes pulse-time-f09f984c{0%{transform:scale(1)}to{transform:scale(1.15)}}.field[data-v-f09f984c]{position:relative;height:420px;background:#0f172a;border-radius:12px;overflow:hidden}.lanes-bg[data-v-f09f984c]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.lane-bg[data-v-f09f984c]{flex:1;border-right:1px solid;transition:background .1s}.lane-bg[data-v-f09f984c]:last-child{border-right:none}.lane-flash[data-v-f09f984c]{background:#ffffff0d!important}.note[data-v-f09f984c]{position:absolute;width:22%;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:800;transition:none;z-index:10;will-change:top}.note-fade-leave-active[data-v-f09f984c]{transition:opacity .15s,transform .15s}.note-fade-leave-to[data-v-f09f984c]{opacity:0;transform:scale(1.3)}.hit-line[data-v-f09f984c]{position:absolute;bottom:48px;left:0;right:0;display:flex;padding:0 2px;gap:4px;z-index:20}.hit-key[data-v-f09f984c]{flex:1;height:42px;border-radius:8px;border:2px solid;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;font-weight:800;transition:background .08s}.key-flash[data-v-f09f984c]{filter:brightness(1.4);transform:scale(.95)}.judgment-text[data-v-f09f984c]{position:absolute;bottom:100px;transform:translate(-50%);font-size:.85rem;font-weight:800;letter-spacing:.05em;z-index:30;pointer-events:none}.judgment-text.perfect[data-v-f09f984c]{color:#fbbf24;text-shadow:0 0 8px #fbbf2488}.judgment-text.good[data-v-f09f984c]{color:#34d399;text-shadow:0 0 8px #34d39988}.judgment-text.miss[data-v-f09f984c]{color:#f87171;text-shadow:0 0 8px #f8717188}.judgment-pop-enter-active[data-v-f09f984c]{animation:pop-up-f09f984c .35s ease-out}@keyframes pop-up-f09f984c{0%{opacity:1;transform:translate(-50%) scale(.8) translateY(0)}60%{opacity:1;transform:translate(-50%) scale(1.1) translateY(-8px)}to{opacity:0;transform:translate(-50%) scale(1) translateY(-18px)}}.stats-bar[data-v-f09f984c]{display:flex;justify-content:center;gap:20px;font-size:.85rem;font-weight:700}.stat[data-v-f09f984c]{color:#6b7280}.perfect-stat[data-v-f09f984c]{color:#f59e0b}.good-stat[data-v-f09f984c]{color:#10b981}.miss-stat[data-v-f09f984c]{color:#ef4444}.result-screen[data-v-f09f984c]{display:flex;flex-direction:column;align-items:center;gap:20px;padding:12px 0}.result-grade[data-v-f09f984c]{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:900;color:#fff}.grade-S[data-v-f09f984c]{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.grade-A[data-v-f09f984c]{background:linear-gradient(135deg,#10b981,#34d399)}.grade-B[data-v-f09f984c]{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.grade-C[data-v-f09f984c]{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.grade-D[data-v-f09f984c]{background:linear-gradient(135deg,#6b7280,#9ca3af)}.result-title[data-v-f09f984c]{margin:0;font-size:1.5rem;font-weight:800}.result-score[data-v-f09f984c]{font-size:2.2rem;font-weight:900;color:#3b82f6}.result-stats[data-v-f09f984c]{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:320px}.rs-item[data-v-f09f984c]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center}.rs-label[data-v-f09f984c]{font-size:.8rem;color:#6b7280;font-weight:600}.rs-value[data-v-f09f984c]{font-size:1rem;font-weight:800;color:#1f2937}.new-record[data-v-f09f984c]{font-size:1.1rem;font-weight:700;color:#f59e0b;animation:sparkle-f09f984c .8s ease infinite alternate}@keyframes sparkle-f09f984c{0%{transform:scale(1)}to{transform:scale(1.06)}}.result-best[data-v-f09f984c]{display:flex;gap:20px;font-size:.9rem;color:#6b7280}.result-actions[data-v-f09f984c]{display:flex;gap:12px}.btn-retry[data-v-f09f984c]{padding:12px 28px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s}.btn-retry[data-v-f09f984c]:hover{background:#2563eb}.btn-home[data-v-f09f984c]{padding:12px 28px;background:#f8fafc;color:#1f2937;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s}.btn-home[data-v-f09f984c]:hover{background:#e2e8f0}.page[data-v-eecc471b]{max-width:1200px;margin:0 auto;padding:2rem 1rem;position:relative}.info-section[data-v-eecc471b]{margin-top:1rem;padding-top:1.5rem;border-top:2px solid #e5e7eb}.info-section h3[data-v-eecc471b]{font-size:1.5rem;color:#1f2937;margin:0 0 1.5rem;text-align:center}.info-card[data-v-eecc471b]{background:#f9fafb;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border-left:4px solid #3b82f6}.info-card h4[data-v-eecc471b]{margin:0 0 1rem;color:#374151;font-size:1.1rem}.info-card p[data-v-eecc471b]{color:#4b5563;line-height:1.8;margin:0}.info-card ul[data-v-eecc471b],.info-card ol[data-v-eecc471b]{margin:0;padding-left:1.5rem;color:#4b5563}.info-card li[data-v-eecc471b]{line-height:1.8;margin-bottom:.5rem}.info-card li[data-v-eecc471b]:last-child{margin-bottom:0}.info-card.tip[data-v-eecc471b]{border-left-color:#f59e0b}