@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Mali:wght@400;500;600;700&display=swap";.island-challenge{padding:76px max(5vw,30px)!important;display:block!important}.island-challenge-banner,.island-question,.island-builder,.island-explain{max-width:1200px;margin:0 auto}.island-challenge-banner{background:#e9fbff;border:1px solid #bfe4ef;border-radius:28px;overflow:hidden;box-shadow:0 16px 32px #227b8120}.island-challenge-banner img{width:100%;height:auto;display:block}.island-question{padding:38px 0 34px}.island-question h2{max-width:900px;font-size:clamp(48px,6vw,82px)!important}.island-question h3{color:#194f83;margin:4px 0 10px;font:700 clamp(29px,3.3vw,45px)/1.28 Mali}.island-question>p:not(.eyebrow){max-width:1000px;font-size:18px!important}.island-question label{color:#39718d;gap:8px;max-width:740px;font:700 13px Mali;display:grid}.island-select{appearance:none;color:#1c637f;cursor:pointer;background:#fff;border:2px solid #9fd8df;border-radius:999px;width:100%;padding:14px 48px 14px 20px;font:700 15px Mali}.mission-meter{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:21px;display:grid}.meter-card{background:#ffffffd9;border:1px solid #cae6e9;border-radius:18px;padding:16px;transition:all .2s}.meter-card.ready{background:#effcf8;border-color:#9edfcf}.meter-card.over{background:#fff3f3;border:2px solid #df5454;box-shadow:0 0 0 4px #ffe0e0}.meter-card.over b,.meter-card.over>small{color:#b4232e}.meter-card>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.meter-card span{color:#557b90;font-size:12px}.meter-card b{color:#1c7b83;white-space:nowrap;font:700 16px Mali}.meter-card b small{color:#7698a2;font:600 10px Mali}.meter-card i{background:#e2f0f2;border-radius:99px;height:10px;margin:12px 0 7px;display:block;overflow:hidden}.meter-card i em{border-radius:inherit;background:linear-gradient(90deg,#2f9fc0,#1fbbad);height:100%;transition:width .25s;display:block}.meter-card.ready i em{background:#23ae8c}.meter-card.over i em{background:#df5454}.meter-card>small{color:#668b96;font:700 10px Mali}.meter-card.ready>small{color:#168a70}.island-builder{background:#fff;border:1px solid #cce8eb;border-radius:24px;padding:30px;box-shadow:0 15px 30px #227b8121}.island-builder>header{border-bottom:1px solid #e2eff0;justify-content:space-between;align-items:start;gap:25px;padding-bottom:22px;display:flex}.island-builder h3{color:#1c5e7d;margin:6px 0;font:700 30px Mali}.island-builder header p:not(.eyebrow){color:#5b8092;max-width:720px;margin:0;font-size:14px;line-height:1.75}.builder-status{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.builder-status span{color:#1a7987;white-space:nowrap;background:#edfafd;border-radius:999px;padding:9px 12px;font:700 12px Mali}.builder-groups{gap:25px;margin-top:25px;display:grid}.builder-groups section>h4{color:#225e7e;margin:0;font:700 20px Mali}.builder-groups section>p{color:#6a8a99;margin:5px 0 13px;font-size:13px}.system-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.system-control{background:#f9fefe;border:1px solid #d2e9eb;border-radius:17px;padding:15px}.system-control.disabled{opacity:.62;background:#f3f7f8}.system-title{align-items:center;gap:10px;display:flex}.system-title>span{background:#e7faf5;border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.system-title b{color:#236878;font:700 14px Mali;display:block}.system-title small{color:#6a8c9b;font-size:10px;line-height:1.45;display:block}.system-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px;display:grid}.system-facts span{color:#287586;text-align:center;background:#edf9fb;border-radius:9px;padding:7px 6px;font-size:10px;font-weight:700;line-height:1.35}.system-impact-note{color:#668696;min-height:30px;margin:8px 0 0;font-size:10px;line-height:1.5}.quantity{justify-content:space-between;align-items:center;gap:10px;margin-top:13px;display:flex}.quantity button{color:#187d86;cursor:pointer;background:#fff;border:1px solid #a8d5db;border-radius:999px;width:40px;height:38px;font:700 22px/1 Mali}.quantity button:disabled{opacity:.4}.quantity strong{color:#166d7a;font:700 18px Mali}.quantity strong small{color:#688b96;font:600 10px Mali}.unavailable{color:#a35e49;background:#fff1ed;border-radius:10px;margin:12px 0 0;padding:8px 10px;font-size:11px;line-height:1.5}.island-simulate{margin-top:26px}.simulation-result.success{background:#e8faf2;border:1px solid #b9e9d7}.simulation-result.success p{color:#187863}.island-explain{background:#ffffffd9;border:1px solid #cde8eb;border-radius:21px;margin-top:25px;padding:28px}.island-explain h3{color:#1d5e7d;margin:7px 0 18px;font:700 25px Mali}.island-explain>div{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.island-explain article{background:#f9ffff;border:1px solid #d8ecec;border-radius:15px;gap:10px;padding:15px;display:flex}.island-explain article>span{font-size:24px}.island-explain article b{color:#206c7b;font:700 13px/1.45 Mali;display:block}.island-explain article p,.empty-explanation{color:#5e8390;margin:5px 0 0;font-size:12px;line-height:1.6}.empty-explanation{background:#f3fbfd;border-radius:13px;padding:16px}@media (width<=780px){.island-challenge{padding:56px 20px!important}.mission-meter,.system-grid,.island-explain>div{grid-template-columns:1fr}.island-builder{padding:20px}.island-builder>header{display:grid}.builder-status{justify-content:flex-start}.island-question>p:not(.eyebrow){font-size:16px!important}.island-builder h3{font-size:25px}.island-challenge-banner{border-radius:19px}.island-question{padding-top:28px}.island-question h2{font-size:49px!important}.meter-card b{font-size:15px}}@media (width<=420px){.island-challenge{padding:45px 14px!important}.system-facts span{font-size:9px}.quantity button{width:44px;height:42px}.meter-card{padding:14px}}.efficiency-lab{color:#1f5d79;background:linear-gradient(135deg,#fffffff7,#effdf9f2 54%,#edf8fff5);border:1px solid #bde8e7;border-radius:32px;margin-top:32px;padding:clamp(24px,4vw,48px);box-shadow:0 18px 50px #1c7a9a1f}.efficiency-head{max-width:760px;margin-bottom:28px}.efficiency-head h3{color:#147c79;margin:7px 0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.12}.efficiency-head>p:last-child,.efficiency-practice-head p{color:#5d8192;margin:0;font-size:1.05rem;line-height:1.7}.efficiency-label{color:#168ba7;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}.efficiency-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:22px;display:grid}.efficiency-formula,.efficiency-simulator,.efficiency-practice,.efficiency-question{background:#ffffffe0;border:1px solid #c9e9eb;border-radius:24px}.efficiency-formula,.efficiency-simulator{padding:26px}.efficiency-equation{color:#0e857d;text-align:center;background:#eaf9f8;border-radius:18px;margin:14px 0 20px;padding:18px;font-family:Georgia,serif;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700}.efficiency-equation span{white-space:nowrap}.efficiency-formula dl{gap:12px;margin:0;display:grid}.efficiency-formula dl div{background:#f7fcfc;border-radius:14px;grid-template-columns:94px 1fr;align-items:start;gap:12px;padding:12px;display:grid}.efficiency-formula dt{color:#147c79;font-weight:800}.efficiency-formula dd{color:#587b8b;margin:0;line-height:1.45}.efficiency-tip,.efficiency-feedback{color:#80651c;background:#fff7dc;border-radius:16px;margin:18px 0 0;padding:14px 16px;line-height:1.55}.efficiency-simulator-head,.efficiency-practice-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.efficiency-simulator h4,.efficiency-practice h4{color:#176889;margin:4px 0;font-size:1.45rem}.efficiency-score,.practice-status span{color:#07816e;background:#dff8ef;border-radius:999px;padding:9px 13px;font-weight:800;display:block}.efficiency-example-tabs{flex-wrap:wrap;gap:8px;margin:20px 0 15px;display:flex}.efficiency-tab{color:#43768b;font:inherit;cursor:pointer;background:#fff;border:1px solid #c1e5e8;border-radius:999px;padding:9px 12px;font-weight:700;transition:all .2s}.efficiency-tab:hover,.efficiency-tab.active{color:#fff;background:#0ea295;border-color:#0ea295;transform:translateY(-1px)}.efficiency-tab span{margin-right:5px}.efficiency-source{color:#5e8391;margin:0 0 18px;line-height:1.55}.efficiency-slider-label{color:#286a78;justify-content:space-between;gap:12px;font-weight:700;display:flex}.efficiency-slider{accent-color:#10a297;width:100%;margin:10px 0}.efficiency-bar,.practice-progress{background:#e5f4f2;border-radius:999px;height:14px;overflow:hidden}.efficiency-bar span,.practice-progress i{border-radius:inherit;background:linear-gradient(90deg,#13a89d,#1e9de2);height:100%;transition:width .25s;display:block}.efficiency-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.efficiency-metrics div{background:#f4fbfd;border-radius:14px;padding:12px}.efficiency-metrics span{color:#6d93a2;font-size:.78rem;display:block}.efficiency-metrics strong{color:#1d7186;margin-top:4px;font-size:1.12rem;display:block}.efficiency-feedback small{color:#876d30}.efficiency-practice{margin-top:22px;padding:26px}.efficiency-practice.passed{border-color:#47bb92;box-shadow:0 0 0 4px #dff8ef}.practice-status{text-align:right;flex:none}.practice-status small{color:#668b96;margin-top:5px;font-size:.78rem;display:block}.practice-progress{margin-top:18px}.practice-notice{color:#216d8c;background:#effaff;border-radius:12px;margin-top:12px;padding:11px 13px;font-size:.92rem;line-height:1.5}.efficiency-questions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.efficiency-question{padding:18px}.efficiency-question>p:first-child{color:#2c6078;margin:0 0 14px;line-height:1.6}.efficiency-choices{gap:8px;display:grid}.efficiency-choice{color:#47768a;text-align:left;font:inherit;cursor:pointer;background:#fff;border:1px solid #c6e4e8;border-radius:12px;padding:10px 12px;font-size:.92rem;transition:all .15s}.efficiency-choice:hover:not(:disabled){background:#f2fffd;border-color:#1699a1}.efficiency-choice:disabled{cursor:default}.efficiency-choice.correct{color:#087357;background:#e5f9ef;border-color:#1cab84}.efficiency-choice.incorrect{color:#a55b1a;background:#fff3e8;border-color:#e8a05d}.efficiency-answer{border-radius:12px;margin:12px 0 0;padding:10px 12px;font-size:.9rem;line-height:1.5}.efficiency-answer.correct{color:#087357;background:#e9faef}.efficiency-answer.incorrect{color:#9a5e26;background:#fff5e9}.practice-restart{color:#087c79;cursor:pointer;background:#fff;border:1px solid #78c7c0;border-radius:999px;margin-top:20px;padding:11px 16px;font:700 .92rem inherit}.practice-restart:hover{background:#eafff9}@media (width<=850px){.efficiency-layout,.efficiency-questions{grid-template-columns:1fr}}@media (width<=540px){.efficiency-lab{border-radius:24px;padding:20px 16px}.efficiency-formula,.efficiency-simulator,.efficiency-practice{padding:18px}.efficiency-simulator-head,.efficiency-practice-head{flex-direction:column}.efficiency-metrics{grid-template-columns:1fr}.efficiency-formula dl div{grid-template-columns:76px 1fr}.efficiency-tab{font-size:.85rem}.practice-status{text-align:left}}.efficiency-real-limit{color:#637f8d;margin:0 0 10px;font-size:.88rem;line-height:1.5}.efficiency-reality-note{color:#765817;background:linear-gradient(135deg,#fff9e9,#fffef8);border:1px solid #efd181;border-radius:16px;margin-top:12px;padding:14px 16px;line-height:1.55}.efficiency-reality-note strong{color:#89620f;display:block}.efficiency-reality-note p{margin:5px 0 0}.renewable-world{background:linear-gradient(135deg,#f3fffb,#f5fbff);gap:34px;padding:82px max(5vw,30px);display:grid}.renewable-hero,.renewable-world>.source-gallery,.renewable-topic{width:100%;max-width:1200px;margin:auto}.renewable-hero{grid-template-columns:.86fr 1.14fr;align-items:center;gap:38px;display:grid}.renewable-hero img{border-radius:27px;width:100%;display:block;box-shadow:0 18px 38px #1d837725}.source-gallery{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.source-gallery article{background:#fff;border:1px solid #cae9e1;border-radius:18px;padding:18px}.source-gallery article>span{color:#107c6d;background:#e2f8f1;border-radius:50%;place-items:center;width:30px;height:30px;font:800 13px Mali;display:grid}.source-gallery p{color:#36777b;margin:10px 0 2px;font:700 12px DM Mono}.source-gallery small{color:#66898b;margin-top:8px;font-size:11px;line-height:1.5;display:block}.renewable-topic{background:#fff;border:1px solid #c9e9e3;border-radius:27px;padding:clamp(20px,3vw,34px);box-shadow:0 13px 30px #1e796013}.topic-head{align-items:flex-start;gap:15px;margin-bottom:20px;display:flex}.topic-head>span{color:#117c70;background:#dff8f0;border-radius:18px;flex:none;place-items:center;width:56px;height:56px;font:800 15px Mali;display:grid}.topic-head .eyebrow{color:#42958c;margin:0;font-size:10px}.topic-head h3{color:#1f706b;margin:5px 0;font:700 clamp(26px,3vw,35px)/1.25 Mali}.topic-head>div>p:last-child{color:#608789;margin:0;line-height:1.75}.topic-image{background:#f8fefe;border:1px solid #d3e9e7;border-radius:20px;width:100%;height:auto;display:block}.topic-lab{background:#f2fcf9;border-radius:19px;grid-template-columns:1fr .7fr;gap:16px;margin-top:18px;padding:19px;display:grid}.topic-lab h4{color:#1c716b;margin:0 0 12px;font:700 20px Mali}.topic-lab label{color:#3e7778;grid-template-columns:1fr auto;gap:7px;margin-top:11px;font:700 13px Mali;display:grid}.topic-lab label input{accent-color:#159d83;grid-column:1/-1;width:100%}.topic-lab p{color:#5a8184;margin:11px 0 0;font-size:12px;line-height:1.6}.power-readout{color:#fff;text-align:center;background:linear-gradient(135deg,#197d78,#1fae94);border-radius:16px;align-content:center;justify-items:center;gap:4px;padding:18px;display:grid}.power-readout>span{font-size:37px}.power-readout small{line-height:1.45}.power-readout b{font:700 clamp(31px,4vw,46px) Mali}.power-readout em{color:#d4fff4;font-size:11px;font-style:normal}.flow-builder{background:#fbffff;border:1px solid #c9e9e3;border-radius:19px;margin-top:18px;padding:20px}.flow-builder>p{color:#2c7772;margin:0 0 12px;font-weight:700;line-height:1.55}.flow-choice{flex-wrap:wrap;gap:8px;display:flex}.flow-choice button{color:#1c716b;cursor:pointer;background:#fff;border:1px solid #9edfd1;border-radius:999px;padding:9px 12px;font:700 12px Mali}.flow-slots{grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0;display:grid}.flow-slots button{color:#357c77;text-align:left;cursor:pointer;background:#f6fffc;border:1px dashed #88cfc0;border-radius:12px;min-height:69px;padding:9px}.flow-slots small{color:#68a59f;font-size:10px;display:block}.flow-slots b{margin-top:5px;font:700 11px/1.4 Mali;display:block}@media (width<=780px){.renewable-world{gap:24px;padding:58px 20px}.renewable-hero,.topic-lab{grid-template-columns:1fr}.source-gallery{grid-template-columns:1fr 1fr}.source-gallery article:last-child{grid-column:1/-1}.topic-head>span{border-radius:14px;width:48px;height:48px}.flow-slots{grid-template-columns:1fr 1fr}.renewable-topic{padding:20px}.renewable-hero p:not(.eyebrow){font-size:15px}}@media (width<=430px){.renewable-world{padding:46px 14px}.source-gallery{grid-template-columns:1fr}.source-gallery article:last-child{grid-column:auto}.topic-head{gap:10px}.topic-head h3{font-size:25px}.flow-slots{grid-template-columns:1fr}.flow-choice button{text-align:left;width:100%}}.deep-facts{background:linear-gradient(135deg,#f6fffc,#f3f9ff);border:1px solid #cbece3;border-radius:19px;margin-top:18px;padding:20px}.deep-facts h4{color:#1f716b;margin:0 0 13px;font:700 21px Mali}.deep-facts>div{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.deep-facts article{background:#fff;border:1px solid #deeeee;border-radius:12px;padding:12px}.deep-facts span{color:#5f8a8b;font-size:11px;display:block}.deep-facts b{color:#286f70;margin-top:5px;font:700 12px/1.55 Mali;display:block}.deep-facts>p{color:#517f81;margin:13px 0 0;font-size:13px;line-height:1.65}.deep-facts strong{color:#1c786e}@media (width<=780px){.deep-facts>div{grid-template-columns:1fr 1fr}}@media (width<=430px){.deep-facts{padding:16px}.deep-facts>div{grid-template-columns:1fr}}.technology-hero>img{content:url(/media/chapter-technology.png)}.renewable-extension{background:linear-gradient(135deg,#eefdf8,#f5fbff);padding:82px max(5vw,30px)}.renewable-extension>header,.site-mission,.day-night-lab,.renewable-deep-dive,.load-mission{max-width:1200px;margin:0 auto}.renewable-extension>header{max-width:820px}.renewable-extension h2{color:#1f666a;margin:10px 0;font:700 clamp(40px,5vw,63px)/1.16 Mali}.renewable-extension h2 em{color:#1a9e82;font-style:normal}.renewable-extension>header>p:last-child{color:#5d8788;font-size:17px;line-height:1.8}.site-mission,.day-night-lab,.renewable-deep-dive,.load-mission{background:#fff;border:1px solid #d0ece5;border-radius:23px;margin-top:35px;padding:28px}.site-mission{grid-template-columns:1fr 1fr;gap:28px;display:grid}.site-mission h3,.day-night-lab h3,.renewable-deep-dive h3,.load-mission h3{color:#1d716a;margin:8px 0;font:700 27px Mali}.site-mission p:not(.eyebrow),.day-night-lab p:not(.eyebrow),.renewable-deep-dive p:not(.eyebrow),.load-mission p:not(.eyebrow){color:#638b8d;font-size:14px;line-height:1.7}.place-tabs{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.place-tabs button{color:#397d75;cursor:pointer;background:#f8fffc;border:1px solid #c6e8df;border-radius:999px;padding:9px 12px;font:700 12px Mali}.place-tabs button.active{color:#fff;background:#1c9e86;border-color:#1c9e86}.place-brief{background:#f1fcf8;border:1px solid #d2ece5;border-radius:15px;padding:16px}.place-brief b{color:#1d746c;font:700 16px Mali}.place-brief p{margin:5px 0 0!important}.site-answer{background:#f7fcff;border:1px solid #d8e9f1;border-radius:18px;padding:20px}.site-answer>p{color:#386f8a;margin:0 0 13px;font:700 13px Mali}.site-answer>div{flex-wrap:wrap;gap:9px;margin-bottom:18px;display:flex}.site-answer>div button{color:#40728a;cursor:pointer;background:#fff;border:1px solid #bfdae6;border-radius:999px;padding:9px 12px;font:700 12px Mali}.site-answer>div button.selected{color:#fff;background:#217fb8;border-color:#217fb8}.day-night-lab{color:#fff;background:#176f75;border-color:#176f75;grid-template-columns:1.1fr .9fr;gap:30px;display:grid}.day-night-lab h3{color:#fff}.day-night-lab p:not(.eyebrow){color:#cfefec}.day-night-lab label{gap:8px;margin-top:17px;font:700 13px Mali;display:grid}.day-night-lab label b{color:#88e3d6}.day-night-lab input{accent-color:#ffcb57}.energy-timeline{grid-template-columns:repeat(3,1fr);gap:9px;margin:17px 0;display:grid}.energy-timeline span{color:#bfdfdf;background:#ffffff16;border:1px solid #ffffff2b;border-radius:13px;padding:12px;font:700 12px/1.6 Mali}.energy-timeline span.on{color:#fff;background:#ffffff2c}.energy-timeline b{font-size:11px}.toggle-card{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #9bdcd3;border-radius:999px;padding:10px 13px;font:700 12px Mali}.toggle-card.active{color:#1d7774;background:#fff}.supply-panel{text-align:center;background:radial-gradient(circle,#2aa2a2,#16646b);border-radius:20px;place-content:center;padding:25px;display:grid}.supply-panel>span{font-size:42px}.supply-panel p{margin:8px 0 0;color:#d8f5f2!important}.supply-panel>b{color:#fff;font:700 54px Mali}.supply-panel small{color:#c8ebe9;font-size:12px;line-height:1.65}.renewable-deep-dive{grid-template-columns:.85fr 1.15fr;gap:30px;display:grid}.deep-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.deep-cards article{background:#f5fbff;border:1px solid #d8eaf4;border-radius:17px;padding:18px}.deep-cards span{font-size:31px}.deep-cards h4{color:#1f6e91;margin:8px 0 5px;font:700 18px Mali}.deep-cards p{margin:0!important}.deep-cards small{color:#668493;margin-top:10px;font-size:11px;line-height:1.55;display:block}.load-mission{grid-template-columns:1.1fr .9fr;gap:28px;display:grid}.load-list{grid-template-columns:repeat(2,1fr);gap:10px;margin:17px 0;display:grid}.load-list button{color:#2c706f;text-align:left;cursor:pointer;background:#faffff;border:1px solid #d1e9e9;border-radius:14px;padding:12px;font:700 13px Mali}.load-list button:disabled{opacity:.65;cursor:not-allowed}.load-list button.shifted{color:#167357;background:#eafaf2;border-color:#67cba9}.load-list small{color:#6c9094;margin-top:3px;font:600 10px Mali;display:block}.load-mission aside{color:#296d8c;background:#eaf8ff;border-radius:18px;align-self:center;padding:20px}.load-mission aside b{font:700 20px Mali}.load-mission aside p{color:#598099!important}@media (width<=780px){.renewable-extension{padding:62px 20px}.site-mission,.day-night-lab,.renewable-deep-dive,.load-mission{grid-template-columns:1fr;padding:20px}.deep-cards,.load-list,.energy-timeline{grid-template-columns:1fr}.renewable-extension h2{font-size:42px}}.energy-scene{background:#143f56;border:1px solid #fff3;border-radius:22px;min-height:390px;transition:background .45s;position:relative;overflow:hidden}.scene-sky{position:absolute;inset:0 0 40%}.scene-land{background:linear-gradient(#2d936d 0 5%,#207052 5%);border-top:4px solid #7cd9a3;position:absolute;inset:52% 0 0}.scene-sun,.scene-moon{font-size:72px;line-height:1;transition:opacity .4s,transform .4s;position:absolute;top:34px;right:46px}.scene-moon{color:#f5f5d4;opacity:0}.scene-stars{color:#fff;letter-spacing:13px;opacity:0;font-size:27px;position:absolute;top:42px;left:36px}.energy-scene.day{background:linear-gradient(#66cdee,#daf8ff)}.energy-scene.evening{background:linear-gradient(#ef8c6b,#4c5f94)}.energy-scene.night{background:linear-gradient(#07142e,#1c315d)}.energy-scene.night .scene-sun{opacity:0;transform:translateY(30px)}.energy-scene.night .scene-moon,.energy-scene.night .scene-stars{opacity:1}.energy-scene.evening .scene-sun{opacity:.8;transform:translateY(22px)}.scene-solar{opacity:.42;background:repeating-linear-gradient(90deg,#173d6b 0 21px,#58cbed 22px 24px);border:5px solid #1f608f;border-radius:5px;padding:5px 22px;font-size:0;position:absolute;bottom:38px;left:11%;transform:skew(-13deg)}.scene-solar.producing{opacity:1;box-shadow:0 0 30px 12px #ffec80}.scene-turbine{color:#e8f9ff;text-shadow:0 2px #39738b;opacity:.55;font-size:108px;line-height:.7;position:absolute;bottom:30px;left:40%}.scene-turbine.spinning{opacity:1;animation:1.2s linear infinite spin-turbine}.scene-battery{color:#fff;background:#db6259;border:6px solid #d9f4e4;border-radius:11px;place-items:center;width:73px;height:98px;font-size:49px;line-height:.6;display:grid;position:absolute;bottom:37px;right:30%}.scene-battery:before{content:"";background:#d9f4e4;border-radius:4px 4px 0 0;width:27px;height:11px;position:absolute;top:-15px}.scene-battery b{font-size:13px;position:absolute;bottom:7px}.scene-battery.charging{background:#2fbf88;box-shadow:0 0 24px #aaffcb}.scene-battery.discharging{background:#4a90da;box-shadow:0 0 24px #8fc8ff}.scene-battery.off{opacity:.42}.power-line{color:#748694;letter-spacing:6px;opacity:.32;font-size:20px;position:absolute;bottom:76px;right:10%}.power-line.live{color:#fff273;opacity:1;text-shadow:0 0 16px #ffe94a;animation:.85s infinite alternate pulse-line}.scene-school{filter:drop-shadow(0 3px 1px #124a3c);font-size:74px;position:absolute;bottom:28px;right:5%}.scene-caption{z-index:2;color:#fff;background:#001a2aa8;border-radius:12px;padding:11px 13px;position:absolute;bottom:14px;left:18px;right:18px}.scene-caption b{font:700 18px Mali}.scene-caption p{color:#e3ffff!important;margin:3px 0 0!important;font-size:11px!important;line-height:1.45!important}@keyframes spin-turbine{to{transform:rotate(360deg)}}@keyframes pulse-line{to{filter:brightness(1.7);transform:translate(5px)}}.grid-board{align-content:center;gap:14px;display:grid!important}.load-bars{gap:12px;display:grid}.load-bars p{grid-template-columns:125px 1fr 42px;align-items:center;gap:9px;display:grid;margin:0!important;font-size:12px!important}.load-bars i{background:#d9ebf2;border-radius:99px;height:17px;overflow:hidden}.load-bars em{border-radius:inherit;background:linear-gradient(90deg,#f0b735,#39bb8b);height:100%;transition:width .25s;display:block}.load-bars p:nth-child(2) em{background:linear-gradient(90deg,#3e6fb5,#7a9be0)}.grid-score{gap:7px;display:grid}.grid-score span{color:#39718a;background:#fff;border-radius:10px;padding:8px 10px;font-size:12px}.grid-score span.good{color:#16785e;background:#e6faef}@media (width<=780px){.energy-scene{min-height:320px}.scene-sun,.scene-moon{font-size:56px;right:22px}.scene-school{font-size:56px}.scene-turbine{font-size:88px;left:36%}.scene-battery{transform-origin:bottom;right:29%;transform:scale(.8)}.load-bars p{grid-template-columns:105px 1fr 36px}}@media (width<=430px){.energy-scene{min-height:285px}.scene-solar{transform-origin:0 100%;left:7%;transform:scale(.8)skew(-13deg)}.scene-turbine{font-size:70px;left:34%}.scene-school{font-size:48px;right:2%}.power-line{font-size:14px;bottom:78px;right:4%}.scene-caption b{font-size:15px}.load-bars p{grid-template-columns:1fr;gap:4px}}.chapter-menu{background:linear-gradient(135deg,#f7fbff,#edfbff);min-height:calc(100vh - 76px);padding:80px max(5vw,32px)}.chapter-menu-hero{text-align:center;max-width:760px;margin:0 auto 38px}.chapter-menu h1,.chapter-page-head h1{color:#194f83;margin:13px 0;font:700 clamp(43px,5vw,68px)/1.18 Mali}.chapter-menu h1 em{color:#168d9c;font-style:normal}.chapter-menu-hero>p:last-child{color:#60809b;font-size:17px;line-height:1.8}.chapter-grid{grid-template-columns:repeat(2,1fr);gap:20px;max-width:1180px;margin:auto;display:grid}.chapter-card{text-align:left;cursor:pointer;background:#fff;border:2px solid #d4e8f6;border-radius:25px;min-height:260px;padding:0;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.chapter-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px #1f659326}.chapter-card>img{object-fit:cover;object-position:right center;width:100%;height:100%;position:absolute;inset:0}.chapter-card:after{content:"";background:linear-gradient(90deg,#fff 0%,#fffd 43%,#fff8 59%,#0000 82%);position:absolute;inset:0}.chapter-card-content{z-index:1;width:min(66%,450px);padding:27px;position:relative}.chapter-card-content>span{background:#fff9;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:10px;font-size:24px;display:grid}.chapter-card small{letter-spacing:.11em;font:600 11px DM Mono}.chapter-card h2{color:#20598c;margin:7px 0;font:700 27px Mali}.chapter-card p{color:#597b98;margin:0;line-height:1.7}.chapter-card b{color:#176fa9;align-items:center;gap:8px;margin-top:15px;font:700 14px Mali;display:inline-flex}.chapter-card b i{font-size:18px;font-style:normal}.chapter-card.nuclear{color:#5b65bd;background:#f4f5ff;border-color:#cfd5ff}.chapter-card.mass{color:#3b7ec3;background:#f0f8ff;border-color:#c8e4fb}.chapter-card.renewable{color:#159d7f;background:#f0fffa;border-color:#c7eee1}.chapter-card.technology{color:#1b91b0;background:#f0fbff;border-color:#c8ecf5}.chapter-page-head{max-width:1280px;margin:auto;padding:52px max(5vw,32px) 40px}.chapter-page-head>p{letter-spacing:.12em;color:#377da9;margin:17px 0 0;font:600 11px DM Mono}.chapter-page-head>span{color:#5b7f99;font-size:17px}.back-chapters{color:#1e6ea4;background:#fff;border:2px solid #add3ea;border-radius:999px;padding:10px 16px;font:700 13px Mali}.renewable-visuals{gap:30px;max-width:1200px;margin:0 auto;padding:0 max(5vw,30px) 70px;display:grid}.renewable-visuals article{background:#fff;border:1px solid #d5ede7;border-radius:24px;overflow:hidden;box-shadow:0 14px 28px #1e796015}.renewable-visuals article>div{padding:30px 34px}.renewable-visuals h2{color:#237366;margin:0 0 10px;font:700 29px Mali}.renewable-visuals p{color:#5b8483;max-width:900px;margin:0;font-size:16px;line-height:1.85}.renewable-visuals img{width:100%;height:auto;display:block}.slide-frame{background:#fff;border:1px solid #d7e8f4;border-radius:25px;max-width:1200px;margin:0 auto 80px;padding:30px;box-shadow:0 12px 28px #326b9512}.slide-frame h2{color:#205b8d;margin:7px 0;font:700 28px Mali}.slide-frame p{color:#63839d}.slide-frame iframe{background:#eff8ff;border:0;border-radius:16px;width:100%;height:min(68vw,700px);min-height:350px;margin-top:22px;display:block}@media (width<=760px){.chapter-menu{padding:56px 20px}.chapter-grid{grid-template-columns:1fr}.chapter-card{min-height:220px}.chapter-card-content{width:74%;padding:20px}.chapter-card-content>span{width:42px;height:42px;margin-bottom:6px;font-size:21px}.chapter-card h2{font-size:23px}.chapter-card p{font-size:14px}.chapter-page-head{padding:38px 20px 28px}.renewable-visuals{gap:20px;padding:0 20px 45px}.renewable-visuals article>div{padding:23px 20px}.renewable-visuals h2{font-size:24px}.slide-frame{margin:0 20px 50px;padding:19px}.slide-frame iframe{height:58vw;min-height:290px}}.chapter-menu{isolation:isolate;background:#effbff url(/media/energy-landing-background.png) 50%/cover no-repeat;position:relative;overflow:hidden}.chapter-menu:before{content:"";z-index:-1;background:linear-gradient(90deg,#f9fdffed 0%,#f9fdffd6 42%,#effbff9a 70%,#effbff7a 100%);position:absolute;inset:0}.chapter-menu>*{position:relative}@media (width<=760px){.chapter-menu{background-position:61%}.chapter-menu:before{background:linear-gradient(90deg,#f9fdfff5 0%,#f9fdffe3 65%,#effbff9a 100%)}}.chapter-page{isolation:isolate;min-height:calc(100vh - 76px);position:relative;background:0 0!important}.chapter-page:before{content:"";opacity:.52;pointer-events:none;z-index:-1;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.chapter-page:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#f8fcff77,#f8fcff9c 48%,#f8fcff77);position:absolute;inset:0}.chapter-page.nuclear:before{background-image:url(/media/chapter-hero-nuclear.png)}.chapter-page.mass:before{background-image:url(/media/chapter-hero-mass.png)}.chapter-page.renewable:before{background-image:url(/media/chapter-hero-renewable.png)}.chapter-page.technology:before{background-image:url(/media/chapter-hero-technology.png)}.chapter-page-head{box-sizing:border-box;background:linear-gradient(118deg,#1b77be 0%,#2a9bcc 51%,#52c7b2 100%);border-bottom:5px solid #baf2e7;border-radius:0 0 34px 34px;min-height:clamp(285px,25vw,365px);position:relative;overflow:hidden;box-shadow:0 14px 28px #164d7b30;max-width:none!important;padding:28px max(7vw,42px) 52px!important}.chapter-page-head:before,.chapter-page-head:after{content:"";pointer-events:none;border:1px solid #ffffff70;border-radius:50%;position:absolute}.chapter-page-head:before{background:#ffffff12;width:460px;height:460px;top:-285px;right:-140px;box-shadow:0 0 0 42px #ffffff0f,0 0 0 84px #ffffff0a}.chapter-page-head:after{opacity:.86;background:radial-gradient(circle,#ffe77a 0 13%,#ffffffba 14% 19%,#0000 20%);width:130px;height:130px;bottom:-44px;right:11%}.chapter-page.nuclear .chapter-page-head{background:linear-gradient(118deg,#3559bc,#6f75dc 52%,#ba8ee1)}.chapter-page.mass .chapter-page-head{background:linear-gradient(118deg,#235baf,#4e8bda 50%,#8ca6ec)}.chapter-page.renewable .chapter-page-head{background:linear-gradient(118deg,#087c79,#1bad8e 51%,#85ce5d)}.chapter-page.technology .chapter-page-head{background:linear-gradient(118deg,#086f9c,#20a9bb 51%,#68d7bd)}.chapter-head-actions{justify-content:space-between;align-items:center;gap:14px;max-width:1280px;margin:0 auto;display:flex}.chapter-head-copy{z-index:1;max-width:1280px;margin:37px auto 0;position:relative}.chapter-head-copy>p{letter-spacing:.14em;color:#e1f7ff;margin:0;font:600 12px DM Mono}.chapter-head-copy h1{text-shadow:0 3px #093a6440;text-wrap:balance;max-width:650px;color:#fff!important;margin:13px 0 10px!important}.chapter-head-copy>span{color:#effdff;max-width:590px;font-size:clamp(16px,1.6vw,19px);line-height:1.8;display:block}.chapter-explore{color:#12659a;cursor:pointer;background:#fff;border:2px solid #ffffffbd;border-radius:999px;padding:10px 17px;font:700 13px Mali;transition:transform .18s,box-shadow .18s;box-shadow:0 8px 18px #063d6731}.chapter-explore:hover{transform:translateY(-2px);box-shadow:0 12px 23px #1978b54a}.chapter-explore:active{box-shadow:none;transform:translateY(1px)}.chapter-explore span{margin-left:4px;font-size:16px}.chapter-assessment-actions{justify-content:center;align-items:stretch;gap:14px;max-width:760px;margin:27px auto 0;display:flex}.chapter-pretest-button,.chapter-posttest-button{cursor:pointer;text-align:left;border-radius:18px;flex:1;align-items:center;gap:11px;min-width:0;padding:13px 16px;font:700 25px/1 Mali;transition:transform .18s,box-shadow .18s;display:flex}.chapter-pretest-button{color:#126da6;background:#fff;border:2px solid #a8ddf5;box-shadow:0 10px 22px #227eaa1f}.chapter-posttest-button{color:#fff;background:linear-gradient(135deg,#1d8db9,#2178ca);border:2px solid #8cd5ee;box-shadow:0 10px 22px #227eaa2e}.chapter-pretest-button:hover,.chapter-posttest-button:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 15px 28px #227eaa35}.chapter-posttest-button:disabled{color:#7894a3;box-shadow:none;cursor:not-allowed;background:#ecf5f8;border-color:#c8dfe8}.chapter-assessment-actions span{gap:3px;display:grid}.chapter-assessment-actions b{font:700 14px Mali}.chapter-assessment-actions small{color:inherit;opacity:.82;font:600 10px Mali}.chapter-hero-note{background:#ffffff20;border:1px solid #ffffff78;border-radius:16px;align-items:center;gap:10px;max-width:470px;margin-top:20px;padding:9px 13px;display:flex;box-shadow:0 8px 20px #06385d12}.chapter-hero-note b{background:#ffffffd9;border-radius:10px;place-items:center;width:32px;height:32px;font-size:17px;display:grid}.chapter-hero-note span{color:#f1ffff;font:600 12px/1.55 Mali}.chapter-page .nuclear-world,.chapter-page .mass-lab,.chapter-page .renewable-world,.chapter-page .technology-lab,.chapter-page .renewable-extension,.chapter-page .island-challenge{background:0 0!important}.chapter-page .slide-frame,.chapter-page .renewable-visuals article{background:#ffffffdf}.smart-grid-visual{grid-column:1/-1;overflow:hidden}.smart-grid-visual>img{border:1px solid #bfdef0;border-radius:16px;width:100%;height:auto;margin-top:20px;display:block;box-shadow:0 10px 22px #1f75a51a}.smart-grid-visual>p:last-of-type{max-width:820px}@media (width<=760px){.chapter-page:before{opacity:.45;background-position:68%}.chapter-page:after{background:#f9fdff9e}.chapter-page-head{min-height:295px;padding:20px 20px 34px!important}.chapter-assessment-actions{flex-direction:column;align-items:stretch;max-width:100%;margin-top:22px}.chapter-pretest-button,.chapter-posttest-button{padding:12px 14px}.chapter-head-copy{margin-top:42px}.chapter-head-copy h1{font-size:clamp(40px,12vw,54px)!important}.chapter-head-copy>span{max-width:90%;font-size:16px}.chapter-hero-note{max-width:90%;margin-top:18px}.back-chapters{padding:9px 13px}}.portal-loading{color:#3577aa;background:#f7fbff;place-items:center;min-height:100vh;font:600 17px Mali;display:grid}.portal-landing{background:#eef9ff url(/media/energy-landing-hero.png) 50%/cover no-repeat;min-height:100vh;position:relative;overflow:hidden}.portal-landing:before{content:"";background:linear-gradient(90deg,#fff,#ffffffed 35%,#ffffff80 57%,#ffffff05);position:absolute;inset:0}.landing-header,.landing-copy{z-index:1;position:relative}.landing-header{justify-content:space-between;align-items:center;padding:24px max(5vw,32px);display:flex}.landing-login,.landing-register{background:#ffffffc7;border:1px solid #81b4da;color:#1e6297!important}.landing-copy{max-width:650px;padding:clamp(75px,15vh,150px) max(5vw,32px)}.landing-copy h1,.signed-home h1,.assessment-page h1,.portal-dashboard h1,.teacher-portal h1{letter-spacing:-.04em;color:#194d80;margin:14px 0;font:700 clamp(39px,5.6vw,72px)/1.15 Mali}.landing-copy h1 em{color:#168bc1;font-style:normal}.landing-copy>p,.signed-home>section>p,.assessment-page-head p,.portal-dashboard>div>p,.teacher-portal>div>p{color:#547b9d;max-width:580px;font-size:17px;line-height:1.85}.landing-actions{flex-wrap:wrap;gap:12px;margin:30px 0 17px;display:flex}.landing-copy small{color:#5d82a0}.portal-header nav{color:#55799b;align-items:center;gap:12px;font-size:12px;display:flex}.portal-header nav button{color:#266a9f;cursor:pointer;background:0 0;border:0;font:600 12px Mali}.signed-home{background:linear-gradient(120deg,#effaff,#fff);min-height:calc(100vh - 76px);padding:90px max(5vw,32px)}.signed-home>section{max-width:760px}.assessment-page,.assessment-result,.post-lock,.portal-dashboard,.teacher-portal{max-width:1180px;margin:0 auto;padding:80px max(5vw,32px)}.assessment-page-head{justify-content:space-between;align-items:start;gap:20px;display:flex}.assessment-page-head>b{color:#1b73b3;white-space:nowrap;background:#e9f7ff;border-radius:16px;padding:13px 18px;font:700 30px Mali}.assessment-page-head small{color:#6b8da6;font-size:14px}.assessment-page h2{color:#235887;max-width:850px;font:700 25px/1.65 Mali}.assessment-nav{justify-content:space-between;gap:12px;margin-top:28px;display:flex}.assessment-nav .ghost{color:#2c70a3;background:#fff}.assessment-result{align-items:center;gap:44px;min-height:70vh;display:flex}.assessment-result h2{color:#1c5688;margin:10px 0;font:700 42px Mali}.post-lock{text-align:center;place-content:center;min-height:48vh;display:grid}.post-lock h1,.post-lock h2{color:#1c5688;font:700 36px Mali}.post-lock p{color:#63819b;line-height:1.8}.portal-dashboard{background:#fff}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px;display:grid}.dashboard-grid article{text-align:center;background:#f4faff;border:1px solid #d7eafa;border-radius:20px;padding:25px}.dashboard-grid article>p{color:#63849d;font-size:13px}.growth-card{align-content:center;display:grid;text-align:left!important;background:linear-gradient(135deg,#e8f8f8,#eef4ff)!important}.growth-card span{letter-spacing:.1em;color:#2185a8;font:500 11px DM Mono}.growth-card b{color:#1879af;margin:10px 0;font:700 37px Mali}.teacher-portal{background:#f8fcff}.teacher-control{background:#fff;border:1px solid #d2e7f6;border-radius:20px;grid-template-columns:1fr 180px auto;align-items:end;gap:20px;margin:32px 0 15px;padding:25px;display:grid}.teacher-control span{letter-spacing:.1em;color:#2587ad;font:500 10px DM Mono}.teacher-control h2{color:#205b8a;margin:6px 0;font:700 23px Mali}.teacher-control p{color:#6888a0;margin:0;font-size:13px}.teacher-control label{color:#467390;gap:7px;font-size:12px;font-weight:700;display:grid}.teacher-control select{color:#1e608e;background:#fff;border:1px solid #bfdaef;border-radius:9px;padding:10px;font:600 13px Mali}.teacher-control .ghost{color:#2d6d9f;background:#fff}.portal-notice{color:#16735f;background:#eafaf5;border-radius:10px;padding:10px 12px;font-size:13px}.teacher-summary{grid-template-columns:repeat(3,1fr);gap:13px;margin:23px 0;display:grid}.teacher-summary article{background:#fff;border:1px solid #d7eaf6;border-radius:13px;padding:17px}.teacher-summary b{color:#1e78b9;font:700 30px Mali;display:block}.teacher-summary span{color:#66879f;font-size:12px}.student-table{background:#fff;border:1px solid #d8eaf7;border-radius:17px;padding:20px}.student-table h2{color:#215a89;margin:0 0 10px;font:700 23px Mali}.student-table article{color:#577995;border-top:1px solid #e8f1f7;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;padding:12px 0;font-size:13px;display:grid}.student-table article b{color:#245c8c}@media (width<=760px){.portal-landing{background-position:65%}.portal-landing:before{background:linear-gradient(90deg,#fff,#ffffffed 64%,#fff6)}.landing-copy{padding-top:85px}.portal-header nav button{display:none}.assessment-page,.assessment-result,.post-lock,.portal-dashboard,.teacher-portal{padding:55px 20px}.assessment-page-head{display:block}.assessment-page-head>b{margin-top:14px;display:inline-block}.assessment-nav{flex-direction:column-reverse}.assessment-nav .button{text-align:center;border:0}.assessment-result{gap:25px;display:grid}.dashboard-grid,.teacher-summary,.teacher-control{grid-template-columns:1fr}.student-table{padding:15px;overflow:auto}.student-table article{min-width:520px}.signed-home{padding:60px 20px}.landing-header{padding:18px 20px}}.portal-landing{background-color:#eaf9ff;background-image:url(/media/energy-landing-background.png);background-position:50%}.portal-landing:before{background:linear-gradient(90deg,#fffffffc 0%,#fffffff0 32%,#ffffffb8 52%,#ffffff47 73%,#ffffff10 100%)}.portal-landing .brand,.portal-header .brand{white-space:nowrap;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 4px 8px #2f8dd040);flex:none;width:48px;height:48px}.portal-header .brand-logo{width:42px;height:42px}@media (width<=760px){.portal-landing{background-position:60%}.portal-landing:before{background:linear-gradient(90deg,#fffffffc 0%,#fffffff0 60%,#ffffff92 100%)}.brand-logo{width:42px;height:42px}.portal-header .brand-logo{width:38px;height:38px}}.learning-options{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.learning-options .ghost{color:#286a9d;background:#fff}.attempt-history{background:#f7fbff;border:1px solid #d8eaf7;border-radius:18px;margin-top:28px;padding:20px}.attempt-history h2{color:#215a89;margin:0 0 10px;font:700 22px Mali}.attempt-history article{color:#557795;border-top:1px solid #e2edf5;justify-content:space-between;gap:14px;padding:12px 0;font-size:13px;display:flex}.attempt-history time{color:#7997ad}.student-table>button{text-align:left;color:#577995;cursor:pointer;background:0 0;border:0;border-top:1px solid #e8f1f7;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;width:100%;padding:12px 0;font:13px Mali;display:grid}.student-table>button:hover{background:#f1f9ff}.room-analytics{background:linear-gradient(135deg,#f7fdff,#fff 48%,#f1fbff);border:1px solid #cce7f5;border-radius:24px;margin:26px 0;padding:clamp(22px,4vw,34px);box-shadow:0 14px 34px #1d73a310}.room-analytics-heading{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.room-analytics-heading>div>span{color:#2387b0;letter-spacing:.11em;font:700 11px DM Mono}.room-analytics h2{color:#205d8b;margin:5px 0;font:700 28px Mali}.room-analytics-heading p{color:#66869c;margin:0;font:500 13px/1.6 Mali}.analytics-legend{color:#547995;flex-wrap:wrap;justify-content:flex-end;gap:10px;font:700 12px Mali;display:flex}.analytics-legend span{background:#fff;border:1px solid #d5eaf6;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;display:inline-flex}.analytics-legend i{border-radius:50%;width:10px;height:10px}.legend-pre,.pre-bar{background:#77b9e8}.legend-post,.post-bar{background:#20ad91}.room-metric-rings{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.room-metric-rings>article{background:#ffffffd9;border:1px solid #d6ebf7;border-radius:19px;justify-items:center;gap:10px;padding:18px 12px;display:grid}.room-metric-rings>article>p{color:#67869c;text-align:center;min-height:20px;margin:0;font:600 12px/1.45 Mali}.completion-metric .score-ring{background:conic-gradient(#20ad91 var(--score), #dceff1 0)}.room-score-chart{background:#fff;border:1px solid #d7eaf6;border-radius:19px;padding:21px}.chart-heading{justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:14px;display:flex}.chart-heading h3{color:#245d8d;margin:0;font:700 20px Mali}.chart-heading small{color:#7693a7;font:500 11px Mali}.score-bars{gap:11px;display:grid}.score-bars article{grid-template-columns:minmax(130px,.8fr) minmax(180px,1.5fr) minmax(112px,.6fr);align-items:center;gap:12px;display:grid}.score-bars article>b{color:#356b96;text-overflow:ellipsis;white-space:nowrap;font:700 12px Mali;overflow:hidden}.score-bars article>small{color:#60829b;white-space:nowrap;font:600 11px Mali}.score-bar-pair{gap:4px;min-width:0;display:grid}.score-bar-pair span{border-radius:999px;min-width:3px;height:8px;display:block;box-shadow:0 2px 5px #1b73a51a}.analytics-empty{color:#7795a8;margin:0;font:600 13px Mali}.student-modal{z-index:30;background:#0b274666;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.student-modal>section{background:#fff;border-radius:22px;width:min(560px,100%);max-height:85vh;padding:28px;position:relative;overflow:auto;box-shadow:0 24px 70px #03172c55}.student-modal h2{color:#205b8b;margin:9px 0;font:700 30px Mali}.student-modal>section>p{color:#60819b}.modal-close{color:#1d6ea9;cursor:pointer;background:#edf7ff;border:0;border-radius:99px;width:35px;height:35px;font:700 23px Mali;position:absolute;top:14px;right:17px}.modal-pies{justify-content:center;gap:25px;margin:24px 0;display:flex}.modal-pies>article{justify-items:center;gap:8px;display:grid}.modal-pies small,.modal-empty{color:#6e8da4;font:500 11px Mali}.student-growth-note{color:#287568;background:#effcf8;border:1px solid #c7eee4;border-radius:14px;gap:4px;margin:22px 0;padding:14px 16px;font:600 13px/1.55 Mali;display:grid}.student-growth-note b{color:#167d68}.modal-history{background:#fbfdff;border:1px solid #d9eaf6;border-radius:16px;margin-top:22px;padding:18px}.modal-history h3{margin:0 0 8px}.modal-attempt{color:#557995;grid-template-columns:1fr auto;align-items:center;gap:5px 13px;display:grid}.modal-attempt b{color:#2d6390}.modal-attempt time{color:#809aad;grid-column:1/-1;font-size:11px}.event-history{background:#fffdf8;border-color:#f1ddba}.event-history h3{color:#9a6c21}.student-modal h3{color:#255e8e;font:700 19px Mali}.modal-attempt{border-top:1px solid #e5eff6;padding:10px 0;font-size:13px}@media (width<=760px){.learning-options{display:grid}.learning-options .button{text-align:center}.attempt-history article{gap:4px;display:grid}.student-table>button{min-width:520px}.modal-pies{gap:10px}.room-analytics-heading,.chart-heading{display:grid}.analytics-legend{justify-content:flex-start}.room-metric-rings{grid-template-columns:1fr}.score-bars article{grid-template-columns:1fr;gap:5px}.score-bars article>small{white-space:normal}.room-score-chart{padding:16px}.student-modal>section{padding:22px}}.portal-header .learn-nav{color:#126ca9;background:#eaf7ff;border-color:#68b8e5;font-weight:700}.assessment-shell,.assessment-result-shell{background:#eaf7ff url(/media/assessment-background.png) 50%/cover no-repeat fixed;min-height:100vh;padding:28px 0 62px}.assessment-shell:before,.assessment-result-shell:before{content:"";pointer-events:none;z-index:0;background:#fff6;position:fixed;inset:0}.assessment-shell>*,.assessment-result-shell>*{z-index:1;position:relative}.assessment-page{background:#fffffff0;border:1px solid #fff;border-radius:32px;margin:26px auto;padding:clamp(34px,6vw,78px);box-shadow:0 24px 55px #15619d20}.exam-status{color:#25678f;background:#eaf7ff;border:1px solid #a6d7f2;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin:-10px 0 28px;padding:12px 16px;display:flex}.exam-status span{font:700 14px Mali}.exam-status small{color:#5e86a1;font:500 11px Mali}.assessment-result{background:#fffffff0;border:1px solid #fff;border-radius:32px;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:clamp(25px,6vw,72px);min-height:auto;margin:38px auto 0;padding:clamp(30px,5vw,62px);display:grid;box-shadow:0 24px 55px #15619d20}.result-score{background:linear-gradient(135deg,#e6f8ff,#f0fffb);border:1px solid #c7ebf7;border-radius:24px;align-content:center;justify-items:center;gap:15px;padding:25px;display:grid}.result-score>span{color:#2474a1;font:700 16px Mali}.result-copy{align-self:center}.result-copy h2{color:#175b90;margin:11px 0;font:700 clamp(32px,4vw,52px)/1.18 Mali}.result-copy>p{color:#557d98;max-width:560px;margin:0 0 25px;font-size:17px;line-height:1.8}.answer-review{background:#fffffff2;border:1px solid #fff;border-radius:28px;max-width:1180px;margin:30px auto;padding:clamp(28px,5vw,58px);box-shadow:0 16px 42px #15619d18}.answer-review h2{color:#1b6091;margin:8px 0;font:700 clamp(26px,3vw,38px) Mali}.answer-review>div>p{color:#5e829d;margin-bottom:25px}.answer-review article{background:#fbfdff;border:1px solid #d6e9f6;border-radius:18px;margin-top:15px;padding:20px}.answer-review article>b{letter-spacing:.06em;color:#2484b7;font:700 12px DM Mono}.answer-review h3{color:#245d89;margin:8px 0 14px;font:700 19px/1.6 Mali}.answer-review article>p{color:#5a7d95;margin:8px 0}.answer-review article>p span{color:#d06568;min-width:102px;font-weight:700;display:inline-block}.answer-review article>p:nth-of-type(2) span{color:#27876d}.answer-review aside{color:#337292;background:#eefaff;border-radius:12px;margin-top:14px;padding:13px 15px;line-height:1.7}.assessment-event,.event-clear{border-radius:11px!important;padding:11px 13px!important;font-size:12px!important}.assessment-event{color:#9b641f!important;background:#fff6e9!important}.event-clear{color:#287e5d!important;background:#edf9f3!important}@media (width<=760px){.assessment-shell,.assessment-result-shell{background-position:50%;background-attachment:scroll;padding:15px 0 35px}.assessment-page{border-radius:24px;margin:15px 14px;padding:28px 20px}.exam-status{gap:5px;margin-bottom:22px;display:grid}.assessment-result{border-radius:24px;grid-template-columns:1fr;margin:15px 14px 0;padding:28px 20px}.result-copy h2{font-size:35px}.result-copy .button{text-align:center;width:100%}.answer-review{border-radius:22px;margin:20px 14px;padding:26px 20px}.answer-review article>p span{margin-bottom:3px;display:block}}.student-group-select{color:#286889;gap:7px;max-width:520px;margin:18px 0;font:700 13px Mali;display:grid}.student-group-select select,.class-manager select,.class-manager input{color:#1f648f;background:#fffffff0;border:2px solid #b7dff3;border-radius:999px;outline:none;min-height:45px;padding:0 17px;font:700 14px Mali}.class-manager{background:#f9fdff;border:1px solid #cde7f6;border-radius:24px;margin:28px 0;padding:22px}.class-manager-head{gap:18px;display:grid}.class-manager-head>label{color:#2d6d91;gap:7px;font:700 13px Mali;display:grid}.class-manager-head form{flex-wrap:wrap;gap:10px;display:flex}.class-manager-head form input:first-child{flex:1;min-width:220px}.roster-manager{border-top:1px solid #d6ebf7;grid-template-columns:1.15fr .85fr;gap:22px;margin-top:22px;padding-top:20px;display:grid}.roster-manager h2{color:#245f8c;margin:0 0 5px;font:700 19px Mali}.roster-manager p{color:#6688a0;margin:0 0 12px;font-size:13px}.roster-list{flex-wrap:wrap;gap:8px;display:flex}.roster-list button{color:#39729a;cursor:pointer;background:#fff;border:1px solid #bddff1;border-radius:999px;padding:7px 11px;font:700 12px Mali}.roster-list button:hover{color:#c34e4e;border-color:#e27777}.roster-list small{opacity:.7;margin-left:5px}.roster-manager select[multiple]{border-radius:16px;width:100%;min-height:140px;margin:9px 0 12px;padding:10px;display:block}.roster-manager .button{font-size:13px}.teacher-control>div:last-child{flex-wrap:wrap;gap:12px;display:flex}.teacher-control>div:last-child .button{margin:0}@media (width<=760px){.class-manager{border-radius:18px;padding:17px}.class-manager-head form{display:grid}.class-manager-head form input:first-child{min-width:0}.class-manager-head form .button{text-align:center;width:100%}.roster-manager{grid-template-columns:1fr}.student-group-select select{width:100%}}.teacher-room-library{gap:27px;margin:30px 0 42px;display:grid}.create-room-card{background:linear-gradient(120deg,#fff,#effaff);border:1px solid #bfe1f3;border-radius:30px;gap:22px;padding:30px;display:grid;box-shadow:0 16px 40px #1c73a414}.room-card-heading{align-items:center;gap:17px;display:flex}.room-card-heading>div>span,.room-library-heading span,.room-monitor-head>div>span{color:#2187b2;letter-spacing:.12em;font:700 11px DM Mono}.room-card-heading h2,.room-library-heading h2,.room-monitor-head h2{color:#205d8b;margin:3px 0;font:700 27px Mali}.room-card-heading p,.room-monitor-head p{color:#66869c;margin:0;font:500 14px/1.55 Mali}.room-create-fields{grid-template-columns:minmax(230px,1.55fr) minmax(125px,.72fr) minmax(110px,.58fr) minmax(185px,1fr);gap:19px;display:grid}.room-create-fields label{color:#316f91;gap:8px;font:700 13px Mali;display:grid}.room-create-fields input{box-sizing:border-box;color:#205e8b;background:#fff;border:2px solid #bfe2f4;border-radius:17px;outline:0;width:100%;height:54px;padding:0 16px;font:700 15px Mali}.room-create-fields input:focus{border-color:#228bc8;box-shadow:0 0 0 4px #d5f2ff}.create-room-button{justify-self:end;margin:0;padding-inline:28px}.room-library-heading{justify-content:space-between;align-items:end;gap:18px;display:flex}.room-library-heading h2{font-size:25px}.room-library-heading>b,.room-monitor-head>b{color:#2176aa;white-space:nowrap;background:#e7f7ff;border-radius:999px;padding:9px 15px;font:700 14px Mali}.room-card-grid{grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:19px;display:grid}.room-control-card,.empty-room-card{box-sizing:border-box;text-align:left;background:linear-gradient(145deg,#fff,#f1fbff);border:1px solid #c9e6f5;border-radius:26px;min-height:250px;padding:24px}.room-control-card{color:#235d8b;cursor:pointer;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.room-control-card:hover,.room-control-card:focus-visible{border-color:#319ed0;outline:none;transform:translateY(-4px);box-shadow:0 16px 30px #1e77ab22}.room-card-top{color:#3980a6;justify-content:space-between;gap:8px;font:700 12px Mali;display:flex}.room-card-top b{color:#168369}.room-control-card h3{color:#195a8d;margin:23px 0 5px;font:700 26px/1.25 Mali}.room-control-card p{color:#547b97;margin:0;font:700 15px Mali}.room-control-card small{color:#7895aa;margin-top:8px;font:600 13px Mali}.room-control-card footer{color:#167bc0;border-top:1px solid #d8edf8;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;font:700 15px Mali;display:flex}.room-control-card footer strong{font-size:22px}.empty-room-card{color:#66869c;font:600 15px/1.6 Mali}.room-monitor-head{background:linear-gradient(115deg,#eaf9ff,#fff);border:1px solid #c2e4f4;border-radius:27px;grid-template-columns:auto 1fr auto;align-items:center;gap:23px;margin:30px 0 19px;padding:25px 28px;display:grid}.room-back{color:#2776a7;cursor:pointer;background:#fff;border:2px solid #9fd4ef;border-radius:999px;padding:11px 15px;font:700 13px Mali}.room-back:hover{background:#eefaff}.room-roster-step{margin-top:0}@media (width<=900px){.room-create-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.create-room-card{border-radius:22px;padding:20px}.room-card-heading{align-items:flex-start}.room-card-heading h2,.room-library-heading h2,.room-monitor-head h2{font-size:22px}.room-create-fields{grid-template-columns:1fr;gap:15px}.create-room-button{justify-self:stretch;width:100%}.room-library-heading,.room-monitor-head{flex-direction:column;align-items:flex-start}.room-monitor-head{gap:15px;padding:20px;display:flex}.room-card-grid{grid-template-columns:1fr}}.class-workflow{gap:16px;margin:32px 0;display:grid}.workflow-step{background:linear-gradient(110deg,#ffffffed,#f0fbffed);border:1px solid #c8e5f5;border-radius:26px;grid-template-columns:62px minmax(210px,.65fr) minmax(0,1.35fr);align-items:center;gap:18px;padding:25px 28px;display:grid;position:relative;box-shadow:0 14px 35px #1f6c9f0b}.workflow-step:before{content:"";border-left:2px dashed #9dd4ee;height:16px;position:absolute;top:100%;left:57px}.workflow-step:last-child:before{display:none}.step-number{color:#fff;background:linear-gradient(135deg,#1c98d4,#2171c8);border-radius:50%;place-items:center;width:52px;height:52px;font:700 25px Mali;display:grid;box-shadow:0 8px 18px #1b82c433}.step-copy span{letter-spacing:.12em;color:#2f99bf;font:700 11px DM Mono}.step-copy h2{color:#205d8b;margin:3px 0 5px;font:700 23px Mali}.step-copy p{color:#64849b;margin:0;font:500 13px/1.65 Mali}.create-class-form{grid-template-columns:minmax(200px,1.5fr) minmax(105px,.7fr) minmax(85px,.5fr) auto;align-items:end;gap:10px;display:grid}.create-class-form label{color:#4b7895;gap:6px;font:700 12px Mali;display:grid}.create-class-form input,.class-picker select,.student-search{color:#215e8c;background:#fff;border:2px solid #bfe2f4;border-radius:15px;outline:0;height:48px;padding:0 14px;font:700 14px Mali}.create-class-form input:focus,.class-picker select:focus,.student-search:focus{border-color:#2687c5;box-shadow:0 0 0 4px #c9efff}.create-class-form .button{white-space:nowrap;height:48px}.class-picker{color:#336f91;gap:7px;font:700 12px Mali;display:grid}.class-picker select{border-radius:999px;min-width:290px}.roster-step{grid-template-columns:62px minmax(230px,.5fr) minmax(0,1.5fr);align-items:start}.roster-workspace{grid-template-columns:.8fr 1.2fr;gap:16px;display:grid}.current-roster,.student-picker{background:#fff;border:1px solid #d1eaf6;border-radius:18px;padding:17px}.current-roster h3,.student-picker h3{color:#235f8b;margin:0;font:700 18px Mali}.current-roster h3 b{color:#1682bc;background:#e1f4ff;border-radius:50%;place-items:center;min-width:28px;height:28px;margin-left:7px;font-size:13px;display:inline-grid}.member-chips{flex-wrap:wrap;gap:8px;margin-top:13px;display:flex}.member-chips button{color:#376f93;cursor:pointer;background:#f6fbff;border:1px solid #d0e7f4;border-radius:999px;align-items:center;gap:7px;padding:6px 8px 6px 6px;font:700 12px Mali;display:flex}.member-chips button:hover{background:#fff5f5;border-color:#ea8d8d}.member-chips button span{color:#247cac;background:#cfeeff;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.member-chips button i{color:#a2bed0;font-size:18px;font-style:normal}.empty-roster,.empty-candidates{color:#66869c;background:#f2faff;border-radius:12px;margin:13px 0 0;padding:14px;font:500 13px/1.6 Mali}.picker-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.picker-head span{color:#168264;background:#e8f9f3;border-radius:99px;padding:5px 9px;font:700 11px Mali}.quick-pick-actions{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.quick-pick-actions button{color:#2a719b;cursor:pointer;background:#f8fdff;border:1px solid #b9dff1;border-radius:999px;padding:8px 11px;font:700 12px Mali}.quick-pick-actions button:hover:not(:disabled){background:#eaf8ff;border-color:#2696cb}.quick-pick-actions .clear-picks{color:#b06565;border-color:#edc3c3}.quick-pick-actions button:disabled{cursor:not-allowed;opacity:.5}.student-search{border-radius:12px;width:100%;height:43px}.candidate-list{gap:7px;max-height:260px;margin:10px 0;display:grid;overflow:auto}.candidate{text-align:left;color:#386e91;cursor:pointer;background:#fff;border:1px solid #d9ebf5;border-radius:12px;grid-template-columns:27px 1fr auto;align-items:center;gap:8px;width:100%;padding:9px;font:600 13px Mali;display:grid}.candidate:hover{background:#f3fbff;border-color:#68b9df}.candidate.checked{background:#ecfbf5;border-color:#27a97d}.candidate>span{color:#fff;border:1px solid #b7d8ea;border-radius:7px;place-items:center;width:22px;height:22px;display:grid}.candidate.checked>span{background:#1da77a;border-color:#1da77a}.candidate small{color:#7896aa;font-size:11px}.add-students{text-align:center;width:100%}.add-students:disabled{opacity:.55;cursor:not-allowed}@media (width<=960px){.workflow-step,.roster-step{grid-template-columns:52px 1fr}.workflow-step:before{left:52px}.create-class-form,.roster-workspace{grid-column:2;grid-template-columns:1fr 1fr}.class-picker{grid-column:2}.roster-workspace{grid-template-columns:1fr}.roster-step .roster-workspace{grid-column:2}}@media (width<=620px){.workflow-step,.roster-step{grid-template-columns:42px 1fr;padding:18px}.workflow-step:before{left:42px}.step-number{width:37px;height:37px;font-size:18px}.step-copy h2{font-size:20px}.create-class-form,.roster-workspace{grid-column:1/3;grid-template-columns:1fr}.class-picker{grid-column:1/3}.create-class-form .button{text-align:center;width:100%}.class-picker select{width:100%;min-width:0}.roster-step .roster-workspace{grid-column:1/3}}.posttest-notice{color:#146a59;background:#ebfbf6;border:1px solid #9bdccf;border-left:6px solid #19a984;border-radius:16px;align-items:center;gap:12px;margin:16px 0 28px;padding:16px 20px;font:600 14px/1.5 Mali,sans-serif;display:flex;box-shadow:0 10px 22px #138b7012}.posttest-notice strong{white-space:nowrap;font:700 15px Mali,sans-serif}.posttest-notice.error{color:#9e3c3c;background:#fff4f4;border-color:#efb3b3 #efb3b3 #efb3b3 #de5656}.pretest-control{background:linear-gradient(118deg,#effbff,#fff 58%,#f2f7ff);border-color:#9fdbf3}.pretest-control h2{color:#126c9f}.pretest-control .pretest-mode-button{background:linear-gradient(135deg,#107fc8,#426de1);box-shadow:0 10px 22px #277fc13d}.pretest-mode-badge{color:#1875a9;white-space:nowrap;background:#fff;border:1px solid #b9e1f6;border-radius:999px;align-items:center;gap:9px;min-height:48px;padding:0 15px;font:700 13px Mali,sans-serif;display:inline-flex}.pretest-mode-badge>span{background:#e3f6ff;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}@media (width<=1050px){.pretest-mode-badge{justify-self:start}}@media (width<=760px){.pretest-mode-badge{justify-content:center;width:100%}}.room-analytics{border-radius:30px;margin:32px 0;padding:clamp(30px,4vw,48px)}.room-analytics h2{font-size:clamp(28px,3vw,38px)}.room-metric-rings{gap:24px;margin:32px 0}.room-metric-rings>article{border-radius:24px;min-height:260px;padding:28px 18px}.room-metric-rings .score-ring{width:166px;height:166px}.room-metric-rings .score-ring>div{width:128px;height:128px}.room-metric-rings .score-ring b{font-size:32px}.room-metric-rings>article>p{font-size:14px}.room-score-chart{border-radius:24px;padding:30px}.chart-heading h3{font-size:26px}.chart-heading small{font-size:13px}.score-bars{gap:16px}.score-bars article{grid-template-columns:minmax(210px,.85fr) minmax(330px,1.65fr) minmax(130px,.55fr);gap:18px}.score-bars article>b{font-size:14px}.score-bar-pair{gap:9px}.score-bar-pair .score-track{min-width:0;height:14px;box-shadow:none;background:#ecf4fa;border-radius:999px;display:block;position:relative;overflow:hidden}.score-bar-pair .score-track i{border-radius:inherit;min-width:0;height:100%;transition:width .3s;display:block}.score-bar-pair .score-track em{color:#7d9db1;place-items:center;font-size:10px;font-style:normal;display:grid;position:absolute;inset:0}.room-card-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));align-items:stretch;gap:24px}.room-control-card{background:linear-gradient(145deg,#fff 0%,#f1fbff 55%,#e5f7ff);border:2px solid #c9e6f5;min-height:292px;padding:28px;position:relative;overflow:hidden;box-shadow:0 14px 30px #1e77ab12}.room-control-card:before{content:"";background:#caefff80;border-radius:50%;width:155px;height:155px;position:absolute;top:-52px;right:-40px;box-shadow:-32px 104px #dff7ff96}.room-control-card>*{z-index:1;position:relative}.room-card-top span{background:#eaf8ff;border-radius:999px;padding:8px 12px}.room-card-top b{color:#168369;background:#e7faf4;border-radius:999px;padding:8px 11px}.room-control-card h3{margin:34px 0 11px;font-size:clamp(24px,2.2vw,30px)}.room-control-card p{background:#ffffffb8;border-radius:12px;align-items:center;width:max-content;max-width:100%;padding:8px 12px;display:inline-flex}.room-control-card small{margin-top:12px;display:block}.room-control-card footer{color:#167bc0;background:#eaf7ff;border:1px solid #bbe2f5;border-radius:15px;margin-top:auto;padding:14px 16px}.room-control-card h3{white-space:normal;overflow-wrap:normal;word-break:normal;line-break:auto;min-width:0;max-width:100%}.student-detail-trigger{color:#356b96;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:7px 9px;font:700 14px Mali,sans-serif;display:grid}.student-detail-trigger:hover{box-shadow:none;background:#f0faff;border-color:#b9e1f5;transform:translate(2px)}.student-detail-trigger b{color:#356b96;text-overflow:ellipsis;min-width:0;overflow:hidden}.student-detail-trigger span{color:#167dc0;white-space:nowrap;font:700 11px Mali,sans-serif}.student-report-meta{flex-wrap:wrap;gap:8px;margin:14px 0 4px;display:flex}.student-report-meta span{color:#507691;overflow-wrap:anywhere;background:#f7fcff;border:1px solid #d6eaf6;border-radius:999px;max-width:100%;padding:7px 10px;font:600 11px Mali,sans-serif}@media (width<=760px){.posttest-notice{flex-direction:column;align-items:flex-start;margin-bottom:20px}.room-metric-rings>article{min-height:220px}.room-metric-rings .score-ring{width:144px;height:144px}.room-metric-rings .score-ring>div{width:110px;height:110px}.room-score-chart{padding:20px}.score-bars article{grid-template-columns:1fr;gap:7px}.score-bars article>small{white-space:normal}.student-detail-trigger{width:100%}.room-control-card{min-height:250px;padding:22px}}button,.button,.landing-login,.landing-register,.nav-links a,.student-table>button{transition:transform .18s,box-shadow .18s,border-color .18s,background .18s,color .18s}button:not(:disabled),.button,.landing-login,.landing-register{cursor:pointer}button:not(:disabled):hover,.button:hover,.landing-login:hover,.landing-register:hover{transform:translateY(-2px);box-shadow:0 10px 20px #1f6eae2b}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #74c9f3}.portal-header nav button{background:#fff;border:1px solid #c5e0f2;border-radius:999px;padding:8px 13px}.portal-header nav button:hover{background:#eaf7ff;border-color:#5ba9d9}.teacher-filters{background:#fff;border:1px solid #d4e8f6;border-radius:22px;flex-wrap:wrap;align-items:end;gap:15px;margin:28px 0 16px;padding:18px 20px;display:flex;box-shadow:0 10px 25px #4381b00d}.teacher-filters label{color:#5a7f9d;gap:7px;font-size:12px;font-weight:700;display:grid}.teacher-filters select,.teacher-control select{appearance:none;color:#1c6397;background:#fafeff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 7 5 5 5-5' fill='none' stroke='%232474a9' stroke-width='2'/%3E%3C/svg%3E") right 14px center/16px no-repeat;border:2px solid #cce5f5;border-radius:999px;min-width:210px;padding:11px 40px 11px 17px;font:700 14px Mali}.teacher-filters select:hover,.teacher-control select:hover{background-color:#f0faff;border-color:#55a9db}.teacher-filters>span{color:#1779b7;background:#e6f7ff;border-radius:999px;padding:11px 16px;font:700 13px Mali}.teacher-control{box-shadow:0 12px 26px #4381b012}.teacher-control .button{border:2px solid #0000}.teacher-control .ghost{border-color:#9ec9e7}.student-table h2 small{color:#7594a9;margin-left:8px;font:500 12px Mali}.student-table>button{border-radius:9px;padding:13px 10px}.student-table>button:hover{box-shadow:none;transform:translate(3px)}.choice{border:2px solid #dbeaf5!important}.choice:hover{background:#eff9ff!important;border-color:#5daddb!important}.choice.selected{box-shadow:0 6px 15px #2681c322;border-color:#1d82c9!important}.button:disabled{opacity:.5;cursor:not-allowed}@media (width<=760px){.teacher-filters{align-items:stretch}.teacher-filters label,.teacher-filters select{width:100%}.teacher-filters select{min-width:0}.portal-header nav{gap:7px}.portal-header nav button{padding:7px 9px;font-size:11px}}.teacher-control{grid-template-columns:minmax(260px,1fr) minmax(230px,max-content) max-content!important;gap:22px 28px!important}.teacher-control label{min-width:230px}.teacher-control>div:last-child{justify-content:flex-end;gap:14px!important}.teacher-control>div:last-child .button{text-align:center;min-width:122px}.assessment-nav,.learning-options,.landing-actions{gap:18px!important}.dashboard-grid,.teacher-summary{gap:20px!important}@media (width<=1050px){.teacher-control{grid-template-columns:1fr 1fr!important}.teacher-control>div:first-child{grid-column:1/-1}.teacher-control>div:last-child{justify-content:flex-start}}@media (width<=760px){.teacher-control{grid-template-columns:1fr!important;padding:22px!important}.teacher-control>div:first-child{grid-column:auto}.teacher-control label,.teacher-control select{width:100%;min-width:0}.teacher-control>div:last-child{grid-template-columns:1fr 1fr;display:grid}.teacher-control>div:last-child .button{min-width:0}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.size-1{width:calc(var(--spacing) * 1);height:calc(var(--spacing) * 1)}.h-40{height:calc(var(--spacing) * 40)}.h-84{height:calc(var(--spacing) * 84)}.h-120{height:calc(var(--spacing) * 120)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.italic\!{font-style:italic!important}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#0c2141;background:#f5f8fc;margin:0;font-family:IBM Plex Sans Thai Looped,Space Grotesk,sans-serif}.site-header{color:#fff;z-index:10;background:#071b39;justify-content:space-between;align-items:center;height:76px;padding:0 max(5vw,30px);display:flex;position:sticky;top:0}.brand{color:#fff;letter-spacing:.08em;align-items:center;gap:10px;font:600 18px Space Grotesk,sans-serif;text-decoration:none;display:flex}.brand-mark{color:#061733;background:linear-gradient(135deg,#37e1d2,#2f68ff);border-radius:10px;place-items:center;width:32px;height:32px;font:700 19px Space Grotesk;display:grid}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:#b9c9e1;font-size:14px;text-decoration:none}.nav-cta{background:#27d4cb;border-radius:999px;padding:10px 16px;font-weight:700;color:#052241!important}.menu-button{display:none}.hero{color:#fff;background:radial-gradient(circle at 68% 46%,#1f5690 0,#0e2a54 26%,#071b39 66%);grid-template-columns:minmax(0,1fr) minmax(420px,.8fr);align-items:center;min-height:610px;padding:94px max(5vw,30px) 74px;display:grid;position:relative;overflow:hidden}.hero-grid{background-image:linear-gradient(#b8eafa12 1px,#0000 1px),linear-gradient(90deg,#b8eafa12 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 70%);mask-image:linear-gradient(90deg,#000,#0000 70%)}.hero-copy,.hero-art{position:relative}.eyebrow{letter-spacing:.12em;color:#8cf2e9;align-items:center;gap:9px;font:500 12px DM Mono,monospace;display:flex}.eyebrow span{background:currentColor;width:28px;height:1px;display:inline-block}.hero h1{letter-spacing:-.06em;margin:18px 0 24px;font:700 clamp(43px,5vw,76px)/.98 Space Grotesk,IBM Plex Sans Thai Looped}.hero-lead{color:#cad8ec;max-width:520px;font-size:18px;line-height:1.75}.hero-actions{gap:13px;margin:32px 0;display:flex}.button{border-radius:12px;padding:13px 20px;font-size:15px;font-weight:700;text-decoration:none}.primary{color:#062449;background:#34ded2}.primary b{margin-left:9px;font-size:20px}.ghost{color:#fff;border:1px solid #7390b7}.hero-meta{color:#b0c5df;flex-wrap:wrap;align-items:center;gap:11px;font-size:13px;display:flex}.hero-meta i,.asset-strip i{background:#4adecf;border-radius:99px;width:4px;height:4px}.hero-art{height:430px}.nucleus{background:radial-gradient(circle at 45% 38%,#aff,#44cac9 38%,#1c559b 71%);border-radius:50%;width:175px;height:175px;position:absolute;top:105px;left:50%;translate:-50%;box-shadow:0 0 42px #40e4e477,0 0 120px #587dff55}.nucleus span{background:radial-gradient(circle at 32% 28%,#fff,#9e80ff 34%,#4837a3 80%);border-radius:50%;width:38px;height:38px;position:absolute;box-shadow:0 2px 4px #0a1d47}.nucleus span:first-child{top:13px;left:67px}.nucleus span:nth-child(2){top:59px;left:21px}.nucleus span:nth-child(3){top:61px;left:112px}.nucleus span:nth-child(4){top:107px;left:51px}.nucleus span:nth-child(5){top:105px;left:102px}.nucleus span:nth-child(6){top:48px;left:67px}.nucleus span:nth-child(7){top:85px;left:67px}.orbit{border:2px solid #63e7e177;border-radius:50%;width:370px;height:145px;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-27deg;box-shadow:0 0 16px #3eddd979}.orbit-two{border-color:#9e89ff8d;width:325px;rotate:33deg}.energy-label{letter-spacing:.18em;color:#bce7ff;text-align:center;font:11px DM Mono;position:absolute;top:34px;left:50%;translate:-50%}.energy-label b{color:#fff;font-size:16px}.floating-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #a5d3ff44;border-radius:15px;gap:2px;padding:13px 18px;display:grid;position:absolute;box-shadow:0 12px 28px #01143450}.floating-card small{color:#72e8e1;letter-spacing:.12em;font:10px DM Mono}.floating-card b{font:600 21px Space Grotesk}.floating-card em{color:#c9d8ff;font:11px DM Mono}.fusion{top:136px;left:3%}.solar{bottom:80px;right:2%}.progress-section{background:#fff;border-radius:0 0 24px 24px;justify-content:space-between;align-items:center;gap:50px;max-width:1200px;margin:-1px auto 0;padding:42px 42px 36px;display:flex;box-shadow:0 14px 32px #31578a14}.dark{color:#147f9e}.progress-section h2{margin:7px 0 0;font-size:25px}.progress-panel{background:#eef9f9;border:1px solid #d3eeee;border-radius:16px;width:min(420px,100%);padding:14px 18px}.progress-head{justify-content:space-between;align-items:center;font-size:13px;display:flex}.progress-head b{color:#0d837f;font:24px Space Grotesk}.progress-head small{color:#628089;font-size:12px}.progress-track{background:#dce9ea;border-radius:99px;height:8px;margin:8px 0}.progress-track i{border-radius:inherit;background:#24cfc5;width:2%;height:100%;display:block}.progress-panel p{color:#66808a;margin:0;font-size:12px}.map-section{max-width:1200px;margin:0 auto;padding:110px 28px 90px}.section-intro{max-width:590px}.section-intro h2,.world-copy h2{letter-spacing:-.06em;margin:13px 0 18px;font:600 clamp(38px,4vw,56px)/1 Space Grotesk,IBM Plex Sans Thai Looped}.section-intro h2 em{color:#148da8;font-style:normal}.section-intro>p{color:#59718d;font-size:17px;line-height:1.7}.mission-map{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:46px;display:grid}.mission-card{background:#fff;border:1px solid #dce6f1;border-radius:18px;min-height:236px;padding:18px;position:relative;overflow:visible;box-shadow:0 8px 18px #2345690b}.mission-card.nuclear{background:linear-gradient(160deg,#eff8ff,#f7f5ff);border-color:#d9defb}.mission-card.renewable{background:linear-gradient(160deg,#effffb,#f7fff9);border-color:#cef0df}.mission-card.locked{opacity:.72}.mission-top{justify-content:space-between;display:flex}.mission-number{color:#2d91a8;font:500 12px DM Mono}.mission-state{color:#087c78;background:#e1f7f4;border-radius:99px;padding:4px 8px;font-size:11px}.locked .mission-state{color:#75889e;background:#edf1f6}.mission-card>p:not(.mission-description){letter-spacing:.1em;color:#6d8195;margin:19px 0 5px;font:10px DM Mono}.mission-card h3{margin:0;font:600 22px/1.1 Space Grotesk}.mission-line{background:#cfdfed;height:1px;margin:15px 0 9px}.mission-note{color:#118d9a;font:500 11px DM Mono}.mission-description{color:#647a90;margin:11px 0 0;font-size:13px;line-height:1.55}.route{z-index:2;color:#fff;background:#11335d;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:50%;right:-15px}.world-section{background:#e9f7f7;grid-template-columns:.8fr 1.2fr;align-items:center;gap:65px;padding:95px max(5vw,30px);display:grid}.world-copy p:not(.eyebrow){color:#56718a;max-width:440px;font-size:16px;line-height:1.8}.world-cards{grid-template-columns:1fr 1fr;gap:18px;display:grid}.world-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 25px #1e52731a}.world-card img{object-fit:cover;object-position:center;width:100%;height:170px;display:block}.world-card>div{padding:18px}.world-card span{letter-spacing:.12em;color:#2787a2;font:10px DM Mono}.world-card h3{margin:8px 0 3px;font:600 23px Space Grotesk}.world-card p{color:#6a8296;margin:0 0 15px;font-size:13px}.world-card button{color:#0b7298;cursor:pointer;background:0 0;border:0;padding:0;font:600 13px IBM Plex Sans Thai Looped}.world-card button b{margin-left:5px;font-size:18px}.asset-strip{color:#c1d5ed;background:#08244a;flex-wrap:wrap;justify-content:center;align-items:center;gap:17px;padding:24px max(5vw,30px);font-size:13px;display:flex}.asset-strip p{letter-spacing:.14em;color:#67e0d6;margin:0 12px 0 0;font:500 11px DM Mono}footer{color:#c1d5ed;background:#061631;align-items:center;gap:12px;padding:34px max(5vw,30px);font-size:13px;display:flex}footer p{margin:0}footer small{color:#6f89a9;margin-left:auto}@media (width<=900px){.hero{grid-template-columns:1fr;padding-top:70px}.hero-art{transform-origin:50%;height:300px;transform:scale(.8)}.mission-map{grid-template-columns:repeat(2,1fr)}.route{display:none}.world-section{grid-template-columns:1fr;gap:30px}.progress-section{border-radius:0 0 22px 22px;gap:20px;margin:0 20px;display:grid}}@media (width<=620px){.site-header{height:64px;padding:0 20px}.menu-button{color:#fff;background:0 0;border:1px solid #6d86a9;border-radius:8px;padding:6px 10px;font:600 12px IBM Plex Sans Thai Looped;display:block}.nav-links{display:none}.nav-links.open{background:#071b39;flex-direction:column;align-items:stretch;gap:18px;padding:18px 20px 22px;display:flex;position:absolute;top:64px;left:0;right:0}.nav-cta{text-align:center}.hero{min-height:650px;padding:62px 24px 36px}.hero h1{font-size:47px}.hero-lead{font-size:16px}.hero-art{height:245px;margin:-28px -100px 0;transform:scale(.58)}.hero-meta{font-size:11px}.hero-actions{margin:25px 0}.progress-section{padding:28px 20px}.progress-section h2{font-size:22px}.map-section{padding:73px 20px}.mission-map{grid-template-columns:1fr;gap:13px;margin-top:30px}.mission-card{min-height:210px}.world-section{padding:65px 20px}.world-cards{grid-template-columns:1fr}.world-card img{height:155px}.asset-strip{justify-content:flex-start;padding:22px 20px}footer{flex-wrap:wrap;padding:28px 20px}footer small{width:100%;margin-left:44px}}body,.button,.world-card button{font-family:Mali,sans-serif}body{color:#153d6a;background:#f7fbff}.site-header{color:#153d6a;background:#fff;box-shadow:0 2px 18px #31679812}.brand{color:#153d6a;font-family:Mali}.brand b{color:#1879ca}.brand-mark{color:#fff;background:linear-gradient(135deg,#74d7ed,#4b85ec);font-family:Mali}.nav-links a{color:#567695}.nav-links a:hover{color:#0b67ba}.nav-cta,.primary{background:#1978ca;box-shadow:0 8px 15px #2e83c637;color:#fff!important}.hero{color:#143b68;background:radial-gradient(circle at 68% 46%,#d7f5ff 0,#eefaff 30%,#fbfdff 70%)}.hero-grid{background-image:linear-gradient(#8fc5ea23 1px,#0000 1px),linear-gradient(90deg,#8fc5ea23 1px,#0000 1px)}.eyebrow{color:#168eab}.hero h1,.section-intro h2,.world-copy h2{color:#143b68;font-family:Mali}.hero h1 span{color:#1387be}.hero-lead,.hero-meta{color:#55789a}.ghost{color:#245d93;border-color:#8cb4d7}.nucleus{background:radial-gradient(circle at 45% 38%,#f7ffff,#65d6e0 38%,#3177c3 71%);box-shadow:0 0 42px #40bde477,0 0 120px #74b5ff55}.nucleus span{background:radial-gradient(circle at 32% 28%,#fff,#a5d8ff 34%,#3475bf 80%);box-shadow:0 2px 4px #72b0e0}.orbit{border-color:#299fca77;box-shadow:0 0 16px #64d8e279}.orbit-two{border-color:#558fe88d}.energy-label{color:#3174ae}.energy-label b{color:#155b9d}.floating-card{background:#ffffffc9;border-color:#a5d3ff;box-shadow:0 12px 28px #4085bf25}.floating-card small{color:#198cab}.floating-card b{color:#1e5591;font-family:Mali}.floating-card em{color:#6083a5}.progress-panel{background:#eef8ff;border-color:#d1e9fa}.progress-head b{color:#1671bd;font-family:Mali}.progress-track i{background:#278bd3}.mission-card h3,.world-card h3{font-family:Mali}.route{background:#2474bd}.world-section{background:#edf9ff}.asset-strip{color:#44708f;background:#e4f3ff}.asset-strip p{color:#1678bd}footer{color:#3d6888;background:#f0f8ff}footer small{color:#6e91aa}.menu-button{color:#1f6098;border-color:#8db7d9}.assessment-section{background:linear-gradient(115deg,#e8f7ff,#faffff);grid-template-columns:minmax(0,.7fr) minmax(420px,1fr);align-items:center;gap:65px;padding:95px max(5vw,30px);display:grid}.assessment-copy{max-width:490px}.assessment-copy h2{color:#164475;margin:13px 0 19px;font:700 clamp(38px,4.4vw,58px)/1.1 Mali}.assessment-copy h2 em{color:#1688bd;font-style:normal}.assessment-copy>p:not(.eyebrow){color:#5c7e9d;font-size:17px;line-height:1.8}.assessment-rules{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.assessment-rules span{color:#39719a;background:#fff;border:1px solid #d3e8f7;border-radius:999px;padding:8px 11px;font-size:12px}.quiz-card{background:#fff;border:1px solid #d8edf9;border-radius:22px;padding:27px;box-shadow:0 15px 35px #3b84b626}.quiz-top{letter-spacing:.1em;color:#2d8bac;justify-content:space-between;font:500 11px DM Mono;display:flex}.quiz-top b{color:#195b97;font:700 18px Mali}.quiz-top small{color:#8ba7bb;font-size:12px}.quiz-track{background:#e6f1f8;border-radius:999px;height:7px;margin:12px 0 25px}.quiz-track i{border-radius:inherit;background:linear-gradient(90deg,#48cbd9,#287acf);height:100%;display:block}.quiz-topic{letter-spacing:.08em;color:#6793ad;font:500 11px DM Mono}.quiz-card h3{color:#1a4775;margin:8px 0 19px;font:700 22px/1.5 Mali}.choice-list{gap:9px;display:grid}.choice{text-align:left;color:#3f6381;cursor:pointer;background:#fbfdff;border:1px solid #dbeaf5;border-radius:12px;padding:12px 14px;font:600 14px Mali}.choice:hover,.choice.selected{color:#155b99;background:#edf8ff;border-color:#3489cf}.choice span{color:#3170a7;background:#dceefa;border-radius:8px;place-items:center;width:25px;height:25px;margin-right:10px;display:inline-grid}.choice.selected span{color:#fff;background:#2c84cb}.feedback{color:#8d672a;background:#fff5e7;border-left:3px solid #e4a23c;border-radius:4px;margin-top:15px;padding:10px 12px;font-size:13px;line-height:1.6}.feedback.success{color:#177661;background:#edfcf7;border-left-color:#1eae93}.quiz-actions{color:#7392a9;border-top:1px solid #e5f0f6;justify-content:space-between;align-items:center;gap:15px;margin-top:19px;padding-top:17px;font-size:12px;display:flex}.quiz-complete{text-align:center;background:#fff;border-radius:22px;padding:42px;box-shadow:0 15px 35px #3b84b626}.quiz-complete>span{color:#128c75;background:#dff7f2;border-radius:50%;place-items:center;width:58px;height:58px;margin:auto;font-size:30px;display:grid}.quiz-complete p{color:#4c91ae;letter-spacing:.1em;font:500 11px DM Mono}.quiz-complete h3{color:#1665aa;margin:4px;font:700 48px Mali}.quiz-complete b{color:#46728e;font-size:14px;display:block}.quiz-complete a{color:#176fc0;margin-top:20px;font-weight:700;text-decoration:none;display:inline-block}@media (width<=900px){.assessment-section{grid-template-columns:1fr;gap:28px}}@media (width<=620px){.nav-links.open{background:#fff;box-shadow:0 12px 20px #31679818}.assessment-section{padding:65px 20px}.quiz-card{padding:20px}.quiz-card h3{font-size:19px}.quiz-actions{flex-direction:column;align-items:flex-start}.menu-button{color:#1f6098;font-family:Mali}.assessment-copy h2{font-size:42px}}.set-tabs,.studio-switch{gap:8px;margin-top:22px;display:flex}.set-tabs button,.studio-switch button{color:#56809e;cursor:pointer;background:#fff;border:1px solid #cfe3f2;border-radius:10px;padding:9px 12px;font:600 12px Mali}.set-tabs .active,.studio-switch .active{color:#fff;background:#1b7ac8;border-color:#1b7ac8}.studio-switch{margin-top:10px}.studio-switch button{background:0 0;border:0;border-radius:0;margin-right:14px;padding:5px 2px}.studio-switch .active{color:#1268b6;background:0 0;border-bottom:2px solid #1268b6}.question-manager{background:#fff;border:1px solid #d8edf9;border-radius:22px;max-height:610px;padding:23px;position:relative;overflow:auto;box-shadow:0 15px 35px #3b84b626}.manager-top{justify-content:space-between;align-items:start;gap:12px;display:flex}.manager-top p{letter-spacing:.11em;color:#2e95b5;margin:0;font:500 10px DM Mono}.manager-top h3{color:#1d5081;margin:5px 0;font:700 18px Mali}.manager-top a{color:#166fc0;white-space:nowrap;background:#eaf6ff;border-radius:9px;padding:8px;font-size:12px;font-weight:700;text-decoration:none}.csv-upload{color:#2375ae;text-align:center;cursor:pointer;background:#eff9ff;border:1px dashed #79b8df;border-radius:12px;margin:15px 0;padding:11px;font-size:13px;font-weight:700;display:block}.csv-upload input{display:none}.manager-notice{color:#167660;font-size:12px}.question-list{gap:7px;display:grid}.question-list article{border-bottom:1px solid #e9f1f6;grid-template-columns:25px 1fr auto auto;align-items:center;gap:7px;padding:8px 0;display:grid}.question-list span{color:#4a8eb8;font:600 11px DM Mono}.question-list p{color:#486c89;margin:0;font-size:12px;line-height:1.4}.question-list button,.editor-head button{color:#1d74b7;cursor:pointer;background:#eaf5ff;border:0;border-radius:7px;padding:5px 7px;font:600 11px Mali}.question-list .remove{color:#c06e6e;background:#fff0f0}.add-question{color:#2071ae;cursor:pointer;background:#f6fbff;border:1px dashed #64a9d5;border-radius:10px;width:100%;margin-top:14px;padding:9px;font:700 13px Mali}.editor{background:#f1f9ff;border:1px solid #cce7f8;border-radius:12px;margin-top:16px;padding:14px}.editor-head{justify-content:space-between;align-items:center;display:flex}.editor-head h3{color:#1c5b91;margin:0}.editor label{color:#4e7794;gap:5px;margin-top:9px;font-size:11px;display:grid}.editor input{color:#214e75;background:#fff;border:1px solid #cfe3f1;border-radius:7px;padding:7px;font:500 12px Mali}.editor-choices{grid-template-columns:1fr 1fr;gap:7px;display:grid}.editor-choices label{grid-template-columns:13px 1fr auto;align-items:center}.nuclear-world{background:#f8fbff;padding:104px max(5vw,30px)}.nuclear-intro{grid-template-columns:.85fr 1.15fr;align-items:center;gap:48px;max-width:1200px;margin:auto;display:grid}.nuclear-intro h2{color:#183e6d;margin:14px 0;font:700 clamp(39px,4.4vw,62px)/1.1 Mali}.nuclear-intro h2 em{color:#5274cd;font-style:normal}.nuclear-intro p:not(.eyebrow){color:#5a7999;font-size:17px;line-height:1.8}.nuclear-intro>img{border-radius:21px;width:100%;box-shadow:0 15px 32px #31569026}.nuclear-grid{grid-template-columns:1fr 1fr;gap:20px;max-width:1200px;margin:42px auto;display:grid}.concept-card{background:#fff;border:1px solid #daeaf7;border-radius:18px;padding:23px;box-shadow:0 8px 18px #2345690b}.concept-card>p:first-child{letter-spacing:.12em;color:#3d95bc;font:500 10px DM Mono}.concept-card h3,.reaction-section h3,.sorter h3,.mass-preview h3{color:#1d558c;margin:7px 0;font:700 25px Mali}.concept-card>p{color:#5d7e9d;font-size:14px;line-height:1.7}.concept-card video{background:#102d59;border-radius:12px;width:100%;margin-top:12px}.force-card{background:linear-gradient(135deg,#f1f6ff,#fff)}.force-diagram{justify-content:center;align-items:center;gap:27px;height:135px;display:flex;position:relative}.force-diagram span{color:#fff;background:#ef6969;border-radius:50%;place-items:center;width:48px;height:48px;font-size:28px;font-weight:700;display:grid}.force-diagram b{color:#6287da;font-size:33px}.force-diagram i{color:#5474bb;font-size:12px;font-style:normal;position:absolute;bottom:5px}.reaction-section{background:#eaf7ff;border-radius:20px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:30px;max-width:1200px;margin:0 auto;padding:28px;display:grid}.reaction-section>div>p:not(.eyebrow){color:#5e7e9d;line-height:1.8}.reaction-videos{grid-template-columns:1fr 1fr;gap:12px;display:grid}.reaction-videos video{background:#11325f;border-radius:13px;width:100%}.sorter{background:#fff;border:1px solid #d5eaf7;border-radius:20px;max-width:1200px;margin:42px auto;padding:28px}.sorter-head{justify-content:space-between;align-items:start;gap:20px;display:flex}.sorter-head>b{color:#1976c1;background:#edf8ff;border-radius:12px;padding:10px 14px;font:700 25px Mali}.sorter-head>div>p:not(.eyebrow){color:#61809d;margin:0;font-size:14px}.sort-list{grid-template-columns:1fr 1fr;gap:10px;margin:22px 0;display:grid}.sort-list article{background:#f7fbff;border:1px solid #e0edf5;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:11px;display:flex}.sort-list p{color:#486c89;margin:0;font-size:13px}.sort-list button{color:#5d7d99;cursor:pointer;background:#fff;border:1px solid #c9ddec;border-radius:8px;padding:6px 8px;font:600 11px Mali}.sort-list .fission.selected{color:#fff;background:#536fc8;border-color:#536fc8}.sort-list .fusion.selected{color:#fff;background:#1da799;border-color:#1da799}.lab-feedback{color:#956e2a;background:#fff6e7;border-radius:8px;margin:12px 0 0;padding:10px;font-size:13px}.lab-feedback.success{color:#197964;background:#eafbf7}.mass-preview{background:#fff;border:1px solid #dbeaf5;border-radius:20px;grid-template-columns:1.2fr .8fr;align-items:center;gap:28px;max-width:1200px;margin:42px auto 0;display:grid;overflow:hidden}.mass-preview img{object-fit:cover;width:100%;height:100%}.mass-preview>div{padding:24px}.mass-preview p:not(.eyebrow){color:#5d7f9e;line-height:1.75}.mass-preview a{color:#1975bd;font-weight:700;text-decoration:none}@media (width<=900px){.nuclear-intro,.reaction-section{grid-template-columns:1fr}.nuclear-intro{gap:25px}}@media (width<=620px){.question-manager{padding:17px}.question-list article{grid-template-columns:20px 1fr auto}.question-list .remove{grid-column:3}.editor-choices,.nuclear-grid,.reaction-videos,.sort-list,.mass-preview{grid-template-columns:1fr}.nuclear-world{padding:65px 20px}.nuclear-intro h2{font-size:42px}.reaction-section,.sorter{padding:20px}.sort-list article{flex-direction:column;align-items:flex-start}.sorter-head{align-items:center}.mass-preview>div{padding:20px}}.mass-lab{background:linear-gradient(135deg,#e8f2ff,#fbfdff);padding:105px max(5vw,30px)}.mass-lab-hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:45px;max-width:1200px;margin:auto;display:grid}.mass-lab-hero h2{color:#153e73;margin:14px 0;font:700 clamp(40px,4.5vw,63px)/1.08 Mali}.mass-lab-hero h2 em{color:#4d72d0;font-style:normal}.mass-lab-hero>div>p:not(.eyebrow){color:#5b7896;font-size:17px;line-height:1.8}.formula-orbit{background:radial-gradient(circle,#fff 0,#edf5ff 72%);border:1px solid #c7dcff;border-radius:25px;align-content:center;place-items:center;gap:13px;min-height:265px;display:grid;box-shadow:inset 0 0 40px #8dbbff28}.formula-orbit>p{color:#6686a4!important;font-size:12px!important}.formula-orbit .katex-display{color:#265fa4;margin:0;font-size:1.45em}.formula-orbit i{color:#5a83ce;font-size:22px}.mass-concepts{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1200px;margin:42px auto;display:grid}.mass-concepts article{background:#fff;border:1px solid #d9e9f8;border-radius:17px;padding:20px;box-shadow:0 8px 18px #2345690a}.mass-concepts strong{color:#3378c1;font-size:25px}.mass-concepts h3{color:#245587;margin:10px 0 5px;font:700 19px Mali}.mass-concepts p{color:#62809d;margin:0;font-size:13px;line-height:1.65}.calculator-lab{color:#fff;background:#143e73;border-radius:23px;grid-template-columns:.85fr 1.15fr;align-items:center;gap:35px;max-width:1200px;margin:0 auto;padding:33px;display:grid;box-shadow:0 18px 35px #26538933}.calculator-copy h3{margin:9px 0;font:700 30px Mali}.calculator-copy>p:not(.eyebrow){color:#cee0f7;line-height:1.75}.example-button{color:#fff;cursor:pointer;background:#ffffff15;border:1px solid #78a9dc;border-radius:10px;padding:9px 12px;font:600 12px Mali}.calculator-panel{color:#1e507f;background:#fff;border-radius:17px;padding:20px}.calculator-panel label{gap:8px;font-size:13px;font-weight:700;display:grid}.calculator-panel label span{color:#7893ad;font-size:11px}.calculator-panel input{color:#215a8c;border:1px solid #bed6eb;border-radius:10px;outline-color:#3c92d1;padding:12px;font:700 21px Mali}.calculation-line{border-block:1px solid #e1edf5;flex-wrap:wrap;align-items:center;gap:13px;margin:19px 0 14px;padding:14px 0;display:flex}.calculation-line i{color:#7492aa;font-style:normal}.calculation-line b{color:#196cac;font:700 19px Mali}.calculation-line small{font-size:12px}.energy-equivalence{background:#ecf8ff;border-radius:11px;padding:11px}.energy-equivalence span,.energy-equivalence p{color:#6c8da6;margin:0;font-size:11px}.energy-equivalence b{color:#1f6bab;margin:3px 0;font:700 21px Mali;display:block}.guided-example{background:#fff;border:1px solid #d7e8f4;border-radius:21px;grid-template-columns:1.15fr .85fr;align-items:center;max-width:1200px;margin:42px auto 0;display:grid;overflow:hidden}.guided-example img{object-fit:cover;width:100%;height:100%}.guided-example>div{padding:27px}.guided-example h3{color:#20578e;margin:9px 0;font:700 25px Mali}.guided-example ol{color:#52748f;padding-left:20px;font-size:14px;line-height:2.1}.takeaway{color:#237a70;background:#eaf8f6;border-radius:9px;padding:10px;font-size:13px;line-height:1.6}@media (width<=900px){.mass-lab-hero,.calculator-lab,.guided-example{grid-template-columns:1fr}}@media (width<=620px){.mass-lab{padding:65px 20px}.mass-lab-hero h2{font-size:42px}.mass-concepts{grid-template-columns:1fr}.calculator-lab{padding:22px}.formula-orbit{min-height:220px}.guided-example>div{padding:20px}}.nuclear-interactive,.mass-interactive{background:#fff;border:1px solid #d7e8f4;border-radius:20px;max-width:1200px;margin:28px auto;padding:27px;box-shadow:0 10px 24px #2345690a}.nuclear-interactive h3,.mass-interactive h3{color:#1d558c;margin:7px 0;font:700 25px Mali}.nuclear-interactive>p:not(.eyebrow),.nuclear-interactive>div>p:not(.eyebrow),.mass-interactive>p:not(.eyebrow){color:#5d7e9d;font-size:14px;line-height:1.7}.nuclear-choice-chips,.path-blocks,.prediction-buttons,.scenario-options{flex-wrap:wrap;gap:9px;margin:16px 0;display:flex}.nuclear-choice-chips button,.path-blocks button,.prediction-buttons button,.scenario-options button,.symbol-match button,.formula-builder>div button,.nuclear-quick-quiz>div button{color:#3b698f;cursor:grab;background:#f8fcff;border:1px solid #cbdff0;border-radius:11px;padding:9px 12px;font:600 12px Mali;transition:transform .16s,box-shadow .16s}.nuclear-choice-chips button:hover:not(:disabled),.path-blocks button:hover:not(:disabled),.prediction-buttons button:hover,.scenario-options button:hover,.symbol-match button:hover,.formula-builder>div button:hover,.nuclear-quick-quiz>div button:hover{transform:translateY(-2px);box-shadow:0 6px 14px #2b629027}.nuclear-choice-chips button.selected,.prediction-buttons button.selected,.scenario-options button.selected,.symbol-match button.selected,.nuclear-quick-quiz button.selected{color:#fff;background:#277cc2;border-color:#277cc2}.reaction-match{grid-template-columns:1fr 1fr;align-items:center;gap:20px;display:grid}.reaction-match>.button,.reaction-match>.lab-feedback{grid-column:1/-1}.reaction-drop-zones{grid-template-columns:1fr 1fr;gap:12px;display:grid}.reaction-zone{color:#3f6f93;text-align:left;cursor:pointer;background:#f7fbff;border:2px dashed #a9cbe5;border-radius:17px;min-height:150px;padding:15px}.reaction-zone b{font:700 21px Mali;display:block}.reaction-zone span{color:#6887a2;margin:5px 0;font-size:12px;display:block}.reaction-zone small{color:#2770a7;flex-wrap:wrap;gap:6px;line-height:1.55;display:flex}.placed-chip{color:#2a6e9e;cursor:pointer;background:#fff;border:1px solid #a8c9e5;border-radius:999px;padding:5px 8px;font:600 10px Mali}.fission-zone{background:#f3f5ff;border-color:#b9c3ef}.fusion-zone{background:#effcf7;border-color:#a7decf}.reaction-path{grid-template-columns:1fr 1fr;align-items:center;gap:22px;display:grid}.reaction-path>.button,.reaction-path>.lab-feedback{grid-column:1/-1}.path-tabs{gap:8px;display:flex}.path-tabs button{color:#47708f;cursor:pointer;background:#fff;border:1px solid #cbdff0;border-radius:999px;padding:8px 12px;font:700 12px Mali}.path-tabs button.active{color:#fff;background:#1e80c4;border-color:#1e80c4}.path-target{background:#f2f8ff;border-radius:17px;gap:8px;padding:18px;display:grid}.path-target p{color:#2c709f;margin:0;font-weight:700}.path-slot,.formula-slot{color:#517897;text-align:left;cursor:pointer;background:#fff;border:1px dashed #a6cbe7;border-radius:10px;padding:10px;font:600 12px Mali}.path-slot:hover,.formula-slot:hover{background:#eff8ff;border-style:solid;border-color:#2380c2}.nuclear-quick-quiz{display:block}.nuclear-quick-quiz>div{flex-wrap:wrap;gap:9px;margin:15px 0;display:flex}.next-question{color:#1b72b5;cursor:pointer;background:0 0;border:0;font:700 12px Mali;text-decoration:underline}.mass-interactive{max-width:1200px;margin:28px auto}.symbol-match{grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0;display:grid}.symbol-match article{background:#f6fbff;border:1px solid #d7e9f5;border-radius:14px;padding:15px}.symbol-match article>b{color:#2869ab;margin-bottom:10px;font:700 24px Mali;display:block}.symbol-match article>div{gap:6px;display:grid}.symbol-match button{text-align:left;cursor:pointer}.formula-builder{grid-template-columns:1fr 1fr;gap:18px;margin:16px 0;display:grid}.formula-builder>div,.formula-builder section{gap:8px;display:grid}.formula-builder>div button{text-align:left}.formula-builder section{background:#f1f8ff;border-radius:15px;padding:14px}.mass-predict{background:#fff;border:1px solid #d5e8f6;border-radius:20px;max-width:1200px;margin:28px auto;padding:26px}.mass-predict h3{color:#1e5a91;margin:8px 0;font:700 25px Mali}.mass-predict p:not(.eyebrow){color:#5f7f9c;font-size:14px;line-height:1.7}@media (width<=700px){.nuclear-interactive,.mass-interactive,.mass-predict{padding:20px}.reaction-match,.reaction-path,.formula-builder{grid-template-columns:1fr}.reaction-match>.button,.reaction-match>.lab-feedback,.reaction-path>.button,.reaction-path>.lab-feedback{grid-column:auto}.reaction-drop-zones,.symbol-match{grid-template-columns:1fr}.reaction-zone{min-height:120px}}.renewable-world{background:#f7fffc;padding:105px max(5vw,30px)}.renewable-hero{grid-template-columns:.85fr 1.15fr;align-items:center;gap:45px;max-width:1200px;margin:auto;display:grid}.renewable-hero h2{color:#18576a;margin:14px 0;font:700 clamp(40px,4.5vw,62px)/1.08 Mali}.renewable-hero h2 em{color:#159a82;font-style:normal}.renewable-hero p:not(.eyebrow){color:#5a8290;font-size:17px;line-height:1.8}.renewable-hero img{border-radius:22px;width:100%;box-shadow:0 15px 32px #2c9c7b1e}.source-gallery{grid-template-columns:repeat(5,1fr);gap:13px;max-width:1200px;margin:44px auto;display:grid}.source-gallery article{background:#fff;border:1px solid #d6f0e6;border-radius:17px;padding:17px;box-shadow:0 8px 18px #1d745d0b}.source-gallery article>span{color:#159a82;background:#e7fbf4;border-radius:12px;place-items:center;width:40px;height:40px;font-size:23px;display:grid}.source-gallery p{letter-spacing:.1em;color:#459a91;margin:13px 0 3px;font:500 10px DM Mono}.source-gallery h3{color:#237066;margin:0 0 7px;font:700 17px/1.35 Mali}.source-gallery small{color:#668c90;font-size:12px;line-height:1.55}.renewable-game,.classification{background:#fff;border:1px solid #d3eee5;border-radius:21px;max-width:1200px;margin:40px auto;padding:27px}.renewable-game h3,.classification h3,.transformation-lab h3,.solar-lab h3{color:#206f68;margin:8px 0;font:700 26px Mali}.game-copy>p:not(.eyebrow),.classification>div>p:not(.eyebrow){color:#648b90;font-size:14px;line-height:1.7}.source-chips{flex-wrap:wrap;gap:7px;margin-top:15px;display:flex}.source-chips button{color:#287b72;cursor:pointer;background:#f7fffc;border:1px solid #bfe3db;border-radius:9px;padding:8px 10px;font:600 12px Mali}.source-chips button.selected{color:#fff;background:#1e9c88;border-color:#1e9c88}.match-cards{grid-template-columns:repeat(5,1fr);gap:10px;margin:21px 0;display:grid}.match-cards button{text-align:left;cursor:pointer;background:#f7fffc;border:1px dashed #9ed8ca;border-radius:13px;min-height:130px;padding:12px}.match-cards button.matched{background:#eefcf7;border-style:solid}.match-cards span{color:#167e70;font:700 13px Mali}.match-cards p{color:#628b8e;font-size:12px;line-height:1.5}.classification-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin:20px 0;display:grid}.classification-grid article{background:#f8fdfb;border:1px solid #deefe9;border-radius:11px;padding:10px}.classification-grid p{color:#4a7779;margin:0 0 8px;font-size:12px}.classification-grid button{color:#668889;cursor:pointer;background:#fff;border:1px solid #cce2dc;border-radius:7px;padding:5px;font:600 10px Mali}.classification-grid .renewable.selected{color:#fff;background:#1b9f86;border-color:#1b9f86}.classification-grid .nonrenewable.selected{color:#fff;background:#4d7992;border-color:#4d7992}.transformation-lab{color:#fff;background:#176b72;border-radius:22px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:35px;max-width:1200px;margin:40px auto;padding:30px;display:grid}.transformation-lab h3{color:#fff}.transformation-lab>div>p:not(.eyebrow){color:#cceee9;font-size:14px;line-height:1.75}.sequence-builder{gap:8px;display:grid}.sequence-builder article{background:#ffffff15;border:1px solid #a5ddd344;border-radius:10px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.sequence-builder article>b{color:#155e66;background:#72d5c8;border-radius:7px;place-items:center;width:25px;height:25px;font-size:12px;display:grid}.sequence-builder article span{font-size:13px}.sequence-builder article button{color:#227177;cursor:pointer;background:#fff;border:1px solid #a7ddd5;border-radius:6px;width:25px;height:25px}.sequence-builder>.button{justify-self:start;margin-top:5px}.solar-lab{background:#fff;border:1px solid #d8eee5;border-radius:22px;grid-template-columns:.95fr 1.05fr;align-items:center;max-width:1200px;margin:40px auto 0;display:grid;overflow:hidden}.solar-lab>div{padding:30px}.solar-lab>div>p:not(.eyebrow){color:#64868b;line-height:1.75}.solar-lab>img{object-fit:cover;width:100%;height:100%}.solar-flow{flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px;display:flex}.solar-flow span{color:#227f72;text-align:center;background:#effcf7;border-radius:9px;min-width:52px;padding:8px;font-size:16px;font-weight:700}.solar-flow span b{font-size:9px;display:block}.solar-flow i{color:#5bb8a9;font-style:normal}@media (width<=900px){.renewable-hero,.transformation-lab,.solar-lab{grid-template-columns:1fr}.source-gallery,.match-cards,.classification-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=620px){.renewable-world{padding:65px 20px}.renewable-hero h2{font-size:42px}.source-gallery,.match-cards,.classification-grid{grid-template-columns:1fr 1fr}.renewable-game,.classification,.transformation-lab{padding:20px}.match-cards button{min-height:115px}.solar-lab>div{padding:20px}}.technology-lab{background:#f4fbff;padding:105px max(5vw,30px)}.technology-hero{grid-template-columns:.85fr 1.15fr;align-items:center;gap:45px;max-width:1200px;margin:auto;display:grid}.technology-hero h2,.island-copy h2,.dashboard-heading h2{color:#164d7c;margin:14px 0;font:700 clamp(40px,4.5vw,62px)/1.08 Mali}.technology-hero h2 em,.island-copy h2 em,.dashboard-heading h2 em{color:#1d9eaa;font-style:normal}.technology-hero p:not(.eyebrow),.island-copy p:not(.eyebrow){color:#5d819d;font-size:16px;line-height:1.8}.technology-hero img{border-radius:22px;width:100%;box-shadow:0 15px 32px #216e9d1b}.tech-grid{grid-template-columns:1fr 1fr;gap:18px;max-width:1200px;margin:43px auto 0;display:grid}.tech-grid article{background:#fff;border:1px solid #d5eaf4;border-radius:20px;padding:26px}.tech-grid article>p:first-child{letter-spacing:.1em;color:#2584a1;font:500 11px DM Mono}.tech-grid h3{color:#1d5a82;margin:8px 0;font:700 24px Mali}.tech-grid article>p:last-child{color:#62809a;font-size:14px;line-height:1.7}.reaction-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:22px 0;display:flex}.reaction-flow span{color:#187c93;background:#e9f9fb;border-radius:12px;place-items:center;min-width:67px;padding:11px;font-weight:700;display:grid}.reaction-flow span.output{color:#208467;background:#eaf7ee}.reaction-flow small,.grid-diagram small{font-size:9px;font-weight:500;display:block}.reaction-flow i{color:#5a90a8;font-style:normal}.smart-grid{background:linear-gradient(135deg,#f4faff,#fff)!important}.grid-diagram{text-align:center;grid-template-columns:repeat(3,1fr);align-items:center;gap:8px;margin:20px 0;display:grid}.grid-diagram span,.grid-diagram b{color:#2075aa;background:#eaf7ff;border-radius:10px;padding:9px;font-size:20px}.grid-diagram b{color:#fff;background:#177dbe;grid-column:2}.island-challenge{background:linear-gradient(135deg,#e5fbf9,#edf4ff);grid-template-columns:.8fr 1.2fr;align-items:center;gap:50px;padding:100px max(5vw,30px);display:grid}.island-copy{max-width:490px}.island-copy label{color:#39718d;gap:7px;font-size:13px;font-weight:700;display:grid}.island-copy select{color:#236886;background:#fff;border:1px solid #bce0e5;border-radius:10px;padding:10px;font:600 13px Mali}.island-console{background:#fff;border:1px solid #cce8eb;border-radius:21px;padding:27px;box-shadow:0 15px 30px #227b8121}.island-console>p{color:#45738c;margin:0 0 12px;font-size:14px}.island-options{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:18px;display:grid}.island-options button{color:#547e93;text-align:left;cursor:pointer;background:#f6fcfc;border:1px solid #d5e8e8;border-radius:10px;padding:10px;font:600 13px Mali}.island-options button.active{color:#167b69;background:#e5f8f4;border-color:#30a88e}.simulation-result{background:#e9f8ff;border-radius:12px;margin-top:18px;padding:14px}.simulation-result p{color:#31728d;margin:0 0 11px;font-size:13px}.simulation-result>div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.simulation-result span{color:#63879c;font-size:10px}.simulation-result b{color:#167c9d;font:700 19px Mali;display:block}.dashboard-section{background:#fff;padding:100px max(5vw,30px)}.dashboard-heading{justify-content:space-between;align-items:start;gap:20px;max-width:1200px;margin:auto;display:flex}.dashboard-heading button{color:#2274a9;cursor:pointer;background:#f2faff;border:1px solid #b9d9ee;border-radius:10px;padding:10px;font:700 13px Mali}.student-dashboard,.teacher-dashboard{background:#f7fbff;border:1px solid #d9eaf7;border-radius:22px;grid-template-columns:.55fr 1fr .8fr;align-items:center;gap:30px;max-width:1200px;margin:36px auto 0;padding:28px;display:grid}.score-ring{background:conic-gradient(#258acd var(--score),#dcecf7 0);border-radius:50%;place-items:center;width:150px;height:150px;margin:auto;display:grid}.score-ring>div{background:#fff;border-radius:50%;place-items:center;width:118px;height:118px;display:grid}.score-ring b{color:#1e78ba;font:700 29px Mali}.score-ring span{color:#6c8da4;font-size:11px}.module-progress h3{color:#255b88;margin:0 0 15px;font:700 20px Mali}.module-progress article{color:#547590;grid-template-columns:120px 1fr 35px;align-items:center;gap:9px;margin:10px 0;font-size:12px;display:grid}.module-progress article div{background:#e2eff8;border-radius:99px;height:7px}.module-progress i{border-radius:inherit;background:#2b91c8;height:100%;display:block}.module-progress b{color:#2580b8;font-size:11px}.next-mission{background:#e8f9f5;border-radius:15px;padding:18px}.next-mission span{letter-spacing:.1em;color:#168b78;font:500 10px DM Mono}.next-mission h3{color:#237368;margin:5px 0;font:700 21px Mali}.next-mission p{color:#5e8588;font-size:12px;line-height:1.6}.next-mission a{color:#168b78;font-size:13px;font-weight:700;text-decoration:none}.teacher-dashboard{display:block}.teacher-dashboard>div:first-child p{color:#308ca8;letter-spacing:.1em;font:500 10px DM Mono}.teacher-dashboard h3{color:#205d8c;margin:6px 0;font:700 25px Mali}.teacher-dashboard>div:first-child span,.teacher-note{color:#66869f;font-size:13px}.teacher-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0;display:grid}.teacher-stats article{background:#fff;border:1px solid #d7eaf6;border-radius:13px;padding:16px}.teacher-stats b{color:#217bb8;font:700 28px Mali;display:block}.teacher-stats span{color:#66879f;font-size:12px}@media (width<=900px){.technology-hero,.island-challenge,.student-dashboard,.tech-grid{grid-template-columns:1fr}.student-dashboard{gap:20px}.score-ring{margin:0}}@media (width<=620px){.technology-lab,.island-challenge,.dashboard-section{padding:65px 20px}.technology-hero h2,.island-copy h2,.dashboard-heading h2{font-size:42px}.tech-grid,.island-console{padding:20px}.island-options,.teacher-stats,.simulation-result>div{grid-template-columns:1fr}.dashboard-heading{display:grid}.module-progress article{grid-template-columns:90px 1fr 30px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}