#screen-setup,#screen-game,#screen-results,#screen-secret,#screen-level2{padding-top:var(--space-xs)}.pitch-desc{color:var(--fg-muted);font-size:.9rem;margin-bottom:var(--space-md)}.pitch-modes{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.pitch-mode-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:var(--space-sm);background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-family:var(--font-body);text-align:left;min-width:160px;transition:border-color .15s,color .15s}.pitch-mode-btn .mode-label{font-size:.88rem;font-weight:500;color:var(--fg-muted)}.pitch-mode-btn .mode-desc{font-size:.75rem;color:var(--fg-muted);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-btn{width:fit-content;padding:.45rem 1rem;background:transparent;border:1px solid var(--fg);color:var(--fg);font-family:var(--font-mono);font-size:.82rem;cursor:pointer;border-radius:3px;transition:background .15s,color .15s;margin-top:var(--space-sm)}.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-meta{display:flex;gap:var(--space-md);font-family:var(--font-mono);font-size:.78rem;color:var(--fg-muted);margin-bottom:var(--space-sm)}.pitch-ref-banner{font-family:var(--font-mono);font-size:.78rem;color:var(--fg-muted);border:1px solid var(--border);border-radius:3px;padding:.3rem .7rem;margin-bottom:var(--space-sm);width:fit-content}.piano-outer{overflow-x:auto;margin-top:var(--space-md);margin-bottom:var(--space-xs);-webkit-overflow-scrolling:touch}.piano-wrap{position:relative;width:308px;height:130px;flex-shrink:0}.piano-key-white{position:absolute;width:44px;height:130px;background:#fdfdfc;border:1px solid #b0ada8;border-radius:0 0 4px 4px;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;font-family:var(--font-mono);font-size:.6rem;color:#666;user-select:none;box-sizing:border-box;transition:background .1s;z-index:1}.piano-key-white:hover:not(:disabled){background:#f0ede8}.piano-key-white:disabled{cursor:default}.piano-key-black{position:absolute;width:28px;height:80px;background:#1c1c1c;border:1px solid #000;border-radius:0 0 3px 3px;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;font-family:var(--font-mono);font-size:.55rem;color:#aaa;user-select:none;box-sizing:border-box;transition:background .1s;z-index:2}.piano-key-black:hover:not(:disabled){background:#333}.piano-key-black:disabled{cursor:default}[data-theme=dark] .piano-key-white{background:#d6d3cc;border-color:#8a8880;color:#555}[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{background:#c0392b!important;color:#fff!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);font-size:.82rem;margin-top:var(--space-sm);margin-bottom:0;min-height:1.4em}.pitch-feedback.feedback-correct{color:var(--accent)}.pitch-feedback.feedback-wrong{color:#c0392b}.pitch-score-label{font-family:var(--font-mono);font-size:.78rem;color:var(--fg-muted);margin-bottom:.25rem}.pitch-score{font-family:var(--font-display);font-size:4rem;font-weight:600;line-height:1.1;margin-bottom:var(--space-xs);color:var(--fg)}.pitch-tagline{font-family:var(--font-mono);font-size:.88rem;color:var(--fg-muted);margin-bottom:0}.pitch-prime-row{display:flex;align-items:baseline;gap:.6rem;margin-top:var(--space-md)}.pitch-prime-label{font-family:var(--font-mono);font-size:.78rem;color:var(--fg-muted)}.pitch-prime-num{font-family:var(--font-mono);font-size:1rem;color:var(--fg);letter-spacing:.08em}.pitch-secret-line{font-family:var(--font-display);font-size:2.8rem;font-weight:600;line-height:1.2;margin-bottom:0;color:var(--fg)}.pitch-secret-dim{color:var(--fg-muted)}.pitch-cipher-hint{font-family:var(--font-mono);font-size:.72rem;color:var(--fg-muted);opacity:.5;margin-top:var(--space-xs);margin-bottom:0;letter-spacing:.05em}.l2-hint-row{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs)}.l2-hint-display{font-family:var(--font-mono);font-size:.82rem;color:var(--fg-muted)}.l2-feedback{font-family:var(--font-mono);font-size:1.1rem;min-height:1.4em;margin-top:var(--space-xs);margin-bottom:0;opacity:0;transition:opacity .5s ease}