*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1a2e;color:#e0e0e0;font-family:Segoe UI,system-ui,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh}#app{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:480px;width:100%;padding:24px}#logo svg{width:280px;height:auto}#score{font-size:1.1rem;font-family:monospace;color:#aaa;height:1.4rem}#staff-container,#trumpet-container{width:100%}#trumpet-container{margin-top:-20px}#staff-container svg,#trumpet-container svg{display:block;width:100%;height:auto}#status-slot{width:100%;position:relative;height:2rem}#timer-bar{width:100%;height:6px;background:#2a2a3e;border-radius:3px;overflow:hidden;position:absolute;left:0;top:50%;transform:translateY(-50%)}#timer-fill{height:100%;width:100%;background:#4a9;border-radius:3px;transition:none}#timer-fill.warning{background:#e94}#timer-fill.critical{background:#e55}#feedback{font-size:1.2rem;font-weight:600;width:100%;text-align:center;position:absolute;left:0;top:50%;transform:translateY(-50%)}#feedback.correct{color:#4a9}#feedback.incorrect{color:#e55}#instructions{font-size:.85rem;color:#666;text-align:center;line-height:1.6}kbd{display:inline-block;padding:2px 6px;font-family:monospace;font-size:.85rem;background:#2a2a3e;border:1px solid #444;border-radius:3px;color:#ccc}#start-btn{padding:10px 32px;font-size:1rem;font-weight:600;background:#4a9;color:#1a1a2e;border:none;border-radius:6px;cursor:pointer;letter-spacing:.05em}#start-btn:hover{background:#5cb}#start-btn:focus-visible{outline:2px solid #4a9;outline-offset:2px}