/* Réflexions dans une pièce (avance-acoustique.html#reflexions) */
.room-lab{max-width:1200px;margin:auto;padding:16px;border-radius:18px;background:#0d1118;border:1px solid #ffffff16;color:#e7ebf3}
.rl-top{display:flex;flex-wrap:wrap;align-items:end;gap:10px 22px;margin-bottom:12px;font-size:13px;color:#cfd5e1}
.rl-top label{display:grid;gap:4px}
.rl-top output{margin-left:6px;font:12px 'DM Mono',monospace;color:#ffd36e}
.rl-top input[type=range]{width:180px;accent-color:#ffd36e}
.rl-top select{padding:5px 6px;border:1px solid #ffffff2a;border-radius:6px;background:#1b2130;color:#fff;font:inherit;font-size:13px}
.rl-check{display:flex!important;align-items:center;gap:8px;cursor:pointer}
.rl-check input{accent-color:#ffb35c;width:16px;height:16px}
.rl-main{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:14px}
.rl-room{display:block;width:100%;height:420px;border-radius:12px;background:#0d111a;touch-action:none;cursor:crosshair;outline-offset:3px}
.rl-room:focus-visible{outline:2px solid #6f9bff}
.rl-side{display:grid;align-content:start;gap:12px}
.rl-side dl{margin:0;display:grid;gap:6px}
.rl-side dl div{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:8px;background:#1b2130;font-size:12.5px}
.rl-side dt{color:#aab2c2}
.rl-side dd{margin:0;font:12px 'DM Mono',monospace;color:#fff;text-align:right}
.rl-listen{display:grid;gap:6px;padding:10px;border-radius:10px;background:#151a24}
.rl-listen small{font:9px 'DM Mono',monospace;letter-spacing:.06em;color:#8f98aa}
.rl-listen [role=group]{display:flex;gap:4px}
.rl-listen [role=group] button{flex:1;padding:7px 6px;border:1px solid #ffffff1c;border-radius:7px;background:#1b202b;color:#e7ebf3;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.rl-listen [role=group] button[aria-pressed=true]{background:#1f2a40;border-color:#6f9bff}
.rl-echo{margin:12px 0 0}
.rl-echo canvas{display:block;width:100%;height:120px;border-radius:10px;background:#0d111a}
.rl-echo figcaption{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px;font-size:12px;color:#aab2c2}
.rl-echo i{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:2px;vertical-align:-1px}
.rl-echo .d{background:#fff}.rl-echo .o1{background:#ffb35c}.rl-echo .o2{background:#ff6fae}.rl-echo .o3{background:#78aaff}
.rl-echo figcaption span:last-child{margin-left:auto;font-family:'DM Mono',monospace}
.rl-status{min-height:2.8em;margin:10px 2px 0;font-size:14px;color:var(--mint)}
@media(max-width:900px){.rl-main{grid-template-columns:1fr}.rl-room{height:320px}}
.rl-model{max-width:1200px;margin:10px auto 0;font-size:13px;color:#aab2c2}
/* Corrections d'affichage : bouton d'écoute lisible sur fond sombre, valeurs sur une seule ligne */
.rl-listen [data-play]{width:100%;padding:9px 12px;border:1px solid #8be8bd;border-radius:9px;background:#16382c;color:#bff3da;font:inherit;font-size:13.5px;font-weight:800;cursor:pointer}
.rl-listen [data-play]:hover{background:#1d4a3a}
.rl-side dl div{align-items:baseline}
.rl-side dt{flex:1;min-width:0}
.rl-side dd{flex:0 0 auto;white-space:nowrap}
@media(min-width:901px){.rl-main{grid-template-columns:minmax(0,1fr) 270px}}