.number-tap-tool[data-v-4cc404d8]{width:100%;max-width:520px;margin:0 auto;font-family:inherit}.phase-screen[data-v-4cc404d8]{display:flex;flex-direction:column;align-items:center;gap:16px}.idle-screen[data-v-4cc404d8]{padding:32px 16px;text-align:center}.game-icon[data-v-4cc404d8]{font-size:56px;line-height:1}.idle-screen h2[data-v-4cc404d8]{font-size:1.6rem;font-weight:700;color:#1f2937;margin:0}.desc[data-v-4cc404d8]{color:#6b7280;font-size:.95rem;line-height:1.6;max-width:320px}.best-display[data-v-4cc404d8]{background:#fef9c3;border:1px solid #fde047;padding:8px 20px;border-radius:8px;color:#92400e;font-size:.95rem}.btn-start[data-v-4cc404d8]{background:#3b82f6;color:#fff;border:none;border-radius:10px;padding:14px 40px;font-size:1.1rem;font-weight:700;cursor:pointer;touch-action:manipulation;transition:background .15s}.btn-start[data-v-4cc404d8]:hover{background:#2563eb}.rules[data-v-4cc404d8]{display:flex;flex-direction:column;gap:6px;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 18px;width:100%;max-width:320px}.rule[data-v-4cc404d8]{font-size:.88rem;color:#374151}.playing-screen[data-v-4cc404d8]{width:100%;gap:10px}.hud[data-v-4cc404d8]{display:flex;gap:10px;width:100%;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;flex-wrap:wrap}.hud-item[data-v-4cc404d8]{display:flex;flex-direction:column;align-items:center;min-width:56px}.hud-center[data-v-4cc404d8]{align-items:center}.hud-label[data-v-4cc404d8]{font-size:.72rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.hud-value[data-v-4cc404d8]{font-size:1.2rem;font-weight:700;color:#1f2937}.hud-next[data-v-4cc404d8]{font-size:1.8rem;font-weight:800;color:#3b82f6;line-height:1;min-width:40px;text-align:center}.score-val[data-v-4cc404d8]{color:#3b82f6}.time-urgent[data-v-4cc404d8]{color:#ef4444!important;animation:pulse-4cc404d8 .6s infinite}@keyframes pulse-4cc404d8{0%,to{opacity:1}50%{opacity:.5}}.game-area[data-v-4cc404d8]{position:relative;width:100%;padding-bottom:90%;background:#f0f9ff;border:2px solid #bae6fd;border-radius:14px;overflow:hidden;touch-action:manipulation;cursor:crosshair}.tap-target[data-v-4cc404d8]{position:absolute;width:52px;height:52px;border-radius:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;color:#fff;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .1s;box-shadow:0 3px 10px #00000040;border:3px solid rgba(255,255,255,.5)}.tap-target[data-v-4cc404d8]:hover{transform:translate(-50%,-50%) scale(1.1)}.tap-target.popping[data-v-4cc404d8]{animation:pop-4cc404d8 .2s ease-out forwards}.tap-target.missed[data-v-4cc404d8]{animation:shake-4cc404d8 .4s ease-out;background:#ef4444!important}@keyframes pop-4cc404d8{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.4);opacity:.8}to{transform:translate(-50%,-50%) scale(0);opacity:0}}@keyframes shake-4cc404d8{0%,to{transform:translate(-50%,-50%) translate(0)}20%{transform:translate(-50%,-50%) translate(-6px)}40%{transform:translate(-50%,-50%) translate(6px)}60%{transform:translate(-50%,-50%) translate(-4px)}80%{transform:translate(-50%,-50%) translate(4px)}}.result-screen[data-v-4cc404d8]{padding:32px 16px;text-align:center}.result-emoji[data-v-4cc404d8]{font-size:64px;line-height:1}.result-screen h2[data-v-4cc404d8]{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.result-score[data-v-4cc404d8]{font-size:3.5rem;font-weight:800;color:#3b82f6;line-height:1}.result-unit[data-v-4cc404d8]{font-size:1.5rem;color:#6b7280;margin-left:4px}.result-stats[data-v-4cc404d8]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:320px}.stat-item[data-v-4cc404d8]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label[data-v-4cc404d8]{font-size:.75rem;color:#6b7280;font-weight:600}.stat-val[data-v-4cc404d8]{font-size:1.4rem;font-weight:800;color:#1f2937}.stat-val.correct[data-v-4cc404d8]{color:#22c55e}.stat-val.wrong[data-v-4cc404d8]{color:#ef4444}.result-buttons[data-v-4cc404d8]{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn-reset[data-v-4cc404d8]{background:#f8fafc;color:#1f2937;border:1px solid #e2e8f0;border-radius:10px;padding:14px 28px;font-size:1rem;font-weight:600;cursor:pointer;touch-action:manipulation;transition:background .15s}.btn-reset[data-v-4cc404d8]:hover{background:#e2e8f0}.number-tap-page[data-v-a3a8c3be]{max-width:640px;margin:0 auto;padding:24px 16px 48px}.page-header[data-v-a3a8c3be]{text-align:center;margin-bottom:24px}.page-header h1[data-v-a3a8c3be]{font-size:1.8rem;font-weight:800;color:#1f2937;margin:0 0 8px}.page-header p[data-v-a3a8c3be]{color:#6b7280;font-size:.95rem}.info-section[data-v-a3a8c3be]{display:flex;flex-direction:column;gap:16px;padding:16px 0}.info-section h3[data-v-a3a8c3be]{font-size:1.1rem;font-weight:700;color:#1f2937;margin:0}.info-card[data-v-a3a8c3be]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.info-card.highlight[data-v-a3a8c3be]{background:#eff6ff;border-color:#bfdbfe}.info-card h4[data-v-a3a8c3be]{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 12px}.info-card ul[data-v-a3a8c3be]{margin:0;padding-left:20px;color:#374151;font-size:.9rem;line-height:1.8}.rules-grid[data-v-a3a8c3be]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.rule-item[data-v-a3a8c3be]{display:flex;gap:10px;align-items:flex-start}.rule-icon[data-v-a3a8c3be]{font-size:1.4rem;flex-shrink:0}.rule-content strong[data-v-a3a8c3be]{display:block;color:#1f2937;font-size:.9rem;margin-bottom:4px}.rule-content p[data-v-a3a8c3be]{margin:0;font-size:.82rem;color:#6b7280;line-height:1.5}
