.click-rhythm[data-v-53b23471]{max-width:640px;margin:0 auto;padding:16px;font-family:Segoe UI,sans-serif;-webkit-user-select:none;user-select:none}.header[data-v-53b23471]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.stat-box[data-v-53b23471]{display:flex;flex-direction:column;align-items:flex-start;min-width:80px}.stat-box.center[data-v-53b23471]{align-items:center}.stat-box.right-align[data-v-53b23471]{align-items:flex-end}.stat-label[data-v-53b23471]{font-size:11px;color:#6b7280;font-weight:500}.stat-value[data-v-53b23471]{font-size:22px;font-weight:700;color:#1f2937}.stat-value.time.urgent[data-v-53b23471]{color:#ef4444;animation:pulse-53b23471 .5s ease-in-out infinite alternate}.stat-value.combo.hot[data-v-53b23471]{color:#f97316}@keyframes pulse-53b23471{0%{transform:scale(1)}to{transform:scale(1.1)}}.game-area[data-v-53b23471]{position:relative;width:100%;aspect-ratio:4/3;background:#0f172a;border-radius:16px;overflow:hidden;cursor:crosshair;border:2px solid #1e293b}.overlay[data-v-53b23471]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172aeb;z-index:10}.overlay-content[data-v-53b23471]{text-align:center;color:#f1f5f9;padding:24px}.game-icon[data-v-53b23471]{font-size:48px;margin-bottom:12px}.overlay-title[data-v-53b23471]{font-size:26px;font-weight:700;margin:0 0 10px;color:#fff}.overlay-desc[data-v-53b23471]{font-size:14px;color:#94a3b8;margin:0 0 16px;line-height:1.6}.rating-guide[data-v-53b23471]{display:flex;gap:10px;justify-content:center;margin-bottom:16px}.rating[data-v-53b23471]{font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px;background:#ffffff1a}.best-record[data-v-53b23471]{font-size:13px;color:#fbbf24;margin-bottom:16px}.btn-start[data-v-53b23471]{padding:12px 32px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;touch-action:manipulation;transition:background .15s}.btn-start[data-v-53b23471]:hover{background:#2563eb}.btn-secondary[data-v-53b23471]{padding:12px 24px;background:transparent;color:#94a3b8;border:1px solid #334155;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;touch-action:manipulation;transition:background .15s}.btn-secondary[data-v-53b23471]:hover{background:#94a3b81a}.result-score[data-v-53b23471]{font-size:52px;font-weight:800;color:#fff;margin-bottom:4px}.result-unit[data-v-53b23471]{font-size:24px;font-weight:600;color:#94a3b8;margin-left:4px}.new-record[data-v-53b23471]{font-size:18px;color:#fbbf24;margin-bottom:16px;font-weight:700}.result-grid[data-v-53b23471]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;text-align:left}.result-item[data-v-53b23471]{background:#ffffff0d;border-radius:8px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center}.result-label[data-v-53b23471]{font-size:12px;color:#94a3b8}.result-val[data-v-53b23471]{font-size:16px;font-weight:700;color:#f1f5f9}.result-actions[data-v-53b23471]{display:flex;gap:12px;justify-content:center}.note-wrapper[data-v-53b23471]{position:absolute;transform:translate(-50%,-50%);width:56px;height:56px;cursor:pointer;touch-action:manipulation;z-index:2}.note-circle[data-v-53b23471]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#3b82f6d9;border:3px solid #93c5fd;box-shadow:0 0 12px #3b82f699;transition:transform .1s}.note-wrapper:hover .note-circle[data-v-53b23471]{transform:scale(1.05)}.ring[data-v-53b23471]{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:3px solid rgba(251,191,36,.8);transform-origin:center;pointer-events:none;box-shadow:0 0 8px #fbbf2466}.hit-result[data-v-53b23471]{position:absolute;transform:translate(-50%,-150%);font-size:14px;font-weight:800;pointer-events:none;animation:floatUp-53b23471 .35s ease-out forwards;z-index:5;white-space:nowrap}.hit-result.perfect[data-v-53b23471]{color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,.8)}.hit-result.good[data-v-53b23471]{color:#34d399;text-shadow:0 0 8px rgba(52,211,153,.8)}.hit-result.ok[data-v-53b23471]{color:#60a5fa;text-shadow:0 0 8px rgba(96,165,250,.8)}.hit-result.miss[data-v-53b23471]{color:#f87171}@keyframes floatUp-53b23471{0%{opacity:1;transform:translate(-50%,-150%) scale(1.2)}to{opacity:0;transform:translate(-50%,-220%) scale(.9)}}.combo-display[data-v-53b23471]{position:absolute;top:12px;left:50%;transform:translate(-50%);font-size:18px;font-weight:800;color:#f97316;text-shadow:0 0 10px rgba(249,115,22,.6);pointer-events:none;z-index:3;animation:comboAnim-53b23471 .2s ease-out}.combo-display.mega[data-v-53b23471]{color:#fbbf24;font-size:22px;text-shadow:0 0 15px rgba(251,191,36,.8)}@keyframes comboAnim-53b23471{0%{transform:translate(-50%) scale(1.3)}to{transform:translate(-50%) scale(1)}}.perfect-color[data-v-53b23471]{color:#fbbf24}.good-color[data-v-53b23471]{color:#34d399}.ok-color[data-v-53b23471]{color:#60a5fa}.miss-color[data-v-53b23471]{color:#f87171}.hint-text[data-v-53b23471]{text-align:center;color:#6b7280;font-size:13px;margin-top:10px}@media (max-width: 480px){.stat-value[data-v-53b23471]{font-size:18px}.note-wrapper[data-v-53b23471]{width:48px;height:48px}}.page[data-v-357eee61]{max-width:720px;margin:0 auto;padding:24px 16px}.page-header[data-v-357eee61]{text-align:center;margin-bottom:20px}.page-title[data-v-357eee61]{font-size:28px;font-weight:800;color:#1f2937;margin:0 0 8px}.page-desc[data-v-357eee61]{font-size:15px;color:#6b7280;margin:0}