@media(max-width:700px){
  .workspace,.visual-panel,.control-panel,.lab-stage,.ingredients,.mix-card,.ratio-readout,.control-section,.ratio-table,.challenge-card,.challenge-card>div{min-width:0}
  .lab-stage{grid-template-columns:minmax(0,44%) minmax(0,56%)}
  .ingredients{width:100%}
  .mix-card{grid-template-columns:minmax(0,58%) minmax(0,42%);width:100%;overflow:hidden}
  .beaker{width:min(82px,100%);min-width:62px}
  .ratio-readout{overflow:hidden}
  .ratio-readout strong{font-size:23px;gap:3px;white-space:nowrap}
  .ratio-readout span{letter-spacing:.04em;white-space:nowrap}
  .ratio-readout p{display:none}
  .control-panel{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .control-section{width:100%;overflow:hidden}
  .section-title>div{min-width:0}
  .ratio-table{width:100%}
  .ratio-table>div{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .ratio-table span{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .table-head{font-size:5px;letter-spacing:.03em}
  .challenge-card{width:100%;grid-template-columns:minmax(0,1fr) minmax(92px,105px)}
  .challenge-card h3,.challenge-card p{overflow-wrap:anywhere}
  .challenge-actions{min-width:0;grid-template-columns:minmax(0,1fr) 27px}
  .check-button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:410px){
  .lab-stage{grid-template-columns:minmax(0,42%) minmax(0,58%)}
  .mix-card{grid-template-columns:minmax(0,56%) minmax(0,44%)}
  .beaker{width:min(74px,100%);min-width:56px}
  .ratio-readout strong{font-size:21px}
  .challenge-card{grid-template-columns:minmax(0,1fr) 96px}
}