.color-lab{max-width:1080px;margin:auto;color:#233d35;letter-spacing:0}.color-lab [hidden]{display:none!important}.color-lab p{line-height:1.65}.color-lab h2{font-size:24px;line-height:1.3}.color-lab h3{font-size:19px}.color-status,.color-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}.color-status{justify-content:space-between;padding:14px 0;border-block:1px solid #9eb7ad}.color-cover{display:block;width:100%;aspect-ratio:5/2;max-height:320px;object-fit:contain}
.color-lab .adventure-stop{width:48px;min-width:48px;flex:0 0 48px}.color-lab .adventure-stop.is-collected span{bottom:1px;right:1px}
.color-lab button,.color-lab select{font:600 15px Arial,sans-serif;min-height:44px;max-width:100%;white-space:normal;border:1px solid #527467;border-radius:5px;padding:10px 14px;background:#fff;color:#233d35;cursor:pointer}.color-lab .adventure-stop{padding:0}.color-lab button:hover{background:#e8f3ee}.color-lab button.primary-action{background:#176677;color:#fff;border-color:#176677;width:auto}.color-lab button:disabled{opacity:.55;cursor:default}.color-lab :focus-visible{outline:3px solid #9d3d22;outline-offset:3px}.color-teach{padding:14px 18px;background:#edf5f9;border-left:4px solid #237085}
.color-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:24px;align-items:start}.color-workspace figure{margin:0;min-width:0}.color-workspace svg{display:block;width:100%;aspect-ratio:3/2;background:#f0f7f5;border:1px solid #9eb7ad;border-radius:6px}.color-workspace figcaption{font-size:15px;line-height:1.6;margin-top:10px;min-height:72px}.color-controls{display:grid;gap:10px;min-width:0}.color-controls fieldset{border:0;border-bottom:1px solid #9eb7ad;margin:0;padding:0 0 12px}.color-controls legend{font-weight:700;margin-bottom:8px}.color-controls label{display:flex;align-items:center;gap:8px;min-height:44px;flex-wrap:wrap}.color-controls input[type=checkbox]{width:22px;height:22px;accent-color:#176677}.color-controls input[type=range]{width:100%;height:44px;accent-color:#176677}.color-controls select{width:100%}
#color-feedback{padding:14px 18px;min-height:72px;background:#e7f3eb;border-left:4px solid #287643;font-weight:600}#color-feedback[data-error=true]{background:#fff0e9;color:#842b16;border-color:#a94425}.color-targets{display:flex;gap:8px;flex-wrap:wrap;padding:0;list-style:none}.color-targets li{border-bottom:2px solid #61796f;padding:6px 8px;font-size:14px}.color-targets li[data-recorded=true]{border-color:#287643;background:#e7f3eb}.color-table-wrap{overflow-x:auto}.color-lab table{width:100%;table-layout:fixed;border-collapse:collapse;margin:12px 0 24px;font-size:15px}.color-lab caption{text-align:left;font-weight:700;margin-bottom:8px}.color-lab th,.color-lab td{border:1px solid #9eb7ad;padding:10px;text-align:left;overflow-wrap:anywhere}.color-lab th{background:#eef4f0}.color-answers{display:grid;gap:10px}.color-answers button{text-align:left}.color-answers button[aria-pressed=true]{background:#e7f3eb;border-width:2px}#color-hint-text{border:1px dashed #527467;padding:12px}
@media(max-width:660px){.color-workspace{grid-template-columns:minmax(0,1fr);gap:14px}.color-lab th,.color-lab td{padding:8px 5px;font-size:14px}}
@media print{.color-controls,.color-actions,.color-status button,#color-start,#color-again,#color-answers{display:none}.color-workspace{display:block}.color-workspace figure{max-width:440px}.color-lab table{break-inside:avoid}.color-lab td,.color-lab th{background:#fff;color:#000}}