.fretboard-container.svelte-ekiv0l{background:#0f172a66;border:1px solid #94a3b81a;border-radius:16px;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:relative}svg.svelte-ekiv0l{-webkit-user-select:none;user-select:none;max-width:100%;height:auto}.target-string-glow.svelte-1ajhhlc{filter:drop-shadow(0 0 6px #38bdf8)drop-shadow(0 0 12px #0ea5e9)}.target-label-glow.svelte-1ajhhlc{filter:drop-shadow(0 0 4px #38bdf8)drop-shadow(0 0 8px #0ea5e9)}.open-string-preview.svelte-1ajhhlc{filter:drop-shadow(0 0 4px #3b82f6)drop-shadow(0 0 8px #2563eb);animation:1.2s ease-in-out infinite svelte-1ajhhlc-preview-pulse}.open-string-circle.svelte-1ajhhlc{transform-origin:50%;transform-box:fill-box;animation:1.2s ease-out svelte-1ajhhlc-open-string-circle-pulse}@keyframes svelte-1ajhhlc-open-string-circle-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}@keyframes svelte-1ajhhlc-preview-pulse{0%,to{opacity:1}50%{opacity:.7}}.preview-position.svelte-1ajhhlc{animation:1.2s ease-in-out infinite svelte-1ajhhlc-preview-pulse}.clicked-idle-position.svelte-1ajhhlc{animation:1.2s ease-in-out infinite svelte-1ajhhlc-clicked-idle-pulse}@keyframes svelte-1ajhhlc-clicked-idle-pulse{0%,to{opacity:.9}50%{opacity:.6}}.open-string-clicked-idle.svelte-1ajhhlc{filter:drop-shadow(0 0 8px #8b5cf6)}.pulse.svelte-1ajhhlc{animation:1.5s ease-in-out infinite svelte-1ajhhlc-pulse}@keyframes svelte-1ajhhlc-pulse{0%,to{opacity:.4}50%{opacity:.8}}.active-note.svelte-1ajhhlc{animation:1s ease-in-out infinite svelte-1ajhhlc-active-pulse}@keyframes svelte-1ajhhlc-active-pulse{0%,to{opacity:1}50%{opacity:.85}}.root-marker.svelte-1ajhhlc,.open-string-root.svelte-1ajhhlc{filter:drop-shadow(0 0 6px #d9770680)}.root-open-string.svelte-1ajhhlc{filter:drop-shadow(0 0 6px #d9770666)}.clickable-position.svelte-1ajhhlc{cursor:pointer;outline:none;transition:all .15s}.clickable-position.svelte-1ajhhlc:focus-visible{stroke:#667eeacc;stroke-width:2px}.clickable-position.svelte-1ajhhlc:hover{fill:#667eea26;stroke:#667eea99;stroke-width:2px}.hit-animation.svelte-xjsyw4{transform-origin:50%;transform-box:fill-box;animation:1.2s ease-out svelte-xjsyw4-hit-burst}@keyframes svelte-xjsyw4-hit-burst{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.miss-animation.svelte-xjsyw4{animation:.8s ease-out svelte-xjsyw4-miss-shake}@keyframes svelte-xjsyw4-miss-shake{0%,to{opacity:1;transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}.string-toggle.svelte-swe7ct{transition:opacity .15s}.string-toggle.svelte-swe7ct:hover:not(.disabled) rect:where(.svelte-swe7ct){opacity:.7;stroke:#9ca3af}.string-toggle.svelte-swe7ct:not(.selected):hover:not(.disabled) rect:where(.svelte-swe7ct){opacity:.5;stroke:#6b7280}.string-toggle.disabled.svelte-swe7ct{opacity:.4}.string-toggle.svelte-swe7ct:focus{outline:none}.string-toggle.svelte-swe7ct:focus-visible rect:where(.svelte-swe7ct){stroke:#9ca3af}.fret-range-selector.disabled.svelte-1qsosyv{opacity:.4;pointer-events:none}.range-fill-line.svelte-1qsosyv{filter:drop-shadow(0 0 3px #c05a3040)}.handle.svelte-1qsosyv .handle-shape:where(.svelte-1qsosyv){filter:drop-shadow(0 1px 3px #0006)drop-shadow(0 0 4px #c05a3040);transition:x .2s,y .2s,width .2s,height .2s,rx .2s,ry .2s,fill .2s,stroke .2s,stroke-width .2s}.handle.svelte-1qsosyv:hover .handle-shape:where(.svelte-1qsosyv){filter:drop-shadow(0 1px 3px #0006)drop-shadow(0 0 6px #e07b5066)}.handle.active.svelte-1qsosyv .handle-shape:where(.svelte-1qsosyv){filter:drop-shadow(0 1px 3px #0006)drop-shadow(0 0 8px #e07b5080)}.game-info-bar.svelte-1uha8ag{padding:var(--space-lg);background:unset;background-color:unset;border-radius:var(--radius-lg);margin-bottom:var(--space-md);background-image:none;border:1px solid #343e4e;min-height:140px}.info-grid.svelte-1uha8ag{gap:var(--space-md);grid-template-columns:1.1fr 1.2fr .9fr;align-items:stretch;display:grid}.info-card.svelte-1uha8ag{border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-md);background:#0f172abf;border:1px solid #ffffff0d;flex-direction:column;display:flex}.session-card.svelte-1uha8ag{gap:var(--space-sm)}.card-header.svelte-1uha8ag{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.eyebrow.svelte-1uha8ag{letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-secondary);font-size:.8rem}.session-controls.svelte-1uha8ag{align-items:center;gap:var(--space-md);flex-flow:column wrap;align-items:flex-start;display:flex}.mode-toggle-block.svelte-1uha8ag{gap:var(--space-xs);flex-direction:column;display:flex}.mode-toggle-row.svelte-1uha8ag{align-items:center;gap:var(--space-sm);display:flex}.mic-status-wrap.svelte-1uha8ag{align-items:center;display:inline-flex;position:relative}.mic-tooltip.svelte-1uha8ag{border-radius:var(--radius-md);width:max-content;max-width:min(300px,70vw);color:var(--color-text-primary);white-space:normal;overflow-wrap:anywhere;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-base), visibility var(--transition-base);z-index:5;background:#0f172af2;border:1px solid #ffffff1f;padding:8px 10px;font-size:.85rem;line-height:1.25;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.mic-tooltip.svelte-1uha8ag:before{content:"";border:6px solid #0000;border-right-color:#0f172af2;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.mic-status-wrap.svelte-1uha8ag:hover .mic-tooltip:where(.svelte-1uha8ag),.mic-status-wrap.svelte-1uha8ag:focus-within .mic-tooltip:where(.svelte-1uha8ag){opacity:1;visibility:visible}.sub-label.svelte-1uha8ag{color:var(--color-text-secondary);font-size:.9rem}.mic-status-btn.svelte-1uha8ag{border-radius:var(--radius-md);width:34px;height:34px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);background:#ffffff0a;border:1px solid #ffffff1f;flex:none;justify-content:center;align-items:center;display:inline-flex}.mic-status-btn.enabled.svelte-1uha8ag{color:var(--color-success);background:#10b98114;border-color:#10b98159}.mic-status-btn.disabled.svelte-1uha8ag{color:var(--color-warning-light);background:#fbbf2414;border-color:#fbbf2459}.mic-status-btn.svelte-1uha8ag:hover:not(:disabled){color:var(--color-text-primary);background:#ffffff14;border-color:#ffffff40}.mic-status-btn.svelte-1uha8ag:disabled{opacity:.6;cursor:not-allowed}.mic-help.svelte-1uha8ag{align-items:baseline;gap:var(--space-sm);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.tuner-link.svelte-1uha8ag{color:var(--color-primary);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600;text-decoration:underline}.mode-toggle.svelte-1uha8ag{background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;gap:0;padding:4px;display:inline-flex}.mode-toggle.disabled.svelte-1uha8ag{opacity:.6}.mode-btn.svelte-1uha8ag{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;border-radius:999px;justify-content:center;min-width:110px;font-size:.9rem;font-weight:600;display:inline-flex}.mode-btn.svelte-1uha8ag:hover:not(:disabled):not(.active){color:var(--color-text-primary);background:var(--hover-overlay-subtle)}.mode-btn.active.svelte-1uha8ag{background:var(--gradient-primary);color:#fff;box-shadow:0 6px 16px #c05a3059}.mode-btn.active.svelte-1uha8ag:hover:not(:disabled){background:var(--hover-overlay), var(--gradient-primary)}.mode-btn.svelte-1uha8ag:disabled{cursor:not-allowed}.target-card.svelte-1uha8ag{border-radius:var(--radius-lg);padding:var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-sm);text-align:center;background:radial-gradient(circle at 50% 40%,#667eea00 0%,#121a2ecc 100%);border:1px solid #667eea59;border-image:;flex-direction:column;min-height:160px;display:flex}.target-note-display.svelte-1uha8ag{justify-content:center;align-items:center;gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.note-large.svelte-1uha8ag{color:var(--color-primary);margin:0;font-family:Courier New,monospace;font-size:6.5rem;font-weight:700;line-height:1}.octave-large.svelte-1uha8ag{opacity:.5;font-size:3.5rem}.interval-context.svelte-1uha8ag{color:var(--color-text-secondary);font-size:1.1rem}.interval-context.svelte-1uha8ag strong:where(.svelte-1uha8ag){color:#d97706;font-weight:700}.target-controls.svelte-1uha8ag{align-items:center;gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.inline-controls.svelte-1uha8ag{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:inline-flex}.pill-btn.svelte-1uha8ag{color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-weight:600;display:inline-flex}.pill-btn.primary.svelte-1uha8ag{background:var(--gradient-primary);color:#fff;border-color:#0000}.pill-btn.danger.svelte-1uha8ag{background:var(--gradient-primary);color:#fff;border-color:#0000;box-shadow:0 6px 16px #c05a3059}.pill-btn.danger.svelte-1uha8ag:hover:not(:disabled){background:var(--hover-overlay), var(--gradient-primary)}.pill-btn.ghost.svelte-1uha8ag:hover{background:#ffffff14;border-color:#ffffff40}.pill-btn.svelte-1uha8ag:disabled{opacity:.6;cursor:not-allowed}.scale-controls.svelte-1uha8ag{align-items:center;gap:var(--space-sm);display:flex}.scale-controls.disabled.svelte-1uha8ag{opacity:.6}.inline-select.svelte-1uha8ag{padding:var(--space-sm) var(--space-md);background:var(--color-bg-base);border:1px solid var(--color-bg-elevated);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base);font-size:.9rem}.inline-select.svelte-1uha8ag:hover:not(:disabled){border-color:var(--color-primary)}.inline-select.svelte-1uha8ag:disabled{cursor:not-allowed}.inline-select.chromatic-disabled.svelte-1uha8ag{opacity:.4;background:var(--color-bg-elevated)}.scale-select.svelte-1uha8ag{min-width:160px}.toggle-row.svelte-1uha8ag{align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.toggle-row.disabled.svelte-1uha8ag{opacity:.6;cursor:not-allowed}.toggle-row.svelte-1uha8ag input[type=checkbox]:where(.svelte-1uha8ag){width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.toggle-row.disabled.svelte-1uha8ag input[type=checkbox]:where(.svelte-1uha8ag){cursor:not-allowed}.toggle-label.svelte-1uha8ag{color:var(--color-text-secondary);font-size:.9rem}.ready-message.svelte-1uha8ag{flex-direction:column;flex:1;justify-content:space-between;align-items:center;width:100%;display:flex}.scale-info-wrapper.svelte-1uha8ag{justify-content:center;align-items:center;gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.scale-info.svelte-1uha8ag{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.scale-preview.svelte-1uha8ag{color:var(--color-primary);font-size:1.4rem;font-weight:700}.scale-notes.svelte-1uha8ag{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.scale-note.svelte-1uha8ag{color:var(--color-text-primary);font-family:Courier New,monospace;font-size:1.35rem;font-weight:700}.note-separator.svelte-1uha8ag{color:var(--color-text-muted);font-size:.9rem}.stats-card.svelte-1uha8ag{gap:var(--space-sm)}.stats-pills.svelte-1uha8ag{gap:var(--space-sm);flex-wrap:wrap;display:flex}.stat-pill.svelte-1uha8ag{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #ffffff14;min-width:90px;padding:8px 10px;display:inline-flex}.stat-pill.streak-pill.svelte-1uha8ag{color:#fb923c}.stat-pill.hits-pill.svelte-1uha8ag{color:var(--color-success)}.stat-pill.misses-pill.svelte-1uha8ag{color:var(--color-error)}.stat-pill.time-pill.svelte-1uha8ag{color:var(--color-primary)}.pill-text.svelte-1uha8ag{flex-direction:column;line-height:1.2;display:flex}.pill-value.svelte-1uha8ag{color:var(--color-text-primary);font-size:1.1rem;font-weight:700}.pill-label.svelte-1uha8ag{color:var(--color-text-secondary);font-size:.85rem}.info-wrap.svelte-1uha8ag{align-items:center;margin-left:4px;display:inline-flex;position:relative}.info-btn.svelte-1uha8ag{width:20px;height:20px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.info-btn.svelte-1uha8ag:hover{color:var(--color-text-primary);background:#ffffff26}.info-popover.svelte-1uha8ag{width:280px;padding:var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);text-transform:none;letter-spacing:normal;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-base), visibility var(--transition-base);z-index:10;background:#0f172af7;border:1px solid #ffffff1f;font-size:.85rem;font-weight:400;line-height:1.45;position:absolute;top:calc(100% + 8px);left:-8px}.info-popover.svelte-1uha8ag a:where(.svelte-1uha8ag){color:var(--color-primary-light);font-weight:500}.info-wrap.svelte-1uha8ag:hover .info-popover:where(.svelte-1uha8ag),.info-wrap.svelte-1uha8ag:focus-within .info-popover:where(.svelte-1uha8ag){opacity:1;visibility:visible;pointer-events:auto}.interval-select-block.svelte-1uha8ag{gap:var(--space-xs);flex-direction:column;display:flex}.interval-select-block.disabled.svelte-1uha8ag{opacity:.6}.interval-chips.svelte-1uha8ag{flex-wrap:wrap;gap:4px;display:flex}.interval-chip.svelte-1uha8ag{border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff1f;padding:4px 8px;font-size:.8rem;font-weight:600}.interval-chip.selected.svelte-1uha8ag{color:var(--color-primary-light);background:#c1494933;border-color:#c1494980}.interval-chip.only.svelte-1uha8ag{opacity:.4;cursor:not-allowed}.interval-chip.svelte-1uha8ag:disabled{cursor:not-allowed}.fretboard-section.svelte-1uha8ag{margin-bottom:var(--space-md);position:relative}.pause-overlay.svelte-1uha8ag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;cursor:pointer;border-radius:var(--radius-md);background:#0f172ad9;justify-content:center;align-items:center;animation:.2s ease-out svelte-1uha8ag-fadeIn;display:flex;position:absolute;inset:0}.pause-content.svelte-1uha8ag{text-align:center;color:#fff}.pause-icon.svelte-1uha8ag{opacity:.8;color:var(--color-primary);justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.pause-content.svelte-1uha8ag h2:where(.svelte-1uha8ag){color:#f1f5f9;margin-bottom:.25rem;font-size:1.5rem;font-weight:600}.pause-content.svelte-1uha8ag p:where(.svelte-1uha8ag){color:#94a3b8;font-size:.9rem}@keyframes svelte-1uha8ag-fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.game-info-bar.svelte-1uha8ag{padding:var(--space-sm) var(--space-md);min-height:auto}.info-grid.svelte-1uha8ag{grid-template-columns:1fr}.card-header.svelte-1uha8ag{flex-direction:column;align-items:flex-start}.session-controls.svelte-1uha8ag{flex-direction:column;align-items:stretch}.scale-controls.svelte-1uha8ag{justify-content:center}.target-card.svelte-1uha8ag{min-height:140px}.note-large.svelte-1uha8ag{font-size:4.5rem}.octave-large.svelte-1uha8ag{font-size:2.5rem}.stats-pills.svelte-1uha8ag{width:100%}}