/* White outlined western hat and an analog face with a separate note display. */
#bq-live .brand-lockup{padding-top:33px}
#bq-live .brand-hat{width:160px;height:53px;left:50%;top:-13px;transform:translateX(-50%);color:#fff;filter:drop-shadow(0 2px 3px #000)}
#bq-live .brand-lockup strong{font-style:normal;letter-spacing:-1px;color:#fff;transform:none;text-shadow:0 2px 4px #000}
#bq-live .brand-lockup strong::after{display:none}
#bq-live .brand-lockup small{font-size:6px;margin-top:6px}
#bq-live .bq-readout{display:flex;flex-direction:column;align-items:center;gap:0;filter:none}
#bq-live #bq-meter{height:167px;width:100%;max-width:370px}
#bq-live .meter-center{position:static;transform:none;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-width:116px;margin:-2px auto 3px;padding:7px 16px;background:linear-gradient(135deg,#161817f2,#080a09f7);border:2px solid #686554;border-radius:12px;box-shadow:0 3px 12px #0007;text-shadow:none}
#bq-live #bq-note{font-size:36px;color:#fafaf4;margin:0;line-height:1}
#bq-live #bq-cents{color:var(--bq-glow,#e6d4ac);font-size:13px;margin:0}
#bq-live .bq-status-row{margin:0;gap:3px;min-height:36px}
#bq-live #bq-status{display:block;min-width:150px;text-align:center;padding:4px 10px;border-radius:6px;background:#272821dd;font-size:10px}
#bq-live[data-tuning-state="tuned"] #bq-status{background:linear-gradient(#1b6036,#103b25);color:#5cff9f}
#bq-live[data-tuning-state="flat"] #bq-status{background:#544116;color:#ffdd70}
#bq-live[data-tuning-state="sharp"] #bq-status{background:#501e1d;color:#ff8b7e}
#bq-live.bq-light .brand-lockup strong,#bq-live.bq-light .brand-hat{color:#fff;text-shadow:0 1px 4px #36220c}
@media(orientation:portrait) and (max-width:599px){#bq-live .bq-header{min-height:96px}#bq-live .character-panel{height:244px}#bq-live #bq-guide{height:228px}#bq-live #bq-meter{height:150px}}
@media(min-width:600px){#bq-live .brand-hat{width:190px;height:63px;top:-17px}#bq-live .brand-lockup{padding-top:40px}}
@media(orientation:landscape) and (min-width:650px){#bq-live .bq-header{min-height:83px}#bq-live .brand-hat{width:150px;height:50px;top:-14px}#bq-live .brand-lockup{padding-top:30px}#bq-live #bq-meter{height:151px}#bq-live #bq-note{font-size:32px}}
@media(orientation:landscape) and (max-height:500px){#bq-live .bq-header{min-height:69px}#bq-live .brand-hat{width:125px;height:42px;top:-9px}#bq-live .brand-lockup{padding-top:27px}#bq-live #bq-meter{height:110px}#bq-live .meter-center{min-width:100px;padding:3px 12px}#bq-live #bq-note{font-size:25px}#bq-live #bq-cents{font-size:10px}#bq-live .bq-status-row{min-height:28px}}

/* Direct finger tracking during drag; gentle settling after release. */
#bq-live .instrument-card{transition:transform .42s cubic-bezier(.22,.75,.2,1),opacity .3s}
#bq-live #bq-carousel.is-dragging .instrument-card{transition:none}
#bq-live .drummer{background:none!important}
#bq-live .drummer canvas{width:100%;height:100%;display:block}

/* Clear, always-named Auto checkbox and full-kit practice scene. */
#bq-live #bq-auto-label{gap:7px;font-size:12px;min-height:40px;padding:4px 8px;cursor:pointer}
#bq-live #bq-auto{appearance:auto;width:19px;height:19px;accent-color:#6cef9b;margin:0}
#bq-live .drummer{width:min(100%,430px);aspect-ratio:1304/1184;height:auto;background:none}
#bq-live #bq-guide[data-extreme="true"]{animation:none}
@media(orientation:landscape) and (max-height:500px){#bq-live .drummer{width:min(100%,280px)}}

/* Fixed character stage with tuning choice directly underneath. */
#bq-live .character-panel{height:auto;min-height:0;overflow:visible;transform:none;animation:none}
#bq-live #bq-guide{transform:none;animation:none}
#bq-live #bq-quick-tuning{width:90%;max-width:220px;margin:6px auto 0;min-height:32px;font-size:11px;background:#211b13e8;color:#ffe4a9;border:1px solid #af9258;border-radius:7px;position:relative;z-index:3}
#bq-live .bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
#bq-live [data-instrument="vihuela"] .instrument-art{transform:scale(.74);transform-origin:50% 100%}
#bq-live [data-instrument="guitarron"] .instrument-art{transform:scale(1.12);transform-origin:50% 100%}
#bq-live #bq-guidance{font:bold 12px/1.2 system-ui,sans-serif;min-height:18px}
#bq-live[data-tuning-state="tuned"] #bq-guidance{color:#77ff9b}
@media(max-width:599px) and (orientation:portrait){#bq-live .drummer{width:min(100%,270px)}}