.drum-wrap[data-v-504f7d1f]{max-width:720px;margin:0 auto;padding:24px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;min-height:600px}.title[data-v-504f7d1f]{font-size:28px;font-weight:800;color:#1f2937;margin:0 0 4px;text-align:center}.subtitle[data-v-504f7d1f]{font-size:14px;color:#6b7280;text-align:center;margin:0 0 20px}.stats-bar[data-v-504f7d1f]{display:flex;justify-content:space-around;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 8px;margin-bottom:20px}.stat[data-v-504f7d1f]{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-label[data-v-504f7d1f]{font-size:11px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value[data-v-504f7d1f]{font-size:20px;font-weight:800;color:#1f2937}.stat-value.combo[data-v-504f7d1f]{color:#f97316}.drum-grid[data-v-504f7d1f]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.drum-pad[data-v-504f7d1f]{aspect-ratio:1;border-radius:16px;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:transform .08s ease,box-shadow .08s ease;box-shadow:0 4px 12px #00000026;touch-action:manipulation;-webkit-user-select:none;user-select:none}.drum-pad[data-v-504f7d1f]:hover{transform:scale(1.04)}.drum-pad.active[data-v-504f7d1f]{transform:scale(.93);box-shadow:0 2px 6px #0003}.pad-key[data-v-504f7d1f]{font-size:22px;font-weight:900;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3);line-height:1}.pad-name[data-v-504f7d1f]{font-size:11px;font-weight:600;color:#ffffffe6;text-align:center;line-height:1.2}.combo-area[data-v-504f7d1f]{height:48px;display:flex;align-items:center;justify-content:center}.combo-badge[data-v-504f7d1f]{background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;font-size:18px;font-weight:900;padding:8px 20px;border-radius:100px;box-shadow:0 4px 12px #ef444466}.combo-pop-enter-active[data-v-504f7d1f],.combo-pop-leave-active[data-v-504f7d1f]{transition:all .3s ease}.combo-pop-enter-from[data-v-504f7d1f],.combo-pop-leave-to[data-v-504f7d1f]{opacity:0;transform:scale(.7)}.overlay-card[data-v-504f7d1f]{position:absolute;top:0;right:0;bottom:0;left:0;background:#f8fafcf7;display:flex;align-items:center;justify-content:center;border-radius:16px;z-index:10}.card-inner[data-v-504f7d1f]{text-align:center;padding:32px 24px;max-width:500px;width:100%}.card-title[data-v-504f7d1f]{font-size:26px;font-weight:800;color:#1f2937;margin:0 0 8px}.card-desc[data-v-504f7d1f]{font-size:15px;color:#374151;margin:0 0 8px}.card-desc.small[data-v-504f7d1f]{font-size:13px;color:#6b7280;margin-bottom:20px}.key-guide[data-v-504f7d1f]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px}.guide-item[data-v-504f7d1f]{display:flex;flex-direction:column;align-items:center;gap:4px}.guide-key[data-v-504f7d1f]{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;color:#fff;box-shadow:0 3px 8px #0003}.guide-name[data-v-504f7d1f]{font-size:11px;color:#6b7280;font-weight:500;text-align:center}.btn-start[data-v-504f7d1f]{background:#3b82f6;color:#fff;border:none;border-radius:12px;padding:14px 36px;font-size:17px;font-weight:700;cursor:pointer;transition:background .15s ease;touch-action:manipulation}.btn-start[data-v-504f7d1f]:hover{background:#2563eb}.result-grid[data-v-504f7d1f]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.result-item[data-v-504f7d1f]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:4px}.result-label[data-v-504f7d1f]{font-size:12px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.result-value[data-v-504f7d1f]{font-size:22px;font-weight:800;color:#1f2937}.result-value.big[data-v-504f7d1f]{font-size:30px;color:#3b82f6}.new-badge[data-v-504f7d1f]{font-size:12px;background:#f59e0b;color:#fff;border-radius:6px;padding:2px 6px;margin-left:4px;vertical-align:middle}.result-actions[data-v-504f7d1f]{display:flex;justify-content:center;gap:12px}@media (max-width: 480px){.drum-grid[data-v-504f7d1f]{grid-template-columns:repeat(4,1fr);gap:8px}.pad-key[data-v-504f7d1f]{font-size:18px}.pad-name[data-v-504f7d1f]{font-size:9px}.stats-bar[data-v-504f7d1f]{gap:4px}.stat-value[data-v-504f7d1f]{font-size:16px}}