.command-welcome{width:min(1120px,96vw);max-width:96vw;padding:0;border:1px solid #759499;background:#0b1a25;color:#eaf3f5;max-height:96dvh;overflow:auto}.command-welcome::backdrop{background:#030a11e8;backdrop-filter:blur(5px)}.welcome-art{position:relative}.welcome-art img{width:100%;height:clamp(180px,35vh,370px);object-fit:cover;object-position:center 47%;display:block}.welcome-stamp{position:absolute;bottom:12px;left:20px;background:#091924e8;border:1px solid #dea760;padding:7px 12px;color:#ffd394;font:12px monospace;letter-spacing:.12em}.welcome-copy{padding:24px;display:grid;grid-template-columns:1.15fr 1fr;gap:32px;border-top:3px solid #dba966}.welcome-copy h1{font-size:clamp(28px,4vw,46px);line-height:1.02;margin:8px 0 14px}.welcome-copy p{font-size:16px;line-height:1.5}.welcome-copy .small{font-size:14px;color:#bdd0db}.welcome-copy form{display:flex;flex-direction:column;gap:9px}.welcome-copy input{width:100%;font-size:22px;letter-spacing:.15em}.welcome-copy form p{margin:0;font-size:14px;min-height:22px}.welcome-copy a{color:#9ae9f0;font-size:14px}.welcome-copy button{min-height:42px}.lesson-stage{height:100%;min-height:0;display:flex;flex-direction:column;gap:15px}.lesson-stage header h1{font-size:clamp(22px,2.5vw,34px);margin:8px 0}.lesson-standard{font-size:14px;color:#b1cad7;margin:0}.lesson-dialogue{flex:1;min-height:0;display:grid;grid-template-columns:minmax(100px,22%) 1fr;align-items:center;gap:24px}.lesson-critter{width:100%!important;height:auto!important;aspect-ratio:1!important;max-width:230px;display:block}.lesson-bubble{border:1px solid #64818b;border-left:4px solid #edb475;background:#172e3c;padding:22px}.lesson-bubble h2{font-size:19px;color:#83e5ed;letter-spacing:0;margin:0 0 12px;text-transform:none}.lesson-bubble p{font:clamp(16px,1.5vw,20px)/1.5 Arial,sans-serif;margin:0}.lesson-example{margin-top:18px;padding:15px;background:#ede4c9;color:#182d36;box-shadow:4px 4px #020b1366;border-top:6px solid #bda76d}.lesson-example strong{font:13px monospace;letter-spacing:.08em}.lesson-example p{margin-top:8px;font-size:18px}.lesson-stage footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px}.lesson-stage footer span{font:14px monospace}.lesson-review-dialog{width:min(950px,95vw);max-width:95vw;height:min(630px,93dvh);background:#0b1b27;color:#eaf3f5;padding:24px;border:1px solid #85acb6}.lesson-review-dialog::backdrop{background:#020910d9}.teacher-body{overflow:auto!important;height:auto!important;background:#091620;color:#e7f0f4}.teacher-body #teacher-app{max-width:1450px;margin:auto;padding:30px}.teacher-header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #4e7180;padding-bottom:20px}.teacher-header h1{font-size:36px;margin:8px 0}.teacher-header a{color:#88e6ef}.teacher-notice{margin:24px 0;padding:18px;background:#20343f;border-left:4px solid #f1b169}.teacher-notice p{margin:8px 0 0;line-height:1.5}.teacher-controls,.teacher-filters{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:20px 0}.teacher-controls label,.teacher-filters label{display:flex;flex-direction:column;gap:7px;font-size:14px}.teacher-controls input{max-width:280px}.teacher-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.teacher-stats article{padding:20px;background:#163140;border:1px solid #426071;display:flex;flex-direction:column}.teacher-stats strong{font-size:34px;color:#8ce2e8}.teacher-table{overflow-x:auto}.teacher-table table{border-collapse:collapse;width:100%;font-size:14px}.teacher-table th,.teacher-table td{text-align:left;padding:14px;border-bottom:1px solid #3a5260;vertical-align:top;line-height:1.6}.teacher-table th{background:#213d4d;color:#a0e5ec}.teacher-table td button{padding:6px 10px;margin-top:8px;min-height:36px}.teacher-table caption{text-align:left;padding:12px 0;color:#bdced8}.teacher-empty{padding:45px;text-align:center;border:1px dashed #77909b}.teacher-body pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.teacher-body .small{line-height:1.6}.teacher-body select{max-width:330px}.teacher-body input[type=file]{font-size:14px}
@media(max-height:760px) and (min-width:701px){.welcome-art img{height:28vh}.welcome-copy{padding:18px 24px;gap:25px}.welcome-copy h1{font-size:30px}.welcome-copy p{margin:8px 0}.lesson-stage{gap:8px}.lesson-bubble{padding:15px}.lesson-bubble p{font-size:16px}.lesson-example{padding:10px;margin-top:10px}.lesson-dialogue{gap:18px;grid-template-columns:140px 1fr}.lesson-critter{max-width:140px}}
@media(max-width:700px){.welcome-copy{grid-template-columns:1fr;gap:14px;padding:18px}.welcome-copy h1 br{display:none}.welcome-art img{height:190px}.lesson-dialogue{grid-template-columns:72px 1fr;gap:10px}.lesson-stage{overflow:auto}.lesson-bubble{padding:12px}.lesson-example p{font-size:16px}.lesson-stage footer{position:sticky;bottom:0;background:#0c1b26;padding:10px 0}.teacher-body #teacher-app{padding:16px}.teacher-header{display:block}.teacher-stats{grid-template-columns:1fr 1fr}.lesson-review-dialog{padding:14px}}
/* Full illustration stays visible, including the headquarters sign. */
.command-welcome[open]{display:grid;grid-template-columns:1.4fr 1fr;height:auto;padding:0;gap:0}
.command-welcome .welcome-art{grid-column:1;grid-row:1}
.command-welcome .welcome-art img{height:auto;aspect-ratio:1672/941;object-fit:contain}
.command-welcome .welcome-copy{display:contents}
.command-welcome .welcome-copy>div{grid-column:1;grid-row:2;padding:22px 26px;border-top:2px solid #c99c61}
.command-welcome .welcome-copy form{grid-column:2;grid-row:1 / span 2;padding:30px;justify-content:center;background:#132a38;border-left:1px solid #567180}
.command-welcome .welcome-copy h1 br{display:none}
.command-welcome .welcome-copy h1{font-size:32px;line-height:1.1}
@media(max-width:700px){.command-welcome[open]{display:block}.command-welcome .welcome-copy{display:block}.command-welcome .welcome-copy>div{padding:14px}.command-welcome .welcome-copy form{padding:16px;border-left:0}.command-welcome .welcome-copy h1{font-size:26px}.command-welcome .welcome-copy p{font-size:14px}.welcome-stamp{font-size:10px;padding:4px;left:8px;bottom:6px}}