/* Scoped to the two new standalone classrooms. Existing games and room protocol are untouched. */
:is(#plant-app,#daz-app) .slf-progress{display:grid;gap:8px;padding:8px 0}
:is(#plant-app,#daz-app) .slf-progress-label{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;font-weight:800;line-height:1.5}
:is(#plant-app,#daz-app) .slf-progress-label>span{min-width:0;overflow-wrap:anywhere}
:is(#plant-app,#daz-app) .slf-progress-label>strong{flex:0 0 auto;font-variant-numeric:tabular-nums}
:is(#plant-app,#daz-app) .slf-progress-track{height:14px;overflow:hidden;border-radius:999px;background:#dce7de}
:is(#plant-app,#daz-app) .slf-progress-track>span{display:block;height:100%;border-radius:inherit;background:#2d6c50}
:is(#plant-app,#daz-app) .live-quiz-code-display{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
:is(#plant-app,#daz-app) .live-quiz-code-display b{font-size:clamp(1.8rem,5vw,3rem);font-variant-numeric:tabular-nums;letter-spacing:.06em;line-height:1.2}
:is(#plant-app,#daz-app) .live-quiz-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
:is(#plant-app,#daz-app) .live-quiz-actions button{flex:1 1 10rem}
:is(#plant-app,#daz-app) .live-quiz-room{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;margin:16px 0}
:is(#plant-app,#daz-app) .live-quiz-room small{min-width:0;overflow-wrap:anywhere}
:is(#plant-app,#daz-app) .bio-option:disabled{opacity:1}
#plant-app .quiz-context-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:14px}
#plant-app .quiz-context-compare figure{margin:0;min-width:0}
#plant-app .quiz-context-compare img{max-width:100%;height:auto;max-height:320px;object-fit:contain}
#plant-app .quiz-context-compare .plant-model{display:block;width:100%;height:auto;max-height:320px}
@media(max-width:600px){:is(#plant-app,#daz-app) .live-quiz-room{grid-template-columns:minmax(0,1fr)}#plant-app .quiz-context-compare{grid-template-columns:minmax(0,1fr)}}