/* Mixing Lab: only what this simulation adds to the shared lab kit (static/games/lab/lab.css). */
#chem-lab-lab .lab-hud{max-width:calc(100% - 9.5rem);font-size:11.5px}
#chem-lab-lab .lab-hud .chem-lab-dim{color:var(--sim-muted)}
#chem-lab-lab #cl-cv{outline:none}
#chem-lab-lab #cl-cv:focus-visible{outline:2px solid var(--sim-acc);outline-offset:-3px;border-radius:14px}
#chem-lab-lab .lab-tools button{width:auto;min-width:2.3rem;padding:0 .45rem;font:600 .9rem system-ui,sans-serif}
#chem-lab-lab .lab-seg button{min-height:36px}
#chem-lab-lab .lab-btn{min-height:36px}
#chem-lab-lab .lab-field input[type=range]{height:30px;margin:0}
#chem-lab-lab .lab-field select{min-height:36px}
#chem-lab-lab .lab-chk{min-height:36px}
#chem-lab-lab .lab-chk input{width:20px;height:20px;margin:0;accent-color:var(--acc)}
#chem-lab-lab .lab-missions li button{min-height:32px;padding:.25rem .8rem}
#chem-lab-lab .lab-readout dt{line-height:1.3}
#chem-lab-lab .lab-readout dd{white-space:nowrap}
#chem-lab-lab .chem-lab-note{margin:-.35rem 0 0;min-height:1.2em}
#chem-lab-lab .chem-lab-two{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
#chem-lab-lab .chem-lab-two .lab-field select{width:100%;min-width:0}
/* the shelf buttons: a small swatch of each liquid and its name */
#chem-lab-lab .chem-lab-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem}
#chem-lab-lab .chem-lab-shelf button{display:flex;align-items:center;gap:.35rem;min-height:36px;padding:.25rem .4rem;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:600 .78rem/1.15 system-ui,sans-serif;text-align:left;cursor:pointer;word-break:normal;overflow-wrap:normal;hyphens:none}
#chem-lab-lab .chem-lab-shelf button:hover{border-color:var(--acc)}
#chem-lab-lab .chem-lab-shelf button i{flex:0 0 auto;width:.8rem;height:.8rem;border-radius:50%;border:1px solid rgba(0,0,0,.25)}
#chem-lab-lab .chem-lab-shelf button.chem-lab-btl{border-style:dashed}
#chem-lab-lab .chem-lab-shelf button.chem-lab-tested::after{content:"✓";margin-left:auto;color:var(--acc);font-weight:700}
/* text for screen readers only: what just changed */
#chem-lab-lab .chem-lab-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
#chem-lab-lab .lab-table td:nth-child(2){min-width:7rem}
@media (min-width:861px){#chem-lab-lab .lab-view{position:sticky;top:.6rem}}
@media (max-width:860px){#chem-lab-lab .lab-view{height:min(80vh,640px);min-height:540px}}
@media (max-width:420px){#chem-lab-lab .lab-hero{padding:1.1rem 1.1rem}#chem-lab-lab .lab-hero h1{font-size:1.6rem}#chem-lab-lab .lab-seg button{padding:.35rem .45rem}}
#chem-lab-lab .lab-sec p{margin:0 0 .75rem}#chem-lab-lab .lab-sec .lab-small{margin-top:.4rem}