/* Original Paige reference: open schoolhouse + immersive two-surface classroom. */
body{font-family:Nunito,sans-serif;background:radial-gradient(ellipse at 15% 5%,#e7d9fa,transparent 55%),radial-gradient(ellipse at 85% 10%,#f3eafa,transparent 60%),#f9f5ff;color:#171d2e}
body>.app-navigation{position:relative;inset:auto;width:100%;height:auto;padding:16px 30px;background:#ffffff87;border:0;border-bottom:1px solid #ffffffa6;display:flex;flex-direction:row;align-items:center;gap:35px;z-index:2}.app-navigation .logo{flex-shrink:0}.app-navigation .eyebrow,.app-navigation .side-bottom{display:none}.app-navigation nav{display:flex;gap:3px;overflow:auto;margin:0}.app-navigation nav button{white-space:nowrap;font-size:12px;padding:11px 15px;min-height:44px}.logo .paige-wordmark{font-family:Fraunces,serif;color:#151b2a;font-size:30px}.logo .paige-version{font:700 .7em Nunito,sans-serif;color:#657c6a;margin-left:2px}body>main{margin:0;max-width:1600px;padding:0 35px;margin-inline:auto}body>main>header{height:58px;border:0;font-size:11px}.account-strip{margin-top:0}.school-home{max-width:1300px;overflow:visible;margin:15px auto}.school-home h1{font-size:32px;font-weight:900;letter-spacing:-1px}.school-level{font-size:12px}.school-scene{width:1040px;max-width:none;left:50%;margin-left:-520px;transform:scale(.88);transform-origin:50% 0;height:510px;margin-top:25px;margin-bottom:-50px}.school-tools{background:#ffffff80;box-shadow:0 8px 30px #5b3d7b09;max-width:960px;border-color:#ded6e9}.school-tools button{color:#61527e;background:#fff;border-color:#e6e0ee}.school-caption{margin:18px auto}.school-sun{right:0}.school-bus{right:-10px}.school-flamingo{left:0}footer{margin-top:35px}.brand-logos{justify-content:center}.brand-logos img{width:115px;height:55px}.footer-copy{justify-content:center;gap:20px}.account-links{text-align:center}.paige-help{z-index:8}
#lessonPlayer{background:#0a1521 url('assets/classroom-landscape.svg') center/cover fixed;color:#eaf3f0}#playerContent{max-width:1440px;min-height:100dvh;padding:20px 35px 30px;display:flex;flex-direction:column}.player-header{padding:12px 20px;background:#111c25d9;border:1px solid #91b9a92b;border-radius:14px;box-shadow:0 8px 30px #0003}.player-header small{font-size:9px;color:#aad4c0}.player-header h1{font-size:17px;color:#f1f7f3;margin:4px 0;font-weight:900}.player-header [data-exit]{color:#ebc4b6;background:#6c3c382e;border-color:#a2736260;font-size:11px;padding:8px 15px}.player-trail{display:flex;margin:12px auto 0;gap:6px;width:min(640px,100%)}.player-trail button{background:#13232bd9;border-color:#a5bbaf30;color:#b4c7c1;min-height:40px;padding:8px 12px;font-size:10px;border-radius:25px}.player-trail button[aria-current]{color:#c0f5d4;border-color:#79cc9160;background:#3f86553d;box-shadow:0 0 20px #4fc97a12}.player-concepts{justify-content:center;margin:10px 0 0;padding-bottom:8px}.player-concepts button{background:#101d26a6;border-color:#a8d6c41f;color:#aac4bd;font-size:10px;min-height:35px}.player-concepts .selected{background:#234a3b;border-color:#91c9a066;color:#d8f5e1}.player-grid{display:grid;grid-template-columns:minmax(270px,.83fr) minmax(0,1.3fr);gap:30px;align-items:center;position:relative;flex:1;margin:26px 0 10px;padding-top:68px}.lesson-visual{min-width:0;display:grid;place-items:center;padding:20px}.practice-book{position:relative;background:#fffef4;color:#263d45;width:100%;max-width:440px;min-height:400px;padding:40px 32px 55px 40px;border:1px solid #dccca5;border-radius:4px 20px 20px 4px;box-shadow:-9px 4px 0 #d6c6a6,-15px 8px 0 #3e685c,0 22px 50px #0007;transform:rotate(-2deg);background-image:repeating-linear-gradient(0deg,transparent 0 31px,#d6dfe552 31px 32px)}.practice-book:before{content:'';position:absolute;inset:0 auto 0 20px;border-left:1px solid #e5ae9b80}.practice-book small{font-size:9px;letter-spacing:2px;font-weight:900;color:#81908c}.practice-book h2{font:900 29px/1.25 Nunito,sans-serif;margin:30px 0 18px;color:#2e4855}.practice-book p{white-space:pre-wrap;line-height:1.9;font-size:19px;color:#38536a}.book-rule{width:50px;height:5px;background:#88bcaa;border-radius:5px}.book-binding{position:absolute;left:-12px;top:0;bottom:0;width:10px;border-radius:4px;background:#345b50}.book-pencil{font-size:42px;position:absolute;bottom:50px;right:25px;color:#c6a34c;transform:rotate(15deg)}.practice-book a{display:block;position:relative;font-size:12px;font-weight:900;color:#478168;margin:28px 0 16px}.book-page{font-size:9px;letter-spacing:1px;position:absolute;bottom:20px;color:#8c988c}.lesson-board{min-height:340px;background:#10191fe8;border:1px solid #68a27380;border-radius:13px;padding:27px 30px;box-shadow:0 15px 60px #0003;min-width:0}.lesson-board h2{font-size:28px;color:#edf7ef;margin:18px 0;line-height:1.3}.lesson-board h3{color:#c7ddd3;font-size:15px}.lesson-board p,.lesson-board li{font-size:15px;color:#c7d9d4;line-height:1.8}.stage-pill{font-size:10px;font-weight:900;color:#96d8ac;background:none;padding:0}.concept-reminder{font-size:20px;color:#e0eee7;line-height:1.8;border:0;background:#ffffff05;padding:17px 20px;border-radius:9px}.worked-example{background:#ffffff06;border:1px solid #ffffff09;color:#c6dfd4;font-size:16px;padding:16px 20px;border-radius:8px}.lesson-board .source-label{font-size:10px;color:#8ca69d}.lesson-companion{position:absolute;right:0;top:3px;width:calc(61% - 20px);min-height:53px;padding:7px 12px;display:flex;flex-direction:row;justify-content:flex-start;gap:9px;background:#14241fde;border:1px solid #73a98b60;border-radius:30px;text-align:left}.lesson-companion .paige-watcher,.lesson-companion .watcher-still{width:38px;height:38px;border-width:2px;box-shadow:0 0 0 1px #64a888;flex-shrink:0}.lesson-companion h3{margin:0;font-size:12px;color:white}.lesson-companion h3 span{display:block;font-size:9px;color:#97cfaa;font-weight:600}.lesson-companion p,.lesson-companion small{display:none}.lesson-companion button,.lesson-companion a{width:auto;margin:0;padding:8px 10px;font-size:10px;white-space:nowrap;border-radius:20px;min-height:38px}.lesson-companion [data-help]{margin-left:auto}.lesson-companion [data-sketch],.lesson-companion a,.lesson-companion [data-settings]{position:fixed;right:16px;width:44px;height:44px;overflow:hidden;font-size:0;background:#1c353de8;border:1px solid #86baa350;color:white;z-index:4;border-radius:50%}.lesson-companion [data-sketch]{bottom:122px}.lesson-companion [data-sketch]:before{content:'✎';font-size:21px}.lesson-companion a{bottom:70px}.lesson-companion a:before{content:'▤';font-size:20px}.lesson-companion [data-settings]{bottom:18px}.lesson-companion [data-settings]:before{content:'⚙';font-size:20px}.player-bottom{width:calc(61% - 20px);margin:5px 0 10px auto}.player-bottom .primary,.lesson-board .primary{background:#4da957;border-radius:30px;color:white;min-height:44px}.player-bottom .primary{flex:1}.player-bottom .secondary{color:#d5e9df;background:#12211ed9;border-color:#85a99440;border-radius:30px}.player-bottom span{color:#8da69b;font-size:10px}.response-label{color:#abc7bb}.response-label textarea{background:#1e2b32;color:#f2f8f4;border-color:#68877855}.lesson-options legend{color:#8eaca0}.lesson-options label{border-color:#75918155;color:#dcebe3;background:#ffffff04}.lesson-options label:has(input:checked){background:#40966233;border-color:#8bd4a5}.lesson-options label span{color:#8fc6a3}.lesson-feedback{color:#b4e9c6!important}.lesson-board .text-btn{color:#a4d3b5}.lesson-board .secondary{color:#d8ebe2;background:#22342b;border-color:#75968170}[data-lesson-room=ocean] #lessonPlayer{background:#0b2234 url('assets/classroom-landscape.svg') center/cover fixed}[data-lesson-room=forest] #lessonPlayer{background:#12291f url('assets/classroom-landscape.svg') center/cover fixed}#lessonPlayer .primary:focus-visible,#lessonPlayer .secondary:focus-visible{outline-color:#c7efc9}
@media(min-width:1500px){.school-scene{transform:scale(.98);margin-bottom:0}.player-grid{margin-top:40px}}@media(max-width:1050px){body>.app-navigation{padding:15px 20px;gap:20px;flex-wrap:wrap}.app-navigation nav{width:100%;order:2}.school-scene{transform:scale(.7);margin-bottom:-150px}.player-grid{gap:20px}.lesson-visual{padding:10px}.practice-book{padding:28px 24px 50px 30px}.practice-book h2{font-size:24px}.practice-book p{font-size:16px}.lesson-board{padding:24px}.lesson-companion{width:58%}.player-bottom{width:58%}}
@media(max-width:700px){body>main{padding:0 16px}body>.app-navigation{padding:13px 16px;gap:10px}.app-navigation .logo .paige-wordmark{font-size:26px}.app-navigation .logo .paige-mark{height:36px;width:36px}.app-navigation nav button{font-size:10px;padding:8px 10px}.school-home{overflow:hidden}.school-home h1{font-size:26px}.school-scene{transform:scale(.49);margin-bottom:-260px}.school-tools{padding:12px}.school-tools button{font-size:10px;padding:10px}.school-home{margin-top:15px}#playerContent{padding:12px 16px 70px}.player-header{padding:10px 12px;gap:12px}.player-header h1{font-size:14px}.player-header small{font-size:8px}.player-trail button{padding:6px;font-size:9px;gap:0}.player-concepts{justify-content:flex-start}.player-concepts button{font-size:9px}.player-grid{display:grid;grid-template-columns:1fr;gap:22px;padding-top:65px;margin-top:15px}.lesson-companion{width:100%;top:0;display:flex}.lesson-visual{padding:0 15px}.practice-book{min-height:0;max-width:none;transform:rotate(-1deg);padding:23px 25px 40px 32px}.practice-book h2{font-size:24px;margin:15px 0}.practice-book p{font-size:16px;line-height:1.7;margin:12px 0}.practice-book a{margin:16px 0 6px}.book-pencil{display:none}.lesson-board{min-height:0;padding:24px 22px}.lesson-board h2{font-size:24px}.player-bottom{width:100%;margin-top:15px}.concept-reminder{font-size:18px}.lesson-companion [data-help]{min-height:44px}.lesson-companion [data-sketch],.lesson-companion a,.lesson-companion [data-settings]{right:8px;width:44px}.lesson-visual:has(+.lesson-board .lesson-options){display:none}.player-bottom span{display:none}}
@media(prefers-reduced-motion:reduce){.practice-book{transform:none}}
.player-trail button,.player-concepts button{min-height:44px}
/* Screenshot-led lesson composition: compact trail, illustrated concept, floating scratchpad. */
#lessonPlayer:before{content:'';position:fixed;inset:-2%;pointer-events:none;background:radial-gradient(ellipse at 20% 30%,#71cba41c,transparent 40%),radial-gradient(ellipse at 70% 20%,#76cba92c,transparent 45%);animation:classroom-breathe 16s ease-in-out infinite alternate;z-index:0}#lessonPlayer:after{content:'';position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,#d9facaba 0 1px,transparent 2px),radial-gradient(circle,#edffc870 0 2px,transparent 3px);background-size:173px 223px,337px 293px;animation:classroom-fireflies 22s linear infinite;opacity:.35;z-index:0}#playerContent{position:relative;z-index:1;padding:25px max(22px,4vw);max-width:1560px}.player-topbar{display:flex;align-items:center;gap:20px;background:#101b22db;border:1px solid #76b7a74a;border-radius:13px;padding:10px 16px;min-height:65px;box-shadow:0 10px 25px #0003;backdrop-filter:blur(15px)}.player-identity{min-width:150px;max-width:330px;flex:1}.player-identity small{color:#9cd5bc;font-size:9px;letter-spacing:1px;font-weight:900}.player-identity h1{font-size:12px;letter-spacing:.2px;color:#e4efed;margin:4px 0;line-height:1.35}.player-identity strong{display:block;text-transform:uppercase;font-size:9px;color:#bad2c9;letter-spacing:.4px}.player-topbar .player-concepts{margin:0;padding:0;gap:5px;align-items:center;justify-content:flex-start;overflow:visible}.player-concepts>small{font-size:9px;color:#c2d9cf;max-width:43px;margin-right:8px;line-height:1.3;font-weight:900}.player-topbar .player-concepts button{font-size:8px;min-height:0;width:14px;height:14px;min-width:14px;border:1px solid #6aa9a580;border-radius:50%;padding:0;background:#1c383d;color:transparent;position:relative}.player-topbar .player-concepts button:before{content:'';position:absolute;inset:-15px}.player-topbar .player-concepts button.selected{background:#d6be31;border-color:#fce575;color:#27342e;box-shadow:0 0 12px #eddb4480}.player-topbar .player-trail{width:auto;margin:0;gap:4px;flex:none;display:flex}.player-topbar .player-trail button{min-height:32px;padding:6px 10px;font-size:9px;white-space:nowrap}.player-topbar .player-trail button[data-stage="0"],.player-topbar .player-trail button[data-stage="4"]{display:none}.player-exit{margin-left:auto;color:#e0afa5;background:#713b3433;border:1px solid #a5736670;border-radius:20px;padding:8px 13px;font-size:10px;min-height:36px}.player-grid{margin-top:75px;padding-top:38px;grid-template-columns:minmax(280px,.76fr) minmax(0,1.24fr);gap:30px;align-items:center}.lesson-visual{padding:0;background:#fffef3;border:1px solid #a5b28a63;border-radius:14px 14px 5px 5px;overflow:hidden;box-shadow:0 15px 50px #0004;display:flex;flex-direction:column;min-width:0;align-self:center}.concept-art{width:100%;position:relative;min-height:470px;display:grid;place-items:center;overflow:hidden}.illustrated-term{padding:75px 24px 65px;background:radial-gradient(circle at 30% 0,#b7e2d9 0 16%,transparent 16.2%),radial-gradient(circle at 100% 90%,#b5e4d5 0 18%,transparent 18.2%),radial-gradient(circle at 0 80%,#efc8db 0 24%,transparent 24.2%),#dff2e8}.ela-art{background-color:#e6e4f5}.term-placard{position:relative;z-index:1;min-height:280px;background:#fff9e9;padding:28px 24px;border:3px solid #fff9e9;outline:2px solid #edcb84;outline-offset:-9px;border-radius:35px;box-shadow:0 14px 18px #3f5a4830;text-align:center;animation:concept-float 6s ease-in-out infinite}.term-placard small{color:#718a7c;font-size:9px;letter-spacing:1.4px;font-weight:900}.term-placard h2{font:900 clamp(30px,3.6vw,62px)/1.1 Nunito,sans-serif;color:#173260;margin:22px 0 18px;overflow-wrap:anywhere}.term-placard p{font:800 18px/1.55 Nunito,sans-serif;color:#454743;margin:0}.mini-abacus{position:absolute;top:22px;left:20px;width:108px;border:7px solid #d6a85d;border-top:0;border-bottom:0;transform:rotate(-13deg);filter:drop-shadow(2px 4px 2px #3a6b4c30)}.mini-abacus i{display:flex;border-bottom:2px solid #a78149;gap:3px;margin:7px -3px;height:15px}.mini-abacus b{height:15px;width:12px;border-radius:50%;background:#f19932;box-shadow:inset -3px -1px #a85d2350;animation:abacus-slide 8s ease-in-out infinite}.mini-abacus i:nth-child(2) b{background:#b3ca32;animation-delay:-2s}.mini-abacus i:nth-child(3) b{background:#36aad2;animation-delay:-4s}.art-orbit{position:absolute;right:35px;top:30px;border-radius:50%;width:43px;height:43px;background:#2f9bd6;box-shadow:inset -3px -5px #11649150,0 4px 5px #375a4920;animation:concept-float 5s ease-in-out infinite}.orbit-two{right:10px;top:60px;background:#f2d531;width:39px;height:39px;animation-delay:-2s}.art-blocks{position:absolute;bottom:14px;left:30px;display:flex;gap:8px;transform:rotate(-14deg)}.art-blocks i{width:40px;height:40px;border-radius:7px;background:#5fadd8;box-shadow:inset -3px -4px #27679a40,0 4px 4px #174c4a35;animation:concept-float 7s ease-in-out infinite}.art-blocks i+ i{background:#b28bce;animation-delay:-3s}.visual-controls{background:#0d2027;display:flex;gap:6px;padding:6px;width:100%}.visual-controls button{background:#142f33;color:#b9e8d8;border:1px solid #51817a60;border-radius:7px;min-height:36px;padding:6px 10px;font-size:10px}.visual-controls [data-visual-full]{flex:1}.lesson-visual:fullscreen{width:100vw;height:100dvh;background:#152b28;display:grid;place-items:center}.lesson-visual:fullscreen .concept-art{max-width:650px;height:85vh}.lesson-visual:fullscreen .visual-controls{max-width:650px}.art-paused *{animation-play-state:paused!important}.lesson-companion{top:-13px;right:0;width:fit-content;min-width:285px;max-width:58%;border-color:#44c65b80;background:#10251fe8}.lesson-companion [data-help]{background:#17222a;border:1px solid #93b4a777;padding:7px 12px;min-height:32px;font-size:9px}.lesson-board{padding:26px 24px;border-color:#35ae4dc0;background:#12191fe8;box-shadow:0 0 0 1px #264b3833,0 12px 35px #0003}.lesson-board h2{font-size:27px}.concept-reminder{background:#ffffff06;border:1px solid #94a29f24;font-size:17px}.player-bottom{margin-bottom:12vh;width:60%;gap:12px}.player-bottom .primary{background:#10a143}.player-bottom span{display:none}.player-bottom .secondary{font-size:11px}.calculator-art{background:radial-gradient(ellipse at center,#fff9e9,#fffef8);padding:30px;min-height:480px}.calculator-art>small{position:absolute;top:12px;left:20px;font-size:9px;font-weight:900;letter-spacing:1px;color:#8f825d}.illustrated-calculator{background:linear-gradient(135deg,#577080,#293f50);width:255px;max-width:100%;border:6px solid #526a7b;outline:3px solid #2d4354;border-radius:28px;padding:20px 14px 15px;box-shadow:8px 12px 0 #e5d7b7,0 15px 15px #5a5f4b30;animation:concept-float 7s ease-in-out infinite}.calculator-display{position:relative;background:linear-gradient(#bdcdb5,#dae3bc);border:5px solid #253d45;border-radius:12px;height:85px;font:600 34px/65px ui-monospace,monospace;color:#243d42;text-align:right;padding:0 7px;box-shadow:inset 2px 3px 2px #33442f50;letter-spacing:-3px}.repeat-arrow{position:absolute;right:12px;bottom:-12px;font-size:42px;color:#0873dd;transform:rotate(18deg);animation:repeat-cue 2s ease-in-out infinite}.calculator-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:20px}.calculator-keys i{background:linear-gradient(#697b89,#425867);border:1px solid #253c4b;box-shadow:0 3px 0 #1b3444,inset 0 1px #ffffff60;border-radius:8px;font:800 24px/33px Nunito,sans-serif;text-align:center;color:#eef4f5;font-style:normal}.calculator-keys i:nth-child(-n+2){background:#a59acb}.calculator-keys .orange{background:#f58b2f}.calculator-keys i:nth-last-child(3){grid-column:span 2}.calculator-keys .equals{background:#437dca}.repeat-label{font:900 20px Nunito,sans-serif;color:#3d5d61;margin-top:24px}.repeat-label span{text-decoration:overline;color:#0873dd}#floatingScratchpad{position:fixed;right:8%;bottom:12px;z-index:10;width:min(330px,calc(100vw - 32px));height:285px;background:white;border:1px solid #e0e6f1;border-radius:15px;box-shadow:0 15px 40px #0004;overflow:hidden;color:#74839c}#floatingScratchpad[hidden]{display:none}.scratch-heading{display:flex;align-items:center;gap:5px;padding:6px 10px;background:#f6f8fd;touch-action:none;cursor:move}.scratch-heading strong{flex:1;font-size:11px}.scratch-heading button{border:0;background:none;color:#8b9db9;min-width:34px;min-height:38px;padding:4px;font-size:15px}.scratch-heading [data-clear]{font-size:10px}#floatingScratchpad canvas{width:100%;height:195px;display:block;background:#fff;touch-action:none}.scratch-colors{display:flex;padding:0 6px;gap:1px}.scratch-colors button{background:none;border:0;min-height:36px;width:36px;padding:5px;display:grid;place-items:center}.scratch-colors button:before{content:'';width:19px;height:19px;border-radius:50%;background:var(--ink-color);box-shadow:0 0 0 1px #b2bfd1}
@keyframes classroom-breathe{to{transform:translate3d(1%,.5%,0) scale(1.03);opacity:.6}}@keyframes classroom-fireflies{to{background-position:20px -223px,-35px -293px}}@keyframes concept-float{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-5px) rotate(.5deg)}}@keyframes abacus-slide{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}@keyframes repeat-cue{50%{opacity:.5;transform:rotate(10deg) translateY(3px)}}
@media(max-width:1150px){.player-topbar{gap:12px;flex-wrap:wrap}.player-identity{max-width:none}.player-topbar .player-trail{order:3;width:100%;justify-content:center}.player-grid{margin-top:45px}.player-topbar .player-concepts{max-width:40%}.term-placard{padding:24px 20px}.term-placard p{font-size:16px}.player-bottom{margin-bottom:50px}.concept-art{min-height:420px}.mini-abacus{width:85px}.player-topbar .player-concepts button{width:14px;min-width:14px}}
@media(max-width:700px){#playerContent{padding:12px 16px 80px}.player-topbar{padding:11px 12px;gap:10px}.player-identity{min-width:180px}.player-identity h1{font-size:12px}.player-exit{min-height:44px}.player-topbar .player-concepts{order:4;width:100%;max-width:none;justify-content:center;margin-bottom:5px}.player-topbar .player-concepts button{width:16px;height:16px;min-width:16px}.player-topbar .player-trail{order:3}.player-topbar .player-trail button{min-height:44px;font-size:11px;padding:8px 14px;flex:1}.player-grid{margin-top:25px;grid-template-columns:1fr;padding-top:60px;gap:20px}.lesson-companion{width:100%;max-width:none;top:0;min-width:0}.lesson-companion [data-help]{min-height:44px}.lesson-visual{padding:0}.concept-art{min-height:360px;padding-top:65px;padding-bottom:45px}.term-placard{min-height:220px;padding:25px}.term-placard h2{font-size:36px}.term-placard p{font-size:17px}.mini-abacus{top:15px;left:15px;width:78px}.mini-abacus i{margin:5px -3px}.art-orbit{width:30px;height:30px;right:25px;top:20px}.orbit-two{top:40px;right:10px;width:25px;height:25px}.art-blocks i{width:28px;height:28px}.art-blocks{bottom:10px;left:20px}.visual-controls button{min-height:44px}.calculator-art{padding:35px 30px;min-height:450px}.player-bottom{width:100%;margin-bottom:10px}.lesson-visual:has(+.lesson-board .lesson-options){display:flex}#floatingScratchpad{right:10px;bottom:10px;width:290px;height:265px}#floatingScratchpad canvas{height:175px}.player-topbar .player-concepts>small{max-width:none}}
.reduce-motion #lessonPlayer:before,.reduce-motion #lessonPlayer:after,.reduce-motion .concept-art *{animation:none!important}@media(prefers-reduced-motion:reduce){#lessonPlayer:before,#lessonPlayer:after,.concept-art *{animation:none!important}}
#lessonPlayer,[data-lesson-room=forest] #lessonPlayer{background:linear-gradient(#07131775,#07131765),url('assets/classroom-forest.png') center/cover fixed}[data-lesson-room=ocean] #lessonPlayer{background:linear-gradient(#06172455,#06172455),url('assets/classroom-landscape.svg') center/cover fixed}#lessonPlayer{background-size:cover;animation:forest-drift 35s ease-in-out infinite alternate}@keyframes forest-drift{0%{background-position:50% 50%}100%{background-position:51% 49%}}.reduce-motion #lessonPlayer{animation:none}@media(prefers-reduced-motion:reduce){#lessonPlayer{animation:none}}
.player-topbar .player-concepts button{width:38px;height:44px;min-width:38px;min-height:44px;background:none;border:0;border-radius:0;color:transparent;isolation:isolate}.player-topbar .player-concepts button:before{display:none}.player-topbar .player-concepts button:after{content:'';position:absolute;inset:15px 12px;border-radius:50%;background:#24444b;border:1px solid #79a6a080;z-index:-1;pointer-events:none}.player-topbar .player-concepts button.selected{background:none;border:0;box-shadow:none;color:#233225}.player-topbar .player-concepts button.selected:after{background:#e0cc40;border-color:#f4e77d;box-shadow:0 0 12px #e0d14980}.player-topbar .player-concepts{gap:0}.player-grid{margin-top:45px;padding-top:30px}.concept-art{min-height:420px}.term-placard{min-height:250px}.calculator-art{min-height:440px}.player-bottom{margin-bottom:20px}.lesson-companion{top:-15px}.scratch-heading button{min-width:44px;min-height:44px}@media(max-width:700px){.player-topbar .player-concepts button{width:38px;min-width:38px;height:44px}.player-grid{margin-top:20px;padding-top:66px}.concept-art{min-height:360px}.calculator-art{min-height:440px}.player-bottom{margin-bottom:10px}}
.player-grid{grid-template-rows:auto auto;align-content:center;row-gap:14px}.lesson-visual{grid-row:1/3;grid-column:1}.lesson-board{grid-row:1;grid-column:2}.player-bottom{grid-row:2;grid-column:2;width:100%;margin:0;align-self:start}.lesson-companion{top:-15px}.player-grid{flex:none;margin-bottom:20px}@media(max-width:700px){.player-grid{grid-template-rows:auto auto auto;row-gap:20px}.lesson-visual{grid-row:1;grid-column:1}.lesson-board{grid-row:2;grid-column:1}.player-bottom{grid-row:3;grid-column:1}.lesson-companion{top:0}}
.definition-heading{display:block;font-size:9px;letter-spacing:1px;color:#c6d9c3;margin:0 0 9px;font-weight:900}.intro-concepts{margin:20px 0 0;background:#334e1933;border:1px solid #8cb33d55;padding:17px 18px;border-radius:15px}.intro-concepts>small{font-size:9px;font-weight:900;letter-spacing:1px;color:#b4df48;display:block;margin-bottom:13px}.intro-concepts button{display:flex;align-items:center;text-align:left;width:100%;min-height:44px;margin:5px 0;padding:8px 12px;background:#ffffff04;border:1px solid #d5e0c817;border-radius:8px;font-weight:900;font-size:12px;color:#e7efdf;gap:10px}.intro-concepts button[aria-current]{color:#bfec41;border-color:#a3d332;background:#91b7310d;box-shadow:0 0 14px #94ca281a}.intro-concepts button>span{background:#80966f33;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:10px;color:#b7d0ae}.intro-concepts button[aria-current]>span{background:#b5e933;color:#314118}.intro-concepts button>i{font-style:normal;margin-left:auto;font-size:7px}.introduction-position{font-size:10px!important;color:#b2c2a2!important;margin-bottom:0}.prior-notes{margin-top:15px;color:#bbcfad;font-size:11px}.player-topbar .player-trail button[data-stage="0"][aria-current]{display:block}.player-topbar .player-trail button[data-stage="4"][aria-current]{display:block}.lesson-board:has(.intro-concepts){border-color:#b0d539a6}.lesson-board:has(.intro-concepts) .concept-reminder{background:#64851c24;border-color:#b2cc4b70}.lesson-board:has(.intro-concepts) .stage-pill{color:#b4e53a}
.intro-concepts{max-height:210px;overflow:auto;scrollbar-width:thin;scrollbar-color:#8fab4590 transparent}.intro-concepts button{flex-shrink:0}@media(max-width:700px){.intro-concepts{max-height:230px}}
.lesson-board:has(.intro-concepts){padding:20px 23px}.lesson-board:has(.intro-concepts) h2{margin:14px 0;font-size:26px}.lesson-board:has(.intro-concepts) .concept-reminder{padding:13px 18px;font-size:16px;line-height:1.65;margin:14px 0}.intro-concepts{max-height:170px;padding:11px 16px;margin-top:14px}.intro-concepts>small{margin-bottom:8px}.intro-concepts button{margin:4px 0;min-height:40px}.introduction-position{margin-top:12px}@media(max-width:700px){.lesson-board:has(.intro-concepts){padding:22px}.intro-concepts{max-height:210px}.intro-concepts button{min-height:44px}}
#filmDialog video{object-fit:cover}#filmDialog video::-webkit-media-controls{display:none!important}
.cinema-wordmark{position:absolute;left:0;right:0;bottom:7%;text-align:center;font:700 clamp(36px,7vw,80px) Fraunces,serif;color:white;text-shadow:0 3px 15px #08272c90;pointer-events:none}.cinema-wordmark span{font:900 .7em Nunito,sans-serif;letter-spacing:-2px}.cinema-wordmark[hidden]{display:none}
#filmDialog video.brand-film{object-fit:contain;background:linear-gradient(#f4effc,#eef4f9)}