/* El Norteño presentation layer. Audio scheduling is independent of this file. */
html,body{background:#17140f;color-scheme:dark}
#bq-live{--bq-bg:#191610;--bq-fg:#f7edda;--bq-gold:#e4bc75;--bq-teal:#dfbb7c;--bq-surface:#28231de8;--bq-border:#a88a514a;--bq-background-opacity:.34;min-height:100svh;max-width:none;padding:12px max(14px,calc((100vw - 1200px)/2));font-size:14px;background:#17140f}
#bq-live::before{position:fixed;background-position:center;opacity:.36}
#bq-live::after{position:fixed;inset:3px;border-radius:16px}
#bq-live.bq-light{--bq-bg:#f7edda;--bq-fg:#302315;--bq-surface:#f2e3cced;--bq-border:#805c3d66;--bq-teal:#775020;background:#e4d1b1;color-scheme:light}
#bq-live .bq-header{display:flex;justify-content:space-between;gap:8px;padding:0;max-width:1100px;margin:auto;min-height:62px}
#bq-live .brand-lockup{text-align:center;flex:1;min-width:90px}
#bq-live .brand-lockup strong{font:italic bold clamp(22px,4vw,34px) Georgia,serif;color:var(--bq-gold);text-shadow:0 2px 8px #0008;white-space:nowrap}
#bq-live .brand-lockup small{display:block;font-size:9px;letter-spacing:2px;text-transform:uppercase;margin-top:2px;opacity:.85}
#bq-live .header-actions{display:flex;gap:5px}
#bq-live .bq-header button{min-height:40px;padding:7px 10px;font-size:11px;border-radius:10px}
#bq-live .gold-button{color:var(--bq-gold);border-color:#d8b87588;background:#44362080}
#bq-live #bq-back{font-size:12px;padding:3px 10px;min-height:30px;margin:4px 0}
#bq-live[data-screen="tune"] #bq-back,#bq-live[data-screen="ear"] #bq-back{display:none}
#bq-live button{border-radius:12px;gap:5px;transition:background .15s,border-color .15s}
#bq-live button:focus-visible,#bq-live select:focus-visible{outline:2px solid #eecb83;outline-offset:3px}
#bq-live #bq-tuner{display:block;max-width:680px;margin:8px auto 0}
#bq-live .meter-section{min-width:0}
#bq-live .meter-caption{display:flex;justify-content:space-between;padding:6px 12px;font-size:10px;letter-spacing:1.7px;color:var(--bq-gold)}
#bq-live .bq-readout{display:block;position:relative;margin:0}
#bq-live #bq-meter{height:auto;aspect-ratio:440/248;width:100%}
#bq-live .meter-center{position:absolute;top:43%;left:50%;transform:translateX(-50%);text-align:center;padding:0 8px;background:radial-gradient(ellipse,#332719 30%,#33271900 75%);pointer-events:none;color:#fff0d1}
#bq-live #bq-note{font-size:clamp(35px,7vw,54px);font-weight:500;line-height:1;margin:0;color:#fff0d1}
#bq-live #bq-cents{font-size:12px;display:block;margin-top:4px;font-variant-numeric:tabular-nums}
#bq-live .bq-status-row{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:-6px;min-height:42px}
#bq-live #bq-status{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--bq-glow,var(--bq-gold))}
#bq-live #bq-measure{font-size:10px;opacity:.75;font-variant-numeric:tabular-nums}
#bq-live .bq-mic-controls,#bq-live #bq-ear-actions{display:flex;justify-content:center;align-items:center;gap:7px;margin:8px 0}
#bq-live .bq-mic-controls button,#bq-live #bq-ear-actions button{padding:8px 12px;min-height:40px;font-size:12px}
#bq-live #bq-start{background:linear-gradient(135deg,#ead09a,#c29450);color:#21180f;border-color:#efd4a0;font-weight:700}
#bq-live #bq-auto-label{display:flex;align-items:center;gap:3px;font-size:11px}
#bq-live input[type="checkbox"]{width:18px;height:18px}
#bq-live .musician-section{display:grid;grid-template-columns:minmax(100px,42%) minmax(0,1fr);gap:10px;align-items:center;margin-top:10px;position:relative}
#bq-live .character-panel{min-width:0;position:relative;text-align:center;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
#bq-live #bq-guide{height:220px;max-width:230px;width:100%;margin:auto;filter:drop-shadow(0 6px 9px #0006)}
#bq-live #bq-guidance{font-size:11px;line-height:1.35;color:var(--bq-gold);min-height:26px;margin-top:3px}
#bq-live .bq-instrument-panel{min-width:0;background:var(--bq-surface);border:1px solid var(--bq-border);border-radius:18px;padding:13px 10px;box-shadow:0 10px 24px #0002}
#bq-live .instrument-heading small{font-size:8px;letter-spacing:1.8px;color:var(--bq-gold)}
#bq-live .instrument-heading h2{font:600 21px Georgia,serif;margin:4px 0 3px}
#bq-live #bq-instrument-count{font-size:10px;opacity:.65}
#bq-live .tuning-shortcut{font-size:10px;min-height:28px;padding:4px 6px;margin-top:5px;width:100%;border:0;border-radius:6px;background:#a88a511c}
#bq-live #bq-instrument{height:45px;margin:3px 0}
#bq-live .bq-selection-panel{padding:0;margin:0;border:0;box-shadow:none;background:none;border-radius:0}
#bq-live .bq-panel-heading{margin:8px 0 5px;font-size:8px;letter-spacing:.6px;display:flex;justify-content:space-between;gap:5px}
#bq-live #bq-courses{display:flex;gap:4px}
#bq-live #bq-courses button{flex:1;min-width:0;min-height:43px;padding:4px 1px;display:flex;flex-direction:column;gap:1px;border-radius:8px}
#bq-live .bq-course-note{font-size:19px;font-weight:600;line-height:1.1}
#bq-live .bq-course-number{font-size:8px;opacity:.7}
#bq-live #bq-string-heading{font-size:8px;letter-spacing:1px;margin:8px 0 5px}
#bq-live #bq-string{display:flex;gap:5px}
#bq-live #bq-string button{flex:1;min-width:0;min-height:35px;padding:4px 6px;gap:4px;border-radius:8px}
#bq-live .bq-string-note{font-size:14px;font-weight:600}
#bq-live .bq-string-name{font-size:8px}
#bq-live .bq-string-check{font-size:10px}
#bq-live button[aria-pressed="true"]{background:linear-gradient(140deg,#efd8a9,#cea057);border-color:#ffdb9c;color:#302316;box-shadow:0 0 12px #d1a34d22}
#bq-live .carousel-section{margin-top:10px;min-width:0;overflow:hidden}
#bq-live .carousel-heading{display:flex;align-items:center;justify-content:space-between;padding:0 15px;gap:10px;font-size:9px;letter-spacing:2px;color:var(--bq-gold)}
#bq-live .carousel-heading button{min-height:30px;min-width:38px;padding:0;font-size:25px;background:transparent;border:0}
#bq-live #bq-carousel{height:146px;position:relative;perspective:700px;touch-action:pan-y;max-width:650px;margin:auto}
#bq-live #bq-carousel::before{content:'';position:absolute;left:5%;right:5%;bottom:0;height:30px;border:1px solid #c39b5333;border-radius:50%;background:radial-gradient(ellipse,#c89c4422,transparent 70%)}
#bq-live .instrument-card{position:absolute;left:calc(50% - 47px);top:0;width:94px;height:128px;display:flex;flex-direction:column;justify-content:center;gap:1px;padding:5px 3px;transform:translateX(calc(var(--slot)*84px)) translateY(calc(var(--depth)*9px)) translateZ(calc(var(--depth)*-65px)) rotateY(calc(var(--slot)*-18deg)) scale(calc(1 - var(--depth)*.09));background:linear-gradient(150deg,#493823e8,#1e1b17f0);border-color:#ac875844;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .25s,border-color .25s;box-shadow:0 9px 17px #0005;color:#e3d0af}
#bq-live .instrument-card svg{height:83px;width:55px;flex-shrink:0;filter:drop-shadow(2px 4px 3px #0007)}
#bq-live .instrument-card strong{font-size:9px;line-height:1.15;font-weight:600}
#bq-live .instrument-card small{font-size:7px;letter-spacing:2px;color:#e9c58b}
#bq-live .instrument-card[aria-pressed="true"]{background:linear-gradient(145deg,#66502de8,#2a241cf0);border-color:#efc875;box-shadow:0 0 18px #f3c85d38,0 9px 24px #0009;color:#ffebc5}
#bq-live #bq-carousel-name{margin:0;text-align:center;font-size:12px;color:var(--bq-gold);font-weight:600}
#bq-live .bottom-nav{display:flex;justify-content:center;gap:5px;border-top:1px solid var(--bq-border);padding-top:8px;margin:12px auto 0;max-width:650px}
#bq-live .bottom-nav button{flex:1;max-width:150px;background:#201b16b0;border:0;min-height:40px;font-size:11px;padding:6px;color:var(--bq-fg)}
#bq-live .bottom-nav button[aria-current="true"]{color:var(--bq-gold);background:#ac875825}
#bq-live .tuning-details{padding:0 8px;background:none;margin:6px auto;font-size:10px}
#bq-live .tuning-details summary{min-height:20px;color:var(--bq-gold)}
#bq-live #bq-tip{font-size:11px;margin:5px 0}
#bq-live .bq-offline{justify-content:center;border:0;margin:8px 0 0;padding:0;font-size:9px;gap:5px;opacity:.8}
#bq-live .bq-offline button{font-size:9px;min-height:28px;padding:4px 7px}
#bq-live .bq-brand{margin-top:35px}
#bq-live .bq-brand h1{font:italic bold 52px Georgia,serif;letter-spacing:-1px;color:var(--bq-gold)}
#bq-live #bq-home{min-height:65svh;max-width:700px;margin:auto}
#bq-live #bq-settings{max-width:620px;margin:15px auto;background:var(--bq-surface);border:1px solid var(--bq-border);border-radius:20px;padding:18px}
#bq-live .bq-setting{gap:10px}
#bq-live #bq-tuning{max-width:65%;font-size:12px}
#bq-live #bq-custom-form{border:1px solid var(--bq-border);padding:12px;border-radius:12px;font-size:12px;margin:12px 0}
#bq-live #bq-custom-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#bq-live fieldset{border:1px solid var(--bq-border);border-radius:8px;min-width:0;padding:8px}
#bq-live fieldset label{display:flex;justify-content:space-between;align-items:center;font-size:10px;gap:3px;margin:4px 0}
#bq-live fieldset select{max-width:75px;font-size:13px}
#bq-live .pro-preview{grid-column:1/-1;border:1px solid #dfbb7c66;border-radius:12px;background:#2d231bea;padding:12px;text-align:center;color:#f7dfb3}
#bq-live .pro-preview p{font-size:11px;margin:5px}
#bq-live .pro-preview button{font-size:12px;min-height:35px}
#bq-live #bq-missing-art svg{height:165px;width:100%}
#bq-live #bq-missing-art small{display:block;font-size:10px}
#bq-live dialog{color:var(--bq-fg);background:var(--bq-surface);border:1px solid #d7b678;border-radius:20px;padding:28px;max-width:min(440px,90vw);box-shadow:0 25px 80px #000a}
#bq-live dialog::backdrop{background:#100c08c9;backdrop-filter:blur(5px)}
#bq-live dialog small{color:var(--bq-gold);letter-spacing:2px}
#bq-live dialog h2{font:30px Georgia,serif}
#bq-live dialog p{font-size:14px;line-height:1.6}
#bq-live dialog button{width:100%;margin:5px 0}
#bq-live dialog .dialog-close{width:auto;display:block;margin-left:auto;min-height:32px;font-size:12px}
#bq-live.low-effects .instrument-card{box-shadow:none}
#bq-live.low-effects #bq-guide{filter:none}
@media(min-width:740px) and (orientation:portrait){#bq-live #bq-tuner{max-width:630px}#bq-live #bq-guide{height:290px}#bq-live .instrument-heading h2{font-size:28px}#bq-live .instrument-card{width:110px;left:calc(50% - 55px);--spacing:108px}#bq-live #bq-carousel{height:160px}}
@media(orientation:landscape) and (min-width:650px){
 #bq-live{padding:6px max(12px,calc((100vw - 1200px)/2))}#bq-live .bq-header{min-height:46px}
 #bq-live #bq-tuner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 18px;max-width:1100px;margin-top:2px;align-items:start}
 #bq-live .meter-section{grid-column:1;grid-row:1}#bq-live .musician-section{grid-column:2;grid-row:1;margin-top:15px;gap:7px;grid-template-columns:38% minmax(0,1fr)}
 #bq-live .carousel-section{grid-column:1/-1;margin-top:0}#bq-live #bq-carousel{height:116px}#bq-live .instrument-card{height:102px;width:88px;left:calc(50% - 44px)}#bq-live .instrument-card svg{height:60px}
 #bq-live #bq-guide{height:210px}#bq-live #bq-instrument{height:43px}#bq-live .bq-instrument-panel{padding:9px}#bq-live .bq-readout{display:block}#bq-live #bq-meter{height:auto}#bq-live .bq-status-row{min-height:33px}#bq-live .tuning-details{grid-column:1/-1;margin:0}
 #bq-live .bottom-nav{margin-top:5px}#bq-live .bq-offline{margin-top:3px}
}
@media(orientation:landscape) and (max-height:500px){
 #bq-live .bq-header{min-height:40px}#bq-live .brand-lockup strong{font-size:23px}#bq-live .brand-lockup small{font-size:8px}#bq-live .meter-caption{padding:2px 8px;font-size:8px}#bq-live #bq-meter{max-height:165px}#bq-live #bq-note{font-size:31px}#bq-live .meter-center{top:42%}#bq-live #bq-cents{font-size:10px}#bq-live .bq-mic-controls{margin:3px}#bq-live .bq-mic-controls button{min-height:32px;padding:4px 8px}#bq-live #bq-guide{height:183px}#bq-live .musician-section{margin-top:0}#bq-live .carousel-section{grid-column:1/-1}#bq-live #bq-carousel{height:91px}#bq-live .instrument-card{height:80px;width:82px;left:calc(50% - 41px)}#bq-live .instrument-card svg{height:43px}#bq-live .carousel-heading{font-size:8px}#bq-live .carousel-heading button{min-height:20px}#bq-live .tuning-details{display:none}#bq-live .bottom-nav button{min-height:30px}#bq-live .bq-offline{font-size:8px}
}
@media(max-width:380px){#bq-live{padding:8px}#bq-live .bq-header button{padding:6px;font-size:10px}#bq-live .instrument-heading h2{font-size:18px}#bq-live .musician-section{gap:5px}#bq-live #bq-guide{height:195px}#bq-live #bq-pair-type{display:none}}
@media(prefers-reduced-motion:reduce){#bq-live *,#bq-live *::before,#bq-live *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Tighten the performance view independently of the old MVP component rules. */
#bq-live #bq-tuner{padding-top:0}
#bq-live #bq-course-heading,#bq-live #bq-pair-type{font-size:8px;letter-spacing:0;white-space:nowrap}
#bq-live.bq-light{--bq-gold:#714914}
#bq-live.bq-light .brand-lockup strong{text-shadow:none}
#bq-live.bq-light .bottom-nav button{background:#e7d2af}
#bq-live.bq-light #bq-status{color:#604017}
#bq-live .bq-subtitle{font-size:12px;letter-spacing:2px}
#bq-live .instrument-heading{line-height:1.15}
#bq-live .instrument-heading small,#bq-live #bq-instrument-count{display:block}
#bq-live .instrument-heading h2{line-height:1.1}
#bq-live .bq-course-number{line-height:1}
#bq-live #bq-string-heading{line-height:1.1}
@media(orientation:portrait) and (max-width:739px){
 #bq-live .bq-header{min-height:52px}#bq-live #bq-tuner{margin-top:2px}
 #bq-live .meter-caption{padding:3px 9px;font-size:8px}
 #bq-live #bq-meter{height:clamp(165px,23svh,202px)}
 #bq-live .bq-status-row{min-height:32px}#bq-live .bq-mic-controls{margin:4px 0}
 #bq-live .musician-section{margin-top:5px}#bq-live #bq-guide{height:190px}
 #bq-live .bq-instrument-panel{padding:8px}#bq-live .instrument-heading h2{font-size:19px}
 #bq-live #bq-instrument{height:24px}#bq-live .instrument-heading small{font-size:7px}
 #bq-live #bq-courses button{min-height:38px}#bq-live #bq-string button{min-height:30px}
 #bq-live .carousel-section{margin-top:3px}#bq-live #bq-carousel{height:108px}
 #bq-live .instrument-card{height:98px}#bq-live .instrument-card svg{height:54px}
 #bq-live .bottom-nav{margin-top:5px}#bq-live .bottom-nav button{min-height:35px}
 #bq-live .tuning-details{margin:1px auto}#bq-live .bq-offline{margin-top:2px}
}
@media(orientation:landscape) and (max-height:500px){
 #bq-live #bq-tuner{gap:2px 14px}#bq-live .bq-header{min-height:36px}
 #bq-live .musician-section{grid-template-columns:36% minmax(0,1fr)}
 #bq-live #bq-guide{height:166px}#bq-live .bq-instrument-panel{padding:6px}
 #bq-live #bq-instrument{height:24px}#bq-live .instrument-heading h2{font-size:17px}
 #bq-live .instrument-heading small,#bq-live #bq-instrument-count{font-size:8px}
 #bq-live #bq-courses button{min-height:32px}#bq-live #bq-string button{min-height:28px}
 #bq-live #bq-meter{max-height:142px}#bq-live .bq-status-row{min-height:28px}
 #bq-live #bq-measure{font-size:9px}#bq-live .carousel-heading button{min-height:18px}
 #bq-live #bq-carousel{height:78px}#bq-live .instrument-card{height:70px}
 #bq-live .instrument-card svg{height:34px}#bq-live #bq-carousel-name{font-size:10px}
 #bq-live .bottom-nav{margin-top:2px;padding-top:2px}#bq-live .bottom-nav button{min-height:26px}
 #bq-live #bq-meter{height:142px;width:252px;margin:auto}
 #bq-live .tuning-shortcut{min-height:23px;padding:2px;font-size:9px}
 #bq-live #bq-guidance{font-size:10px;min-height:18px}
 #bq-live .bq-panel-heading{margin-top:4px}
 #bq-live #bq-string-heading{margin:4px 0 3px}
 #bq-live .bq-offline button{min-height:20px;padding:2px 5px}
 #bq-live .bq-instrument-panel #bq-instrument{display:none}
 #bq-live .bq-status-row{min-height:16px}#bq-live #bq-measure{display:none}
 #bq-live #bq-meter{height:128px;width:227px}
 #bq-live #bq-guide{height:152px}
 #bq-live .bq-mic-controls button{min-height:30px}
 #bq-live .meter-center{top:38%}
}