.free-lab-screen{--lab-blue:#075fc9;--lab-yellow:#ffd43b}.free-lab{display:grid;gap:1.4rem}.free-lab-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:center;gap:1.25rem;padding:clamp(1rem,3vw,2rem);border:3px solid #9dd5ff;border-radius:28px;background:linear-gradient(135deg,#fff 0%,#ecf8ff 62%,#fff8ce 100%);box-shadow:0 12px 30px #064a9b24}.free-lab-hero h1{margin:.15rem 0;color:#073887;font-size:clamp(2rem,5vw,4rem)}.free-lab-hero>div>p:last-child{font-size:clamp(1rem,2vw,1.25rem)}.free-lab-groups{display:grid;gap:1.4rem}.free-lab-groups>section{min-width:0}.free-lab-groups h2{color:#073887;margin:.25rem 0 .75rem}.free-lab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem}.free-lab-card{display:flex;min-width:0;min-height:260px;flex-direction:column;align-items:flex-start;gap:.55rem;padding:1.1rem;border:2px solid #b8daf8;border-radius:22px;background:#fff;box-shadow:0 8px 18px #07388716}.free-lab-card.is-unlocked{border-color:#2b94e9;background:linear-gradient(#fff,#f3fbff)}.free-lab-card.is-locked{background:#f2f5f8;color:#516579}.free-lab-card h3{margin:0;color:#073887;font-size:1.24rem}.free-lab-card p{margin:0}.free-lab-card .primary,.free-lab-card .locked-copy{margin-top:auto}.replay-count{font-weight:800;color:#27644a}.dynamic-badge{background:#ffe26c!important;color:#173f7f!important}.dynamic-experiment{display:grid;gap:1rem}.dynamic-trials{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:.8rem}.dynamic-trial{min-height:150px;padding:1rem;border:2px solid #8dc9f8;border-radius:20px;background:#fff;color:#12386d;box-shadow:0 6px 14px #075fc91a}.dynamic-trial>span{display:block;font-size:2.4rem}.dynamic-trial strong,.dynamic-trial small{display:block}.dynamic-trial.tested{border-color:#26a65b;background:#effff3}.dynamic-observation{display:grid;justify-items:center;gap:.5rem;max-width:620px;margin:auto;padding:1.25rem;border:3px solid #8bcffa;border-radius:24px;background:#fff;text-align:center}.dynamic-observation>span{font-size:3rem}.dynamic-completion{max-width:760px;margin:auto}.free-lab-entry{border-color:#23a868!important;background:linear-gradient(145deg,#f3fff7,#dffbea)!important}.free-lab-entry small{color:#176b40!important}
@media(max-width:640px){.free-lab-hero{grid-template-columns:1fr;padding:1rem}.free-lab-hero .pico-dialogue{margin:0}.free-lab-grid{grid-template-columns:1fr}.free-lab-card{min-height:220px}.dynamic-trials{grid-template-columns:repeat(2,minmax(0,1fr))}.dynamic-trial{min-height:132px;padding:.7rem}.dynamic-trial>span{font-size:2rem}}
@media(max-height:520px) and (orientation:landscape){.free-lab-hero{grid-template-columns:1fr 1fr;padding:.8rem}.free-lab-card{min-height:210px}.dynamic-trial{min-height:110px}.free-lab-screen .navigation{position:sticky;top:0;z-index:8}}
@media(prefers-reduced-motion:reduce){.dynamic-trial,.free-lab-card{transition:none!important}}