.academy .workspace{grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);align-items:stretch;gap:13px}.academy .lab-hero{min-height:210px;padding-bottom:20px}.academy h1{font-size:42px;max-width:1050px}.academy .hero-copy{width:83%}.academy .lead{font-size:16px}.academy .panel.study-stage,.academy .panel.study-console{height:auto;min-height:660px;padding:13px;display:flex;flex-direction:column;overflow:visible}.study-heading{display:flex;gap:10px;align-items:center;flex-shrink:0;min-height:48px}.study-heading h3{font-size:16px;margin:0 0 3px;line-height:1.3}.study-heading small{font-size:11px;line-height:1.4;color:#9ec2d9;display:block}.model-kind{font-size:10px;padding:5px 7px;border:1px solid #1e6382;border-radius:6px;color:#6de7ee;margin-left:auto;white-space:nowrap}.academy .study-scene{position:relative;flex:1;min-height:470px;margin-top:6px;background:radial-gradient(ellipse at 50% 50%,#0e4d7950,transparent 70%);overflow:hidden}.study-scene canvas{display:block;width:100%;height:100%;touch-action:none;position:absolute;inset:0;outline-offset:-4px}.study-scene-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:8px 0}.academy .study-scene-tools button{font-size:12px;min-height:34px;padding:7px 10px}.study-scene-tools small{margin-left:auto;font-size:11px;color:#81acc8}.academy .study-stage .metric-grid{margin:5px 0 9px;gap:7px}.academy .metric b{font-size:17px}.academy .metric span{font-size:11px;line-height:1.4}.academy .study-actions button{font-size:13px;min-height:39px}.study-console #mode-bar{flex-shrink:0}.academy .tabs{gap:6px;margin-bottom:12px}.academy .tabs button{font-size:14px;min-height:42px;padding:9px 4px}.study-info{border:1px solid #1d577a;padding:13px;border-radius:9px;background:linear-gradient(120deg,#092b45,#031a2e);margin-bottom:10px;font-size:13px;line-height:1.6;min-height:100px}.study-info:empty{display:none}.study-info h3{font-size:23px;margin:2px 0 7px;color:#e9f7ff;line-height:1.25}.study-info p{margin:6px 0;color:#b8d4e7}.study-info .kicker{font-size:10px;letter-spacing:.12em;color:#66d9ed}.study-info .info-meta{font-size:11px;color:#89b5d0}.study-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px 15px}.academy .study-controls .control{margin:3px 0 9px}.academy .study-controls .control>span{font-size:12px;line-height:1.4}.academy .study-controls .control b{font-size:13px}.academy .study-controls .control select{font-size:13px;min-height:37px;padding:7px}.academy .study-controls input[type=range]{min-height:30px}.study-activity{border-top:1px solid #164c6c;padding-top:10px;margin-top:6px;font-size:13px}.study-activity:empty{display:none}.study-activity h3{font-size:15px;margin:0 0 6px}.study-activity p{margin:4px 0 8px;color:#a8ccdf;font-size:12px;line-height:1.5}.study-footer{margin-top:auto;padding-top:11px}.study-footer-actions{display:flex;gap:6px;align-items:stretch}.study-footer-actions>button,.study-footer-actions>span{flex:1}.academy .study-footer-actions button{font-size:11px;min-height:33px;width:100%;padding:7px 5px}.study-footer-actions>button:nth-child(2){color:#74e6fa;border-color:#2681a7}#study-progress{display:flex;justify-content:space-between;gap:10px;font-size:11px;border-top:1px solid #174663;padding:8px 0;color:#a2c4dc}#study-progress b{color:#60e4cf}#study-progress small{font-size:10px;color:#82aba5}.study-details{margin:13px 0;padding:0!important}.study-details>summary{padding:13px 17px;color:#c2e7f8;cursor:pointer;font-size:14px}.study-details-body{padding:8px 17px 17px}.study-details-body h3{font-size:17px}.study-details-body .control>span{font-size:13px}.study-details-body .scene{min-height:260px}.study-chart{max-height:260px}.academy .chart text{font-size:14px}.academy .legend{font-size:12px;gap:5px 15px}.study-chart-box{border:1px solid #1a5f82;border-radius:9px;background:#041b2f;padding:10px;margin-bottom:10px}.study-chart-box h3{font-size:15px;margin:0 0 5px}.academy .tool-card{min-height:92px}.academy .feedback{font-size:12px;line-height:1.5;min-height:0}.academy .feedback:empty{display:none}.object-choices{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}.academy .object-choices button{font-size:11px;padding:6px 8px}.academy .object-choices button[aria-pressed=true]{border-color:#6ee7ff;background:#0b4b6b;box-shadow:0 0 10px #47c9ed22}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.answer-grid .control{margin:4px 0}.answer-grid .control>span{font-size:12px}.answer-grid select{font-size:13px}.answer-grid .correct{border-color:#48d6ac}.answer-grid .incorrect{border-color:#f29381}.view-hint{position:absolute;left:12px;bottom:10px;font-size:10px;color:#83b4d0;pointer-events:none;background:#02172bbb;padding:5px 8px;border-radius:5px}.model-callouts{position:absolute;inset:0;pointer-events:none}.model-callouts svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.model-label{position:absolute;pointer-events:auto;font-size:11px!important;text-align:left;padding:5px 8px!important;background:#031b2dd9!important;border:1px solid #1e648b!important;min-width:89px;max-width:145px;line-height:1.3!important;box-shadow:0 4px 12px #0003}.model-label.selected{border-color:#77efdf!important;color:#98fff0;box-shadow:0 0 15px #40b9dc33}.model-label small{font-size:9px;display:block;color:#a1c3db;margin-top:2px}.model-label.right{right:8px}.model-label.left{left:8px}.webgl-error{padding:30px;font-size:15px;color:#f6c2af}.mini-3d{float:right;width:145px;height:130px;position:relative;border:1px solid #1e5f83;border-radius:9px;margin-left:12px;background:radial-gradient(#15355d,#04172a);overflow:hidden}.mini-3d canvas{position:absolute;inset:0;width:100%;height:100%}.dna-base-info{font-size:12px;padding:9px;border:1px solid #205778;border-radius:7px;margin-top:6px;color:#99d9e6}.karyotype-board{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:10px}.karyotype-pair{padding:5px!important;background:#041c30!important;border:1px solid #185475!important;min-width:0}.karyotype-pair.active{border-color:#5de7e1!important;background:#0b3e51!important}.karyotype-pair svg{width:100%;height:98px!important}.karyotype-pair span{font-size:12px;display:block;color:#b7d9ec}.academy .study-scene>.karyotype-board{height:auto}.sample-homologs{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.sample-homologs svg{width:100%;height:100px}.academy[data-lab=cell] .hero-art{background:url('assets/human-cell.webp') center/contain no-repeat;opacity:.45;mask-image:linear-gradient(90deg,transparent,#000 30%)}.academy[data-lab=cell] .hero-art svg{display:none}
@media(max-width:1150px){.academy h1{font-size:36px}.academy .workspace{grid-template-columns:1.15fr 1fr}.model-label{max-width:110px;font-size:10px!important}.model-label small{display:none}.mini-3d{width:110px;height:105px}.study-controls{gap:4px 10px}.academy .tabs button{font-size:12px}.model-kind{display:none}}
@media(max-width:800px){.academy .workspace{grid-template-columns:1fr}.academy .panel.study-stage,.academy .panel.study-console{min-height:0}.academy .study-scene{min-height:500px}.academy .hero-copy{width:100%}.academy .lead{font-size:14px}.academy .lab-hero{min-height:195px}.academy .study-info{font-size:14px}.study-footer{margin-top:10px}.model-label{max-width:145px;font-size:12px!important}.model-label small{display:block}.karyotype-pair svg{height:115px!important}}
@media(max-width:480px){.academy h1,.academy[data-lab=tissues] h1{font-size:29px}.academy .lab-hero{min-height:210px;padding-bottom:17px}.academy .lead{font-size:13px;line-height:1.5}.academy .hero-copy{width:100%}.academy .eyebrow{font-size:9px}.academy .panel.study-stage,.academy .panel.study-console{padding:10px}.academy .study-scene{min-height:360px}.study-heading{gap:7px;min-height:45px}.study-heading h3{font-size:14px}.study-heading small{font-size:11px}.study-heading .scene-symbol{width:26px}.academy .study-scene-tools button{font-size:12px;min-height:39px;flex:1;padding:7px 6px}.study-scene-tools small{width:100%;font-size:11px;order:2}.academy .tabs button{font-size:12px;padding:10px 3px;min-height:44px}.academy .metric-grid{grid-template-columns:1fr 1fr;gap:6px}.academy .metric b{font-size:16px}.academy .metric span{font-size:11px}.academy .study-actions{flex-wrap:wrap}.academy .study-actions button{font-size:12px;min-height:42px;padding:9px 6px}.academy .study-info h3{font-size:22px}.study-info{padding:12px;font-size:13px;line-height:1.55}.study-controls{gap:6px 12px}.academy .study-controls .control>span{font-size:12px}.academy .study-controls .control select{font-size:13px;padding:7px 5px;min-height:41px}.study-footer-actions{flex-wrap:wrap}.academy .study-footer-actions button{font-size:12px;min-height:39px}.study-footer-actions>span{flex-basis:100%}#study-progress small{display:none}#study-progress{font-size:12px;justify-content:flex-start;gap:22px}.academy .study-activity{font-size:13px}.study-activity p{font-size:13px}.study-activity h3{font-size:15px}.answer-grid{gap:4px 9px}.answer-grid select{font-size:13px;min-height:40px;padding:6px}.answer-grid .control>span{font-size:12px}.model-label{display:none}.model-label.selected{display:block;top:12px!important;left:10px!important;right:auto!important;max-width:190px;font-size:12px!important}.model-label.selected small{display:none}.model-callouts svg{display:none}.mini-3d{width:118px;height:115px}.karyotype-board{grid-template-columns:repeat(4,1fr);gap:5px;padding:5px}.karyotype-pair svg{height:88px!important}.karyotype-pair span{font-size:11px}.academy[data-lab=cell][data-study-mode=chromosomes] .study-scene{min-height:665px}.study-details>summary{font-size:13px;padding:12px}.study-details-body{padding:8px 12px 14px}.academy .legend{font-size:12px}.academy .study-chart{max-height:none}.sample-homologs{grid-template-columns:repeat(3,1fr)}.view-hint{font-size:9px;bottom:8px;left:8px}.academy .chart text{font-size:14px}}
.academy #controls{display:grid!important}
.academy .model-kind:empty{display:none}
@media(max-width:480px){.academy .hero-art,.academy[data-lab=cell] .hero-art{display:none}}
.phase-live-preview{width:100%;height:185px;object-fit:contain;display:block;background:radial-gradient(ellipse,#0b416333,transparent 70%);margin:0 0 9px;border-bottom:1px solid #174966}.phase-pills{display:flex;gap:5px;flex-wrap:wrap;width:100%}.academy .phase-pills button{flex:1;min-width:100px;font-size:11px;line-height:1.3;padding:7px 5px;min-height:42px}.phase-pills button b{display:inline-flex;align-items:center;justify-content:center;border:1px solid #337a98;border-radius:50%;width:18px;height:18px;margin-right:5px;color:#8de7f4;font-weight:500}.division-comparison{display:grid;grid-template-columns:1fr 1fr;gap:8px;height:100%;min-height:470px}.division-comparison>div{position:relative;border:1px solid #1a5171;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.division-comparison b{text-align:center;font-size:14px;color:#c2e6f5;padding:9px}.division-view{position:relative;flex:1;min-height:420px}.division-task{height:310px}.academy[data-lab=division] #phase-counts{grid-template-columns:repeat(4,1fr)}.academy[data-lab=division] #phase-counts .metric{padding:8px 6px}.academy[data-lab=division] #phase-counts .metric span{font-size:9px}.academy[data-lab=division] #phase-counts .metric b{font-size:17px}.academy[data-lab=division] .study-info p{font-size:13px}.academy[data-lab=division] .study-scene{min-height:500px}
@media(max-width:480px){.phase-live-preview{height:165px}.academy .phase-pills button{min-width:80px;flex:1;font-size:10px;min-height:39px}.academy[data-lab=division] .study-scene{min-height:350px}.division-comparison{grid-template-columns:1fr;min-height:650px}.division-view{min-height:285px}.division-comparison>div{min-height:320px}.academy[data-lab=division][data-study-mode=compare] .study-scene{min-height:670px}.academy[data-lab=division] #phase-counts{grid-template-columns:1fr 1fr}.academy[data-lab=division] #phase-counts .metric span{font-size:11px}}
.academy #controls .control{display:block!important}.microscope-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(180px,1fr);gap:12px;align-items:center;height:100%;min-height:480px}.micro-viewport{position:relative;width:100%;aspect-ratio:1;touch-action:none;cursor:grab;overflow:hidden}.micro-viewport:active{cursor:grabbing}.academy .tissue-field{width:100%;height:100%;max-height:none;display:block;touch-action:none}.academy .tissue-field text{font-family:'Segoe UI',sans-serif;fill:#f1faff}.tissue-body-preview{height:480px;display:flex;flex-direction:column;align-items:center;min-width:0;border-left:1px solid #17445e;padding-left:8px}.tissue-body-preview>b{font-size:13px;color:#9fd8e9}.tissue-body-preview>svg{height:415px;width:100%;max-height:none!important}.academy .tissue-body-preview>button{font-size:12px;min-height:36px;width:100%}.tissue-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.academy .tissue-strip button{padding:7px!important;border:1px solid #1e5c7c!important;background:#041c30!important;min-width:0}.tissue-strip svg{height:70px!important;width:100%;display:block}.tissue-strip span{font-size:11px;line-height:1.3;display:block;margin-top:5px;color:#c2def0}.micro-comparison{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-items:center;height:100%;min-height:450px}.micro-comparison>div>b{display:block;text-align:center;font-size:14px;color:#b8deed;padding:6px}.tissue-task-image{width:min(360px,100%);margin:auto}.organ-task-image{width:min(330px,100%);height:300px;margin:auto}.organ-task-image svg{width:100%;height:100%}.anatomy-large{position:absolute;inset:0 38% 0 0;height:100%;display:flex;align-items:center;justify-content:center}.anatomy-large>svg{height:100%;width:100%;max-height:none!important}.anatomy-large [data-pick]{cursor:pointer;outline:none}.anatomy-large [data-pick][aria-pressed=true]{filter:drop-shadow(0 0 6px #6ae5ff);stroke:#a4f9f3;stroke-width:3}.anatomy-organ-detail{position:absolute;left:62%;right:10px;top:12%;bottom:12%;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #1e5c7d;border-radius:12px;background:radial-gradient(ellipse,#11334e88,#03192dcc);padding:13px}.anatomy-organ-detail>svg{width:100%;height:300px;max-height:60%!important;display:block;flex:none}.anatomy-organ-detail b{font-size:18px;text-align:center;margin-top:12px;color:#d9f4ff}.anatomy-organ-detail small{font-size:11px;color:#83b5cd}.academy[data-lab=tissues][data-study-mode=organs] .study-scene{min-height:570px}.academy[data-lab=tissues] .study-controls{grid-template-columns:1fr 1fr}.route-builder{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px}.route-builder>div{border:1px solid #1a4e6c;padding:8px;border-radius:8px;background:#031b2e}.route-builder .control{margin:2px 0 5px}.route-builder .control>span{font-size:12px}.route-builder select{font-size:12px;padding:6px;width:100%}.route-map{padding:25px 15px;width:100%;height:100%;min-height:470px;display:flex;flex-direction:column;justify-content:center}.route-row{display:grid;grid-template-columns:1fr 48px 1fr;align-items:center}.route-card{padding:20px 12px;min-height:92px;border:1px solid #2499b5;background:linear-gradient(120deg,#0a3651,#052035);border-radius:12px;display:flex;gap:12px;align-items:center;justify-content:center;text-align:center}.route-card span{font-size:16px;border:1px solid #42b4c7;width:28px;height:28px;border-radius:50%;flex:none;color:#85e6f4}.route-card b{font-size:16px;line-height:1.4;font-weight:600;color:#c6e5f1}.route-arrow{text-align:center;font-size:30px;color:#69e2df}.route-turn{font-size:29px;line-height:1;text-align:center;width:calc(50% - 24px);color:#69e2df;margin:4px 0}.route-turn.right{align-self:flex-end}.route-turn.left{align-self:flex-start}
@media(max-width:480px){.microscope-layout{grid-template-columns:1fr;min-height:340px}.tissue-body-preview{display:none}.academy[data-lab=tissues] .study-scene{min-height:340px}.micro-comparison{grid-template-columns:1fr;min-height:680px}.academy[data-lab=tissues] .study-scene:has(.micro-comparison){min-height:720px}.tissue-strip{gap:5px}.tissue-strip svg{height:61px!important}.tissue-strip span{font-size:10px}.academy[data-lab=tissues][data-study-mode=organs] .study-scene{min-height:510px}.anatomy-large{right:0}.anatomy-organ-detail{left:auto;right:5px;top:auto;bottom:10px;width:115px;height:154px;padding:5px;background:#041c30ee}.anatomy-organ-detail>svg{height:104px;max-height:none!important}.anatomy-organ-detail b{font-size:12px;line-height:1.3;margin:4px 0}.anatomy-organ-detail small{font-size:9px}.route-map{padding:14px 0;min-height:440px}.route-card{padding:12px 6px;min-height:91px;gap:6px;flex-direction:column}.route-card b{font-size:14px}.route-row{grid-template-columns:1fr 26px 1fr}.route-arrow{font-size:24px}.route-turn{width:calc(50% - 13px)}.route-card span{font-size:14px;width:24px;height:24px}.route-builder{gap:6px}.route-builder>div{padding:6px}.route-builder select{font-size:12px;min-height:38px;padding:6px 3px}.route-builder .control>span{font-size:11px}}
.force-label{position:absolute;z-index:3;pointer-events:none;padding:4px 6px;font-size:13px;line-height:1.35;border:1px solid;border-radius:5px;background:#031728d9;white-space:nowrap;text-shadow:0 1px 3px #000}.motion-info{position:absolute;bottom:9px;left:10px;right:10px;font-size:11px;color:#b9dfef;background:#031a2fdf;border:1px solid #1d526e;border-radius:6px;padding:7px 9px;z-index:2}.physics-formula{font:italic 19px Georgia,serif;color:#c8edfa;padding:4px 0 9px}.physics-explanation{font-size:12px;margin:7px 0;color:#a9cedf}.physics-explanation summary{padding:5px 0;cursor:pointer}.physics-explanation .study-info{font-size:12px;margin-top:5px}.academy[data-lab=physics] .study-scene{min-height:520px}.academy[data-lab=physics] .study-activity p{font-size:12px}.academy[data-lab=physics] .study-info:empty{display:none}.graph-explorer{padding:20px 8px;width:100%;height:100%}.graph-explorer h3{font-size:18px;color:#c5e6f3}.academy .graph-explorer .study-chart{max-height:none;height:440px}.academy[data-lab=physics] #records{font-size:12px}.academy[data-lab=physics] #records td{font-size:12px;padding:7px;line-height:1.5}
@media(max-width:480px){.force-label{font-size:11px;padding:3px 5px}.academy[data-lab=physics] .study-scene{min-height:390px}.motion-info{font-size:10px;left:5px;right:5px;bottom:5px;padding:6px}.physics-formula{font-size:18px}.academy[data-lab=physics] .study-controls .control{margin-bottom:10px}.academy .graph-explorer .study-chart{height:auto;min-height:230px}.graph-explorer{padding:14px 2px}.graph-explorer h3{font-size:16px}.academy[data-lab=physics] .study-actions .primary{flex:1.4}}