/* Blind test : salon, visualisation de l'extrait, barre de temps, réponses. Le reste vient de shared.css */
.bt-add{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.bt-add input{flex:1 1 160px;min-width:0;padding:10px 12px;border-radius:10px;border:2px solid #A87A3C;background:#140C08;color:#F4E7CF;font:inherit}
.gm.bt .bd{position:relative}
.bt-bd{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:stretch}
.bt-bd>.abub{align-self:center}
.bt-stage{display:flex;flex-direction:column;align-items:center;gap:14px;min-height:0;padding:6px}
.bt-vis{display:flex;align-items:flex-end;justify-content:center;gap:6px;height:clamp(90px,22vh,180px)}
.bt-vis i{display:block;width:clamp(8px,1.6vw,14px);height:18%;border-radius:6px;background:linear-gradient(#F2C525,#A87A3C);box-shadow:0 3px 0 #1A100A;transform-origin:bottom}
.bt-vis.play i{animation:btbars 1.1s ease-in-out infinite alternate}
@keyframes btbars{from{height:14%}to{height:100%}}
.bt-clock{width:min(560px,90%);display:flex;align-items:center;gap:12px}
.bt-track{flex:1 1 0;height:16px;border-radius:9px;background:#140C08;box-shadow:inset 0 2px 0 rgba(0,0,0,.4);overflow:hidden}
.bt-track i{display:block;height:100%;background:linear-gradient(90deg,#3FA34D,#F2C525,#D8452F);border-radius:9px;transition:width .2s linear}
.bt-sec{font-family:'Bitter',serif;font-weight:800;color:#F2C525;min-width:4ch;text-align:right}
.bt-cat{font-family:'Bitter',serif;color:#C9B393;font-size:15px;min-height:1.2em}
.bt-reveal{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;border-radius:16px;background:rgba(43,27,18,.85);box-shadow:0 4px 0 #1A100A;text-align:center}
.bt-reveal b{font-family:'Bitter',serif;font-size:clamp(20px,3.4vw,30px);color:#F4E7CF}
.bt-reveal span{font-family:'Source Sans 3',sans-serif;font-weight:800;color:#F2C525;font-size:18px}
.bt-kicker{font-size:12px!important;text-transform:uppercase;letter-spacing:.1em;color:#C9B393!important}
.bt-reveal small{color:#C9B393}
.bt-form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;justify-content:center;width:100%}
.bt-in{display:flex;flex-direction:column;gap:3px;flex:1 1 180px;max-width:320px;font-family:'Source Sans 3',sans-serif;font-weight:800;color:#F4E7CF;font-size:14px}
.bt-in input{padding:10px 12px;border-radius:10px;border:2px solid #A87A3C;background:#140C08;color:#F4E7CF;font:inherit;font-weight:600;font-size:16px}
.bt-in input:disabled{opacity:.55;border-color:#3FA34D}
.bt-hint{text-align:center;margin:2px 0 0}
.bt-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:5px 6px;border-radius:10px;font-family:'Source Sans 3',sans-serif}
.bt-row.me{background:rgba(242,197,37,.12)}
.bt-row.gone{opacity:.4}
.bt-n{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bt-f{display:flex;gap:3px}
.bt-ok{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:#5B3A29;color:#C9B393;font-size:11px}
.bt-ok.on{background:#3FA34D;color:#fff}
.bt-pts{font-family:'Bitter',serif;color:#F2C525;min-width:3ch;text-align:right}
.bt-ev{font-family:'Source Sans 3',sans-serif;font-size:14px;padding:3px 0;color:#F4E7CF}
.bt-ev.miss{color:#C9B393}
.bt-ev b{color:#F2C525}
@media (prefers-reduced-motion: reduce){.bt-vis.play i{animation:none}}
.bt-cover{width:clamp(96px,20vh,180px);height:clamp(96px,20vh,180px);object-fit:cover;border-radius:14px;box-shadow:0 4px 0 #1A100A;margin-bottom:4px}
.bt-q{flex:1 1 360px;max-width:560px}
.bt-vol{display:flex;align-items:center;gap:6px;font-size:16px;color:#F4E7CF;flex:0 0 auto}
.bt-vol input{width:110px;accent-color:#F2C525}

/* Scène Blind test : fond, ampoules, écran du haut, pupitres (positions issues des SVG, en % du cadre 2560×1440 ou 300×450) */
.bt-bd{position:relative}
.bt-scene{position:relative;width:100%;aspect-ratio:2560/1440;container-type:inline-size;overflow:hidden;background:#000;border-radius:6px}
.bt-bg,.bt-lights{position:absolute;inset:0;width:100%;height:100%;display:block}
.bt-lights{pointer-events:none}
.bt-b{opacity:.35;animation:bt-chase 3.4s linear infinite}
.bt-scene.play .bt-b{animation-duration:.9s}
@keyframes bt-chase{0%,100%{opacity:.3}12%{opacity:1}35%{opacity:.5}}
.bt-beam{opacity:.5;animation:bt-sweep 6s ease-in-out infinite}
@keyframes bt-sweep{0%,100%{transform:rotate(-3deg);opacity:.3}50%{transform:rotate(3deg);opacity:.75}}
.bt-screen{position:absolute;left:35.74%;top:3.19%;width:28.52%;height:20.83%;box-sizing:border-box;background:#0b0a08;border:2px solid #000;border-radius:4px;display:flex;flex-direction:column;justify-content:center;gap:1.4cqw;padding:1.2cqw 1.6cqw;color:#B8A286;font-family:Bitter,Georgia,serif;overflow:hidden}
.bt-scr-top{display:flex;align-items:center;gap:1cqw;min-height:2.6cqw}
.bt-scr-track{flex:1;height:.9cqw;background:rgba(184,162,134,.2);border-radius:2px;overflow:hidden}
.bt-scr-track i{display:block;height:100%;background:#B8A286}
.bt-scr-sec{font-size:1.6cqw;min-width:3.5cqw;text-align:right}
.bt-scr-res{flex:1;font-size:1.9cqw;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bt-scr-res b{font-weight:700}
.bt-eq{display:flex;align-items:flex-end;gap:.3cqw;height:4.2cqw}
.bt-eq i{flex:1;height:100%;background:#B8A286;transform:scaleY(.15);transform-origin:bottom;border-radius:1px}
.bt-eq.play i{animation:bt-eqb .9s ease-in-out infinite alternate}
@keyframes bt-eqb{from{transform:scaleY(.12)}to{transform:scaleY(1)}}
.bt-scr-cat{font-size:1.2cqw;text-align:center;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bt-screen .bt-vol{display:flex;align-items:center;gap:.8cqw;font-size:1.3cqw}
.bt-screen .bt-vol input{flex:1;max-width:14cqw}
.bt-pods{position:absolute;left:3%;right:3%;bottom:13.2%;display:flex;justify-content:center;align-items:flex-end;gap:.8cqw}
.bt-pod{--pw:min(15cqw,calc(74cqw / var(--n)));position:relative;flex:none;width:var(--pw);aspect-ratio:300/450;font-family:Bitter,Georgia,serif;transition:opacity .3s}
.bt-pod.gone{opacity:.4}
.bt-pod-img{position:absolute;inset:0;width:100%;height:100%;display:block}
.bt-scr{position:absolute;left:24%;top:5%;width:53%;height:23.1%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 7%;color:#2B1B12;font-size:calc(var(--pw)*.075);font-weight:700;white-space:nowrap;overflow:hidden}
.bt-sl{color:#6b5a4a;font-weight:400}
.bt-sl.on{color:#3FA34D;font-weight:700}
.bt-sl.c{width:100%;text-align:center}
.bt-plate{position:absolute;left:36%;top:46.6%;width:34.4%;height:4.1%;box-sizing:border-box;background:#B8A286;color:#2B1B12;font-weight:700;font-size:calc(var(--pw)*.05);line-height:1;display:flex;align-items:center;justify-content:center;padding:0 4%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bt-pod.me .bt-plate{box-shadow:0 0 0 1px #fff}
.bt-mark{position:absolute;left:37.3%;top:61.6%;width:31.7%;height:14.2%;box-sizing:border-box;display:none;align-items:center;justify-content:center;border-radius:2px}
.bt-mark svg{width:70%;height:70%}
.bt-mark.ok{display:flex;background:#8FD19E;color:#3FA34D}
.bt-mark.ko{display:flex;background:#F08A7A;color:#D8452F}
.bt-bd .bot{background:#000}

/* Zone noire du bas du fond : boutons et réponse */
.bt-bot{position:absolute;left:.39%;top:87.01%;width:99.22%;height:12.29%;box-sizing:border-box;display:flex;align-items:center;padding:0 1cqw}
.bt-bot .bt-form{display:flex;align-items:center;gap:1cqw;width:100%;margin:0}
.bt-bot .bt-q{flex:1;margin:0}
.bt-bot .bt-q > span{display:none}
.bt-bot .bt-q input{width:100%;height:4.4cqw;box-sizing:border-box;font-size:1.6cqw;padding:0 1cqw;border-radius:4px;border:1px solid #635139;background:#14110c;color:#eedece}
.bt-bot .btn{height:4.4cqw;font-size:1.5cqw;padding:0 2cqw;flex:none}