#auto-hud{position:fixed;top:24px;left:24px;width:400px;padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:8px;z-index:5}#auto-hud .instruments{grid-template-columns:repeat(3,1fr)}#auto-turn{font-size:24px}#auto-message{font-size:14px;min-height:42px}#auto-controls{position:fixed;bottom:76px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;z-index:5;pointer-events:none}#auto-controls[hidden]{display:none}#auto-controls button{pointer-events:auto;touch-action:none;user-select:none;min-height:52px}.auto-turn-controls,.auto-pedals{display:flex;gap:8px}#auto-controls button.held{background:var(--accent);color:var(--white)}.auto-active .caption,.auto-active .rail{display:none}@media(max-width:760px){#auto-hud{top:12px;left:12px;right:12px;width:auto;padding:12px}#auto-message{font-size:12px;min-height:36px}#auto-controls{left:12px;right:12px;bottom:88px;display:grid;justify-content:stretch;gap:12px}.auto-turn-controls,.auto-pedals{justify-content:center}.auto-turn-controls button{flex:1;font-size:12px;padding:8px}.auto-pedals button{min-width:120px}.auto-active #detail-note{top:300px}}@media(max-height:600px){#auto-hud{width:330px;top:12px;left:12px;padding:12px}#auto-message{display:none}#auto-controls{left:auto;right:12px;width:310px;display:grid;bottom:60px}#auto-controls button{font-size:12px;min-height:44px}}