.speed-pattern-game[data-astro-cid-53grandl]{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:.5rem;min-height:450px}.game-header[data-astro-cid-53grandl]{display:flex;justify-content:space-around;width:100%;padding:.5rem;background:var(--bg-color, #fff);border-radius:.75rem}.timer-display[data-astro-cid-53grandl],.level-display[data-astro-cid-53grandl]{text-align:center}.timer-label[data-astro-cid-53grandl],.level-label[data-astro-cid-53grandl]{display:block;font-size:.75rem;font-weight:500;color:var(--text-muted, #6b7280);text-transform:uppercase}.timer-value[data-astro-cid-53grandl],.level-value[data-astro-cid-53grandl]{font-size:1.25rem;font-weight:700;color:var(--text-color, #1f2937);font-variant-numeric:tabular-nums}.pattern-preview[data-astro-cid-53grandl]{text-align:center}.preview-label[data-astro-cid-53grandl]{display:block;font-size:.75rem;color:var(--text-muted, #6b7280);margin-bottom:.5rem}.preview-grid[data-astro-cid-53grandl]{display:grid;grid-template-columns:repeat(3,24px);gap:8px;justify-content:center;padding:.5rem;background:var(--surface-color, #f9fafb);border-radius:.5rem}.preview-grid[data-astro-cid-53grandl] .preview-node[data-astro-cid-53grandl]{width:24px;height:24px;border-radius:50%;background:var(--border-color, #e5e7eb);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;color:transparent}.preview-grid[data-astro-cid-53grandl] .preview-node[data-astro-cid-53grandl].active{background:var(--accent-color, #3b82f6);color:#fff}.pattern-container[data-astro-cid-53grandl]{position:relative;width:240px;height:240px}.pattern-lines[data-astro-cid-53grandl]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.pattern-lines[data-astro-cid-53grandl] line[data-astro-cid-53grandl]{stroke:var(--accent-color, #3b82f6);stroke-width:6;stroke-linecap:round}.pattern-lines[data-astro-cid-53grandl] .preview-line[data-astro-cid-53grandl]{stroke:#3b82f64d;stroke-dasharray:8 4}.pattern-lines[data-astro-cid-53grandl] .user-line[data-astro-cid-53grandl]{stroke:var(--accent-color, #3b82f6)}.pattern-lines[data-astro-cid-53grandl] .error-line[data-astro-cid-53grandl]{stroke:#ef4444}.pattern-grid[data-astro-cid-53grandl]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;height:100%;touch-action:none}.pattern-node[data-astro-cid-53grandl]{width:60px;height:60px;border-radius:50%;background:var(--surface-color, #f3f4f6);border:3px solid var(--border-color, #d1d5db);cursor:pointer;transition:all .15s;position:relative;display:flex;align-items:center;justify-content:center}.pattern-node[data-astro-cid-53grandl]:hover{border-color:var(--accent-color, #3b82f6)}.pattern-node[data-astro-cid-53grandl].active{background:var(--accent-color, #3b82f6);border-color:var(--accent-color, #3b82f6);transform:scale(1.1)}.pattern-node[data-astro-cid-53grandl].active .node-inner[data-astro-cid-53grandl]{background:#fff}.pattern-node[data-astro-cid-53grandl].target{border-color:var(--accent-color, #3b82f6);animation:pulse-target 1s ease-in-out infinite}@keyframes pulse-target{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 10px #3b82f600}}.pattern-node[data-astro-cid-53grandl].error{background:#fee2e2;border-color:#ef4444}.node-inner[data-astro-cid-53grandl]{width:16px;height:16px;background:var(--border-color, #d1d5db);border-radius:50%;transition:background .15s}.node-number[data-astro-cid-53grandl]{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:var(--accent-color, #3b82f6);color:#fff;border-radius:50%;font-size:.75rem;font-weight:700;display:none;align-items:center;justify-content:center}.pattern-node[data-astro-cid-53grandl].active .node-number[data-astro-cid-53grandl]{display:flex}.game-controls[data-astro-cid-53grandl]{display:flex;justify-content:center}.start-btn[data-astro-cid-53grandl]{padding:1rem 3rem;font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:999px;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px -3px #3b82f666}.start-btn[data-astro-cid-53grandl]:hover{transform:translateY(-2px);box-shadow:0 8px 20px -5px #3b82f680}.start-btn[data-astro-cid-53grandl].hidden{display:none}.result-container[data-astro-cid-53grandl]{text-align:center;padding:1.5rem;background:var(--bg-color, #fff);border-radius:1rem;width:100%}.result-container[data-astro-cid-53grandl].hidden{display:none}.result-icon[data-astro-cid-53grandl]{font-size:3rem;margin-bottom:.5rem}.result-title[data-astro-cid-53grandl]{font-size:1.5rem;font-weight:700;margin:0 0 1rem}.result-time[data-astro-cid-53grandl]{margin-bottom:1rem}.time-label[data-astro-cid-53grandl]{display:block;font-size:.875rem;color:var(--text-muted, #6b7280)}.time-value[data-astro-cid-53grandl]{font-size:2rem;font-weight:800;color:var(--accent-color, #3b82f6)}.next-btn[data-astro-cid-53grandl],.retry-btn[data-astro-cid-53grandl]{padding:.75rem 1.5rem;margin:.25rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.next-btn[data-astro-cid-53grandl]{background:var(--accent-color, #3b82f6);color:#fff}.retry-btn[data-astro-cid-53grandl]{background:var(--surface-color, #f3f4f6);color:var(--text-color, #1f2937)}.next-btn[data-astro-cid-53grandl]:hover,.retry-btn[data-astro-cid-53grandl]:hover{transform:translateY(-2px)}.result-container[data-astro-cid-53grandl].failed .next-btn[data-astro-cid-53grandl]{display:none}