/* LearnPlay Evolution Lab 2 — scientific workbench improvements. */
:root{--v2-accent:#8ef4d5;--v2-soft:#f9d8a4}
.stage-narrative{position:absolute;z-index:3;left:12px;bottom:12px;width:min(60%,530px);background:linear-gradient(120deg,#091f30ed,#0f364ad9);border:1px solid #427787;border-radius:12px;padding:10px 13px;box-shadow:0 5px 18px #06182f7a;pointer-events:none}
.stage-narrative small{display:block;letter-spacing:.11em;font-size:9px;font-weight:900;color:#93eccc}
.stage-narrative strong{font-size:clamp(12px,1.4vw,17px);display:block;line-height:1.25;margin-top:4px;color:#fff2c9;font-weight:850}
.stage-narrative span{display:block;font-size:11px;color:#c7e3e5;line-height:1.3;margin-top:4px}
.stage-watermark{bottom:7px;right:7px;font-size:8px}
.investigation-rail{border:1px solid #4b807f;border-radius:11px;padding:9px;background:#123745}
.investigation-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.investigation-steps button{min-height:39px;border-radius:8px;background:#173849;color:#c1e1e3;border:1px solid #456977;font-size:10px;font-weight:850;padding:6px 4px;white-space:normal}
.investigation-steps button[aria-pressed=true]{background:#276b5b;color:white;border-color:#a5f8df;box-shadow:0 0 12px #54dfb91a}
.investigation-rail p{font-size:11px;color:#dcf0ed;line-height:1.4;margin:8px 3px 2px}
.evo-v2-view-switch{display:flex;gap:6px;align-items:center;flex-wrap:wrap;border:1px solid #457480;background:#0f3043;padding:5px;border-radius:10px}
.evo-v2-view-switch button{flex:1;min-height:39px;border:1px solid transparent;border-radius:7px;background:transparent;color:#bcdde4;font-size:11px;font-weight:840;padding:7px 9px}
.evo-v2-view-switch button[aria-pressed=true]{background:#286860;color:#f6fff8;border-color:#88edcf}
.evo-v2-heading{font-size:12px;color:#a5f9da;font-weight:900;line-height:1.35;margin:4px 0 2px}
.evo-v2-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.evo-v2-slider{display:flex;flex-direction:column;gap:2px;background:#143448;border:1px solid #365e70;border-radius:10px;padding:8px}
.evo-v2-slider label{font-size:10px;font-weight:780;color:#cadfe6;line-height:1.4;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.evo-v2-slider output{font-weight:900;color:#ffdfab;white-space:nowrap}
.evo-v2-slider input{height:30px;width:100%;accent-color:#72f0ce}
.evo-v2-check{display:flex;gap:8px;align-items:center;color:#d4efe8;font-size:11px;font-weight:760;padding:4px}
.evo-v2-check input{accent-color:#86f6d2;width:18px;height:18px}
.evo-v2-model-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.evo-v2-model-facts>div{display:flex;flex-direction:column;gap:3px;padding:10px;border-radius:10px;background:#0f3a4a;border:1px solid #3d7980}
.evo-v2-model-facts small{font-size:9px;font-weight:760;color:#b9dbd8}
.evo-v2-model-facts strong{font-size:20px;color:#ffe3ad;font-weight:890}
.evo-v2-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.mode-tools .evo-v2-actions button{padding:8px;min-height:40px}
.evo-v2-chart-title{color:#bfdfe0;font-size:10px;font-weight:850}
#islandHistory{width:100%;height:156px;display:block;border-radius:10px;background:#0c2a3e;border:1px solid #447285}
.evo-v2-caveat{border-left:3px solid #edc68d;padding:9px 11px;background:#2e3440;border-radius:7px;font-size:11px;line-height:1.45;color:#f4e4d7}
.evo-v2-fossil-selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.evo-v2-specimen-label{font-size:11px;color:#bde6e0;font-weight:820;min-width:0;display:grid;gap:5px}
.evo-v2-specimen-label select{width:100%;min-width:0;min-height:42px;white-space:normal;font-size:10px}
.evo-v2-fossil-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.evo-v2-fossil{background:#143a4a;border:1px solid #47798a;border-radius:10px;padding:11px;display:flex;flex-direction:column;gap:5px;font-size:11px;min-width:0}
.evo-v2-fossil strong{font-size:12px;color:#ffddae}
.evo-v2-fossil span{color:#d9e7e8;font-size:10px}
.evo-v2-fossil p{font-size:11px;line-height:1.5;color:#e2f5f0;margin:4px 0}
.evo-v2-fossil small{color:#b7cbd7;line-height:1.45}
.evo-v2-fossil a{font-size:10px;margin-top:auto;color:#83eacf;border-bottom:1px solid #4a857e;padding-top:5px}
.evo-v2-comparison{border:1px solid #467685;padding:10px;border-radius:11px;background:#122f44}
.evo-v2-comparison p{font-size:11px;color:#e8f1e4;margin:9px 0;line-height:1.5}
.evo-v2-comparison small{font-size:10px;color:#acdeda;overflow-wrap:anywhere}
.evo-v2-evidence-source{display:block;padding:10px 12px;border-radius:9px;background:#1d4e50;font-size:11px;font-weight:800;border:1px solid #64aaa4}
.evo-v2-stress{background:#162e42;border-radius:10px;border:1px solid #5a647a;padding:11px;display:grid;gap:7px}
.evo-v2-stress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:9px}
.evo-v2-stress small{font-size:11px;color:#d1e2e3;font-weight:800}
.evo-v2-stress strong{color:#ffd5a1;font-size:17px}
.evo-v2-stress-track{height:9px;border-radius:9px;overflow:hidden;background:#335366}
.evo-v2-stress-track div{height:100%;background:linear-gradient(90deg,#80dac2,#f4b36e);border-radius:9px;transition:width .15s}
.mode-tools .evo-v2-view-switch button{min-height:43px}
@media(min-width:1050px){
 .workspace{grid-template-columns:minmax(0,1.65fr) minmax(360px,.75fr)}
 .stage-screen{max-height:60vh}
 .visual-workbench{top:8px}
}
@media(max-width:780px){
 .hero{padding:8px 0}
 .hero-copy p{max-width:100%;font-size:11px}
 .visual-workbench{top:0;max-height:58vh}
 .stage-screen{max-height:32vh}
 .visual-heading{min-height:40px}
 .stage-narrative{left:7px;bottom:6px;width:60%;padding:6px 8px;border-radius:8px}
 .stage-narrative strong{font-size:11px;max-width:100%;line-height:1.3}
 .stage-narrative small{font-size:8px}
 .stage-narrative span{display:none}
 .screen-values{max-width:37%}
 .investigation-rail{padding:7px}
 .investigation-steps button{font-size:10px;min-height:39px}
 .evo-v2-slider label{font-size:10px}
 .evo-v2-fossil-facts{grid-template-columns:1fr}
 .evo-v2-fossil{font-size:11px}
 .evo-v2-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .evo-v2-heading{font-size:11px}
 .evo-v2-view-switch{gap:5px}
 .evo-v2-view-switch button{font-size:10px}
 #islandHistory{height:135px}
 body.focus-mode .visual-workbench{max-height:none}
 body.focus-mode .stage-screen{max-height:none}
 body.focus-mode .stage-narrative{max-width:58%}
 body.focus-mode .lab-panel{overscroll-behavior:contain}
}
@media(max-width:390px){
 .stage-narrative{max-width:55%;width:55%}
 .stage-narrative strong{font-size:10px}
 .evo-v2-input-grid{grid-template-columns:1fr}
 .evo-v2-fossil-selects{grid-template-columns:1fr}
 .evo-v2-actions button{font-size:10px}
 body.focus-mode .investigation-rail p{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .evo-v2-stress-track div{transition:none}
 .investigation-steps button{transition:none}
}

.evo-v2-legend{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0;font-size:10px;font-weight:820}
.evo-v2-legend span:before{content:"";display:inline-block;width:17px;height:4px;margin-right:5px;vertical-align:middle;border-radius:4px;background:currentColor}
.evo-v2-legend .line-a{color:#74e9c8}
.evo-v2-legend .line-b{color:#d2afff}
.evo-v2-legend .line-shared{color:#ffde9e}