.gameIntro{padding:12px 0 18px;border-bottom:1px solid #294457;margin-bottom:18px}.gameIntro h1{font-size:clamp(16px,2vw,21px);line-height:1.5;margin:0 0 6px;color:#d8f8f4}.gameIntro p{font-size:13px;line-height:1.8;margin:0;color:#adc5d4}.gameIntro a,.gameAbout a{color:#87f2db;text-underline-offset:4px}.heading #missionTitle{font-size:clamp(24px,3vw,36px);margin:0}.gameAbout{scroll-margin-top:20px;margin:44px 0 24px;padding:clamp(22px,4vw,46px);border:1px solid #355666;border-radius:20px;background:#102331;color:#d1e0e7;line-height:1.9}.gameAbout .eyebrow{font-size:12px;letter-spacing:.15em;color:#83e7d3}.gameAbout h2{font-size:clamp(23px,3vw,30px);line-height:1.5;color:#f1fffc}.gameAbout h3{font-size:19px;color:#b5f7e8;margin-top:28px}.gameAbout p,.gameAbout li{font-size:15px}.aboutGrid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.gameAbout details{margin:10px 0;padding:15px 20px;background:#0a1b28;border:1px solid #294957;border-radius:10px}.gameAbout summary{cursor:pointer;color:#f1fffc;font-size:16px}.schoolInfo{margin-top:30px;padding:4px 24px 22px;border-left:3px solid #66e0c7;background:#17313e}.gameAbout .schoolLink,.backToGame{display:inline-block;padding:10px 0;font-weight:700}.gameAbout .caption{font-size:13px;color:#acc1cd}@media(max-width:700px){.aboutGrid{grid-template-columns:1fr;gap:0}.gameAbout{padding:22px}.schoolInfo{padding:4px 15px 18px}}
.layoutGuide{margin:18px 0;padding:18px 22px;border:1px solid #487482;border-radius:12px;background:#15303e;line-height:1.7}.layoutGuide[hidden]{display:none}.layoutGuide strong{color:#a6f5e1}.layoutGuide p{margin:7px 0;font-size:14px}.layoutGuide button{margin:6px 8px 0 0}.layoutGuide button[aria-pressed=true]{border-color:#84ffe1;background:#285b58}

#lessonGuide{line-height:1.85}#lessonGuide h3{font-size:17px;color:#a5f4df;margin:22px 0 8px}#lessonGuide p{font-size:14px;margin:8px 0}#lessonGuide pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;background:#071923;border-radius:8px;color:#e6f7fa;font-size:14px;text-align:left}#lessonGuide details{margin:12px 0;padding:12px;background:#102c38;border-radius:10px}#lessonGuide summary{cursor:pointer;line-height:1.7}.lineLesson{border-top:1px solid #35505a;padding-top:12px;margin-top:12px}.lineLesson b{display:block;color:#9bdccf}.lineLesson code{white-space:pre-wrap;overflow-wrap:anywhere}.syntaxTip{border-left:3px solid #e1c384;padding:8px 12px;background:#31332d}#sampleNotice{color:#edd29b}
/* Keep the code editor within reach while reading longer lessons. */
#lessonPanel{max-height:52vh;overflow-y:auto;padding-right:12px;scrollbar-gutter:stable;border-bottom:1px solid #355563;margin-bottom:14px}