/* Discovery Lab: big pictures, clear trays, and optional science exploration. */
.discovery-lab{--lab-ink:#234c5a;--lab-edge:#b8d2d5;--lab-paper:#f5fcfb;--lab-accent:#dff2ee;color:var(--lab-ink);text-align:left;border:1px solid var(--lab-edge);border-radius:24px;overflow:hidden;background:var(--lab-paper)}
.discovery-lab *{box-sizing:border-box}.discovery-lab [hidden]{display:none!important}
.discovery-lab svg{display:block;width:100%;height:100%}.lab-illustration,.lab-glass,.lab-slide-art{display:block}
.lab-welcome{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 24px 0;background:linear-gradient(120deg,#d7efeb,#ecf7ef 58%,#e5eff8);border-bottom:8px solid #b88960}
.lab-scientist{display:block;width:140px;flex:none;align-self:flex-end}.lab-shelves{display:block;width:128px;flex:none;align-self:flex-end}
.lab-greeting{flex:1;min-width:0;padding:16px 0}.discovery-lab .lab-eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;color:#456974}.discovery-lab .lab-greeting h3{font-size:clamp(23px,3vw,33px);line-height:1.16;margin:7px 0 9px;color:var(--lab-ink)}.discovery-lab .lab-greeting p{font-size:17px;line-height:1.5;margin:0;color:var(--lab-ink)}
.lab-task{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px;background:var(--lab-accent);border-bottom:1px solid var(--lab-edge)}.discovery-lab .lab-task p{font-size:19px;line-height:1.5;margin:0;color:var(--lab-ink)}.lab-progress{white-space:nowrap;font-size:15px;font-weight:800;border-radius:30px;background:#fff;padding:8px 12px;color:#245360;border:1px solid var(--lab-edge)}
.lab-collection{display:grid;grid-template-columns:minmax(155px,.8fr) minmax(0,2fr);align-items:stretch;gap:18px;padding:22px}.lab-specimen{text-align:center;min-width:0;border-radius:18px;padding:16px 10px;background:#fff9e9;border:2px solid #e7cb83;display:flex;flex-direction:column;align-items:center;justify-content:center}.lab-specimen-picture{display:grid;place-items:center;width:100%;min-height:116px;margin:8px 0}.lab-specimen-picture .game-art{width:96px;height:96px;max-width:100%}.lab-specimen-picture>.lab-illustration{height:110px;width:110px}.discovery-lab .lab-specimen h4{font-size:23px;line-height:1.25;margin:0 0 8px;color:var(--lab-ink)}.discovery-lab .lab-specimen p{font-size:16px;line-height:1.4;margin:0;color:#5c625b}
.discovery-lab .lab-trays{gap:14px;min-width:0}.discovery-lab .sorting-tray{background:#fff;border:2px solid #659da3;border-top:7px solid #659da3;min-height:240px;padding:16px 12px;gap:9px;color:var(--lab-ink);border-radius:17px;overflow-wrap:anywhere}.discovery-lab .sorting-tray:nth-child(2){border-color:#9a88ba}.discovery-lab .sorting-tray:hover:not(:disabled){background:#eef9f5;transform:translateY(-2px)}.discovery-lab .sorting-tray>strong{font-size:20px;line-height:1.35}.lab-tray-count{font-size:13px;color:#546b72}.discovery-lab .sorted-items{margin:0;gap:6px}.discovery-lab .sorted-items>span{font-size:14px;line-height:1.4;background:#e5f3ed;color:#235a47;padding:7px;border-radius:8px}.discovery-lab .sorted-items>.lab-tray-empty{background:transparent;color:#62747a;text-align:center;font-weight:400}.discovery-lab .sorting-tray:disabled{opacity:1;cursor:default}
.discovery-lab .lab-tools-title{font-size:22px;color:var(--lab-ink);margin:2px 22px 5px}.discovery-lab .lab-tools-intro{font-size:15px;line-height:1.5;color:#4c6770;margin:0 22px 16px}.lab-tools{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 22px 22px}.lab-tool{padding:18px;border:1px solid var(--lab-edge);background:#fff;border-radius:18px;min-width:0}.discovery-lab .lab-tool h4{font-size:21px;line-height:1.3;margin:0 0 7px;color:var(--lab-ink)}.discovery-lab .lab-tool p{font-size:16px;line-height:1.5;margin:0 0 12px;color:#4c6770}.lab-beakers{display:flex;gap:6px;margin:15px 0}.lab-beaker{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid transparent;border-radius:14px;padding:6px 2px;background:#f4f9fc;color:#315260;flex:1;min-width:0;font-size:15px;font-weight:700;cursor:pointer;min-height:44px}.lab-beaker .lab-glass{width:100%;max-width:100px}.lab-beaker:hover{background:#e8f5f7}.lab-beaker.is-bubbling{border-color:#23778a;background:#e4f5f8}.lab-beaker:focus-visible,.lab-microscope:focus-visible,.lab-tool button:focus-visible,.lab-trays button:focus-visible{outline:3px solid #a25423;outline-offset:3px}.lab-beaker:disabled{cursor:default;opacity:.7}.discovery-lab .lab-tool .lab-tool-note{background:#f1f6ee;padding:10px 12px;border-radius:10px;font-size:15px;line-height:1.5;color:#355646;min-height:66px;margin-top:12px}.discovery-lab .lab-tool .lab-sound-tip{font-size:13px;color:#566d74;margin:8px 0 0}
.lab-scope-view{display:flex;align-items:center;justify-content:center;gap:12px;min-height:165px}.lab-microscope{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eff6fa;border:2px solid #d8e7ed;border-radius:14px;color:#315260;padding:8px;font-size:14px;line-height:1.35;font-weight:700;cursor:pointer;min-width:0;flex:1;max-width:190px;align-self:stretch}.lab-microscope:hover{background:#e5f4f5}.lab-microscope .lab-illustration{width:110px;max-width:100%}.lab-microscope:disabled{opacity:.7;cursor:default}.lab-lens-wrap{flex:1;min-width:0;text-align:center}.lab-lens{border:8px solid #45697a;border-radius:50%;overflow:hidden;background:#f5fbff;width:100%;max-width:160px;aspect-ratio:1;margin:0 auto 8px;box-shadow:0 0 0 3px #c7dce2}.lab-lens-wrap strong{display:block;font-size:15px;color:#315260;line-height:1.4}.lab-lens-wrap small{display:block;font-size:11px;color:#57717b;line-height:1.5}.lab-scope-station>.outline{width:100%;min-height:44px}
.games-gentle-motion .lab-beaker.is-bubbling .lab-bubbles circle{animation:lab-rise 1.4s ease-in infinite;transform-box:fill-box;transform-origin:center}.games-gentle-motion .lab-beaker.is-bubbling .lab-bubbles circle:nth-child(2){animation-delay:-.35s}.games-gentle-motion .lab-beaker.is-bubbling .lab-bubbles circle:nth-child(3){animation-delay:-.8s}.games-gentle-motion .lab-beaker.is-bubbling .lab-bubbles circle:nth-child(4){animation-delay:-1.1s}
@keyframes lab-rise{0%{transform:translateY(7px) scale(.7);opacity:.3}65%{opacity:1}100%{transform:translateY(-28px) scale(1.1);opacity:0}}
body[data-play-theme="ocean"] .discovery-lab{--lab-accent:#d5f0f7;--lab-paper:#f1fbff;--lab-edge:#99c6d5}body[data-play-theme="ocean"] .lab-welcome{background:linear-gradient(125deg,#b7e6e9,#d7edf9)}body[data-play-theme="space"] .discovery-lab{--lab-accent:#e6e7fa;--lab-paper:#f4f3fd;--lab-edge:#b6bbdc}body[data-play-theme="space"] .lab-welcome{background:linear-gradient(125deg,#d6daf4,#efe2f3)}
@media(max-width:800px){.lab-collection{grid-template-columns:1fr}.lab-specimen{display:grid;grid-template-columns:100px minmax(0,1fr);text-align:left;column-gap:16px;padding:14px 20px}.lab-specimen>.lab-eyebrow{grid-column:2}.lab-specimen-picture{grid-column:1;grid-row:1 / 4;min-height:100px;margin:0}.lab-specimen h4,.lab-specimen>p{grid-column:2}.discovery-lab .sorting-tray{min-height:180px}.lab-tools{gap:12px}.lab-tool{padding:14px}.lab-shelves{width:100px}.lab-scientist{width:115px}}
@media(max-width:580px){.lab-welcome{gap:10px;padding:8px 14px 0}.lab-scientist{width:86px}.lab-shelves{display:none}.discovery-lab .lab-greeting h3{font-size:23px}.discovery-lab .lab-greeting p{font-size:15px}.discovery-lab .lab-eyebrow{font-size:10px}.lab-task{padding:14px;flex-wrap:wrap;gap:9px}.discovery-lab .lab-task p{font-size:18px}.lab-progress{font-size:13px;padding:6px 10px}.lab-collection{padding:14px;gap:14px}.discovery-lab .sorting-tray{padding:12px 8px;min-height:160px}.discovery-lab .sorting-tray>strong{font-size:18px}.discovery-lab .sorted-items>span{font-size:13px}.discovery-lab .lab-trays{gap:10px}.lab-tools{grid-template-columns:1fr;padding:0 14px 14px}.discovery-lab .lab-tools-title{margin-left:14px;margin-right:14px;font-size:20px}.discovery-lab .lab-tools-intro{margin-left:14px;margin-right:14px}.lab-specimen{grid-template-columns:76px minmax(0,1fr);padding:12px;gap:6px 12px}.lab-specimen-picture .game-art{width:72px;height:72px}.discovery-lab .lab-specimen h4{font-size:21px}.lab-specimen-picture{min-height:82px}.lab-beakers{justify-content:center}.lab-beaker{max-width:140px}.lab-scope-view{max-width:350px;margin:0 auto}}
@media(prefers-reduced-motion:reduce){.games-gentle-motion .lab-beaker.is-bubbling .lab-bubbles circle{animation:none}.discovery-lab .sorting-tray:hover:not(:disabled){transform:none}}
body.games-contrast .discovery-lab{--lab-ink:#102d36;--lab-edge:#385762}.games-contrast .lab-tool,.games-contrast .lab-beaker,.games-contrast .lab-microscope,.games-contrast .lab-specimen{border:2px solid #284f5d}.games-contrast .discovery-lab p,.games-contrast .lab-tray-count{color:#233e46!important}