#screen-setup,#screen-game,#screen-results,#screen-secret,#screen-level2{padding-top:var(--space-xs)}.pitch-desc{color:var(--fg-muted);margin-bottom:var(--space-md);font-size:.9rem}.pitch-modes{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.pitch-mode-btn{padding:var(--space-sm);border:1px solid var(--border);cursor:pointer;font-family:var(--font-body);text-align:left;background:0 0;border-radius:6px;flex-direction:column;align-items:flex-start;gap:.2rem;min-width:160px;transition:border-color .15s,color .15s;display:flex}.pitch-mode-btn .mode-label{color:var(--fg-muted);font-size:.88rem;font-weight:500}.pitch-mode-btn .mode-desc{color:var(--fg-muted);font-size:.75rem;font-family:var(--font-mono);line-height:1.3}.pitch-mode-btn.active{border-color:var(--fg)}.pitch-mode-btn.active .mode-label{color:var(--fg)}.pitch-mode-btn:hover:not(.active){border-color:var(--fg-muted)}.pitch-sound-settings{width:min(100%,420px);padding:var(--space-sm);border:1px solid var(--border);margin-bottom:var(--space-sm);border-radius:6px}.pitch-settings-heading,.pitch-field,.pitch-volume{font-family:var(--font-mono);color:var(--fg-muted);font-size:.75rem}.pitch-settings-heading{margin-bottom:var(--space-xs)}.pitch-settings-row,.pitch-volume{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.pitch-field{align-items:center;gap:var(--space-xs);display:flex}.pitch-field select{border:1px solid var(--border);background:var(--bg);min-height:44px;color:var(--fg);font:inherit;border-radius:3px;padding:.45rem 1.8rem .45rem .65rem}.pitch-field select:focus-visible,.pitch-volume input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pitch-volume{margin-top:var(--space-sm)}.pitch-volume input{width:min(190px,55vw);accent-color:var(--accent)}.pitch-volume output{min-width:3.2em;color:var(--fg)}.pitch-btn{border:1px solid var(--fg);width:fit-content;color:var(--fg);font-family:var(--font-mono);cursor:pointer;margin-top:var(--space-sm);background:0 0;border-radius:3px;min-height:44px;padding:.45rem 1rem;font-size:.82rem;transition:background .15s,color .15s}.pitch-btn:hover:not(:disabled){background:var(--fg);color:var(--bg)}.pitch-btn:disabled{opacity:.35;cursor:default}.pitch-btn-ghost{border-color:var(--border);color:var(--fg-muted)}.pitch-btn-ghost:hover:not(:disabled){background:var(--border);color:var(--fg)}.pitch-btn-compact{margin-top:0}.pitch-actions{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.pitch-meta{gap:var(--space-md);font-family:var(--font-mono);color:var(--fg-muted);margin-bottom:var(--space-sm);font-size:.78rem;display:flex}.pitch-ref-banner{font-family:var(--font-mono);color:var(--fg-muted);border:1px solid var(--border);margin-bottom:var(--space-sm);border-radius:3px;width:fit-content;padding:.3rem .7rem;font-size:.78rem}.piano-outer{margin-top:var(--space-md);margin-bottom:var(--space-xs);-webkit-overflow-scrolling:touch;overflow-x:auto}.piano-wrap{flex-shrink:0;width:308px;height:130px;position:relative}.piano-key-white{cursor:pointer;width:44px;height:130px;font-family:var(--font-mono);color:#666;user-select:none;box-sizing:border-box;z-index:1;background:#fdfdfc;border:1px solid #b0ada8;border-radius:0 0 4px 4px;justify-content:center;align-items:flex-end;padding-bottom:6px;font-size:.6rem;transition:background .1s;display:flex;position:absolute}.piano-key-white:hover:not(:disabled){background:#f0ede8}.piano-key-white:disabled{cursor:default}.piano-key-black{cursor:pointer;width:28px;height:80px;font-family:var(--font-mono);color:#aaa;user-select:none;box-sizing:border-box;z-index:2;background:#1c1c1c;border:1px solid #000;border-radius:0 0 3px 3px;justify-content:center;align-items:flex-end;padding-bottom:4px;font-size:.55rem;transition:background .1s;display:flex;position:absolute}.piano-key-black:hover:not(:disabled){background:#333}.piano-key-black:disabled{cursor:default}[data-theme=dark] .piano-key-white{color:#555;background:#d6d3cc;border-color:#8a8880}[data-theme=dark] .piano-key-white:hover:not(:disabled){background:#ccc9c1}.key-correct{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.key-wrong{color:#fff!important;background:#c0392b!important;border-color:#c0392b!important}.key-entered{background:var(--fg-muted)!important;color:var(--bg)!important;border-color:var(--fg-muted)!important}.pitch-feedback{font-family:var(--font-mono);margin-top:var(--space-sm);min-height:1.4em;margin-bottom:0;font-size:.82rem}.pitch-feedback.feedback-correct{color:var(--accent)}.pitch-feedback.feedback-wrong{color:#c0392b}.pitch-score-label{font-family:var(--font-mono);color:var(--fg-muted);margin-bottom:.25rem;font-size:.78rem}.pitch-score{font-family:var(--font-display);margin-bottom:var(--space-xs);color:var(--fg);font-size:4rem;font-weight:600;line-height:1.1}.pitch-tagline{font-family:var(--font-mono);color:var(--fg-muted);margin-bottom:0;font-size:.88rem}.pitch-bonus-label,.pitch-level-kicker{margin-top:var(--space-md);color:var(--accent);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.25rem;font-size:.72rem}.pitch-bonus-instruction{color:var(--fg-muted);margin-bottom:0;font-size:.86rem}.pitch-prime-row{margin-top:var(--space-md);align-items:baseline;gap:.6rem;display:flex}.pitch-prime-label{font-family:var(--font-mono);color:var(--fg-muted);font-size:.78rem}.pitch-prime-num{font-family:var(--font-mono);color:var(--fg);letter-spacing:.08em;font-size:1rem}.pitch-secret-line{font-family:var(--font-display);color:var(--fg);margin-bottom:0;font-size:2.8rem;font-weight:600;line-height:1.2}.pitch-secret-dim{color:var(--fg-muted)}.pitch-level-kicker{margin-top:0}.pitch-level-desc{max-width:480px;margin-bottom:var(--space-sm)}.pitch-cipher-hint{font-family:var(--font-mono);color:var(--fg-muted);opacity:.5;margin-top:var(--space-xs);letter-spacing:.05em;margin-bottom:0;font-size:.72rem}.l2-hint-row{align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);display:flex}.l2-hint-display{font-family:var(--font-mono);color:var(--fg-muted);font-size:.82rem}.l2-feedback{font-family:var(--font-mono);min-height:1.4em;margin-top:var(--space-xs);opacity:0;margin-bottom:0;font-size:1.1rem;transition:opacity .5s}@media (width<=480px){.pitch-mode-btn,.pitch-sound-settings{width:100%}.pitch-settings-row,.pitch-field{flex-direction:column;align-items:stretch}.pitch-field select{width:100%}.piano-outer{overflow-x:auto}.piano-wrap{grid-template-columns:repeat(6,minmax(44px,1fr));gap:.35rem;width:100%;min-width:296px;height:auto;display:grid;position:relative}.piano-key-white,.piano-key-black{border-radius:4px;align-items:center;width:auto;min-width:44px;height:52px;padding:0;font-size:.65rem;position:static}.pitch-actions .pitch-btn{flex:auto}}