:root{--navy:#12385b;--navy2:#0b2944;--teal:#137d84;--sky:#eaf6fb;--ink:#172b3d;--muted:#5b7183;--green:#228a59;--green-soft:#e7f7ef;--red:#c94549;--red-soft:#fdeced;--gold:#d99c23;--gold-soft:#fff4d9;--line:#cbdce6;--shadow:0 12px 36px rgba(16,49,77,.11);--shadow-sm:0 5px 15px rgba(16,49,77,.09)}
*{box-sizing:border-box} html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#dfeef5;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif} button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:5px solid rgba(217,156,35,.38);outline-offset:3px}
#lesson-frame{position:relative;width:100vw;height:100vh;overflow:hidden;background:linear-gradient(180deg,#f7fbfd,#eef7fb)}
.topbar{height:7.4vh;min-height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 2.4vw;background:rgba(251,253,255,.98);border-bottom:1px solid rgba(18,56,91,.09);position:relative;z-index:20}.brandline{font-size:clamp(14px,1vw,21px);font-weight:850;color:var(--navy)}.top-center{display:flex;gap:.65vw}.day-pill,.cue-pill{border-radius:999px;padding:.48em .9em;font-size:clamp(11px,.78vw,16px);font-weight:900;text-transform:uppercase;letter-spacing:.04em}.day-pill{background:#e4f1f7;color:var(--navy)}.cue-pill{background:var(--gold-soft);color:#7c5711;border:1px solid #efd38a}.top-actions{display:flex;justify-content:flex-end;gap:.5vw}.icon-btn{width:clamp(42px,3vw,56px);height:clamp(42px,3vw,56px);border:none;border-radius:13px;background:#eff5f8;color:var(--navy);font-size:clamp(18px,1.2vw,25px);font-weight:950;box-shadow:inset 0 0 0 1px rgba(18,56,91,.08)}
.progress-rail{height:.5vh;min-height:4px;background:#dce9ef;position:relative;z-index:20}.progress-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--gold));width:0;transition:.3s ease}
.viewport{position:relative;height:84.1vh;overflow:hidden}.slide{position:absolute;inset:0;display:none;overflow:hidden;padding:2.0vh 3.2vw 1.5vh;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(242,249,252,.96))}.slide.active{display:flex;flex-direction:column;animation:in .22s ease both}@keyframes in{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
.footerbar{height:8vh;min-height:58px;background:rgba(251,253,255,.98);border-top:1px solid rgba(18,56,91,.1);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 2.1vw;position:relative;z-index:20}.nav-left,.nav-right{display:flex;gap:.6vw;align-items:center}.nav-right{justify-content:flex-end}.nav-btn{height:clamp(43px,3vw,58px);min-width:clamp(105px,7.8vw,150px);border:none;border-radius:14px;background:#e8f2f6;color:var(--navy);font-size:clamp(14px,.95vw,20px);font-weight:900}.nav-btn.next{background:var(--navy);color:#fff}.slide-counter{font-size:clamp(14px,.95vw,20px);font-weight:900;color:var(--navy)}
.teacher-drawer{position:absolute;right:0;top:7.9vh;bottom:8vh;width:min(520px,32vw);background:#0d2d49;color:white;z-index:30;transform:translateX(103%);transition:.25s ease;box-shadow:-14px 0 45px rgba(0,0,0,.18);padding:1.6vw;overflow:auto}.teacher-drawer.open{transform:none}.teacher-drawer h2{color:white}.teacher-drawer p{font-size:clamp(14px,.95vw,20px);line-height:1.4}.teacher-drawer .note-section{padding:.9vw 0;border-bottom:1px solid rgba(255,255,255,.14)}.teacher-drawer .note-tag{display:inline-block;padding:.3em .62em;border-radius:999px;background:rgba(255,255,255,.12);font-size:clamp(10px,.68vw,14px);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.teacher-drawer .close-note{float:right;width:42px;height:42px;border:none;border-radius:10px;background:rgba(255,255,255,.12);color:#fff;font-size:22px;font-weight:950}
.slide-title-row{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:2vw;margin-bottom:1.25vh}.eyebrow{font-size:clamp(11px,.74vw,15px);font-weight:950;text-transform:uppercase;letter-spacing:.13em;color:var(--teal);margin-bottom:.35vh}h1{margin:0;color:var(--navy2);font-size:clamp(31px,2.55vw,53px);line-height:1.04;letter-spacing:-.03em}h2{margin:0;color:var(--navy);font-size:clamp(23px,1.8vw,37px);line-height:1.08}h3{margin:0;color:var(--navy);font-size:clamp(18px,1.25vw,27px);line-height:1.1}p{margin:.28em 0;font-size:clamp(16px,1.08vw,24px);line-height:1.32}.small{font-size:clamp(13px,.86vw,18px)}.muted{color:var(--muted)}.strong{font-weight:850}.big-idea{font-size:clamp(22px,1.62vw,34px);line-height:1.28;font-weight:760}.math-lg{font-size:clamp(25px,1.8vw,38px);font-weight:950;color:var(--navy2)}.teal{color:var(--teal)}.gold{color:var(--gold)}.minus{color:var(--red)}
.fill{height:100%;min-height:0}.fill-under-title{flex:1;min-height:0}.grid-2-45{display:grid;grid-template-columns:.92fr 1.08fr;gap:2.2vw;align-items:stretch}.grid-2-55{display:grid;grid-template-columns:1.08fr .92fr;gap:2.2vw;align-items:stretch}.stack{display:flex;flex-direction:column;gap:1vh;min-height:0}.safe-stack{gap:.75vh}.opening-copy{display:flex;flex-direction:column;justify-content:center;gap:1.4vh;padding-right:1vw}.hero-title{font-size:clamp(48px,4.3vw,84px)}
.card{background:rgba(255,255,255,.96);border:1px solid rgba(18,56,91,.12);border-radius:22px;box-shadow:var(--shadow-sm);padding:1.25vw;min-height:0}.compact-card{padding:.95vw 1.05vw}.card.soft{background:#f7fbfd;box-shadow:none}.callout{border-radius:17px;padding:.9vw 1.05vw;border-left:6px solid var(--teal);background:#eef8f8}.callout.gold{border-left-color:var(--gold);background:var(--gold-soft)}.callout.red{border-left-color:var(--red);background:var(--red-soft)}.callout.green{border-left-color:var(--green);background:var(--green-soft)}.callout.compact{padding:.68vw .85vw}.cue-label{display:inline-flex;border-radius:999px;padding:.3em .65em;margin-bottom:.4em;background:var(--navy);color:white;font-size:clamp(10px,.68vw,14px);font-weight:950;letter-spacing:.1em;text-transform:uppercase}.cue-label.gold{background:#8f6417}.cue-label.red{background:#9e3338}.cue-label.green{background:#176d45}.cue-label.teal{background:var(--teal)}
.btn{min-height:clamp(42px,2.8vw,54px);padding:.55em .92em;border:none;border-radius:13px;background:var(--navy);color:#fff;font-size:clamp(14px,.95vw,20px);font-weight:900;box-shadow:0 4px 0 rgba(7,36,61,.16);transition:.16s}.btn.secondary{background:#e8f2f6;color:var(--navy);box-shadow:inset 0 0 0 2px rgba(18,56,91,.08)}.btn.teal{background:var(--teal)}.btn.gold{background:#a36f10}.btn.green{background:var(--green)}.btn.correct{background:var(--green)!important;color:#fff}.btn.wrong{background:var(--red)!important;color:#fff}.btn[disabled]{opacity:.4;cursor:not-allowed}.controls{display:flex;gap:.6vw;flex-wrap:wrap;align-items:center}.vertical-controls{display:grid;grid-template-columns:1fr 1fr;gap:.6vw}
.reveal{opacity:0;transform:translateY(6px);pointer-events:none;transition:.24s ease}.reveal.visible{opacity:1;transform:none;pointer-events:auto}.answer-strip,.feedback,.mini-stage,.math-stage{padding:.65vw .8vw;border-radius:14px;background:#f0f6f8;border:1px solid #d8e6ed;font-size:clamp(14px,.95vw,20px);font-weight:800}.feedback.good{background:var(--green-soft);color:#17633f}.feedback.bad{background:var(--red-soft);color:#8e2f34}.math-stage{display:flex;align-items:center;gap:.8vw;flex-wrap:wrap}.math-stage.final{background:var(--green-soft);border-color:#b9e3cd}.stage-label{display:inline-block;padding:.28em .58em;border-radius:999px;background:var(--navy);color:#fff;font-size:clamp(10px,.68vw,14px);font-weight:950;letter-spacing:.09em;text-transform:uppercase}.essential-chip{max-width:40vw;padding:.6em .85em;border-radius:15px;background:#fff4d9;color:#76510f;border:1px solid #efd694;font-size:clamp(13px,.86vw,18px);font-weight:850;line-height:1.25}
.scene-card{height:100%;min-height:0;border-radius:26px;overflow:hidden;position:relative;border:1px solid rgba(18,56,91,.1);box-shadow:var(--shadow);background:#eaf6fb}.scene-card svg{width:100%;height:100%;display:block}.tool-row{display:flex;gap:.8vw}.tool-row span{width:clamp(58px,4vw,78px);height:clamp(58px,4vw,78px);display:grid;place-items:center;border-radius:18px;background:#fff;border:1px solid #d6e5ec;box-shadow:var(--shadow-sm);font-size:clamp(30px,2.1vw,44px);font-weight:950;color:var(--navy)}
.target-grid{height:100%}.criteria-list{display:grid;gap:.55vh;margin-top:.7vh}.criterion{padding:.74vw .9vw;border-radius:14px;background:#f6fafc;border:1px solid #dce8ee;font-size:clamp(15px,.98vw,21px);font-weight:760;text-align:left;color:var(--ink)}.criterion.active{background:var(--gold-soft);border-color:#e8c76d}.goal-visual{display:flex;flex-direction:column;justify-content:center;gap:1.1vh}.goal-question{font-size:clamp(20px,1.35vw,28px);font-weight:950;color:var(--navy)}.goal-steps{display:grid;gap:.65vh}.goal-steps>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.8vw;padding:.7vw;border-radius:14px;background:#fff;border:1px solid #dce8ee}.goal-steps b{width:2em;height:2em;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff}.goal-steps span{font-size:clamp(16px,1vw,22px);font-weight:800}
.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:1vw}.do-now16{height:55vh}.problem-box{position:relative;background:#fff;border:1px solid #dce8ee;border-radius:18px;box-shadow:var(--shadow-sm);padding:1vw}.problem-num{position:absolute;right:.75vw;top:.7vw;width:2em;height:2em;display:grid;place-items:center;border-radius:50%;background:#e9f3f7;color:var(--navy);font-weight:950}
.decision-map{display:grid;grid-template-columns:1fr 1fr;gap:1.1vw}.relation-card{border:1px solid #d6e5ec;border-radius:21px;background:#fff;box-shadow:var(--shadow-sm);padding:1.2vw;text-align:left;color:var(--ink);display:grid;grid-template-columns:auto 1fr;column-gap:1vw;align-items:center;transition:.2s}.relation-card:hover{transform:translateY(-2px)}.relation-card.focused{box-shadow:0 0 0 6px rgba(217,156,35,.2),var(--shadow-sm)}.relation-card.dimmed{opacity:.3}.relation-card .rel-icon{grid-row:1/4;width:2.2em;height:2.2em;display:grid;place-items:center;border-radius:18px;background:#eaf3f7;color:var(--navy);font-size:clamp(30px,2vw,42px);font-weight:950}.relation-card p{font-size:clamp(14px,.93vw,20px)}.rel-example{font-size:clamp(18px,1.2vw,25px);font-weight:950;color:var(--teal)}
.store-grid,.reason-grid,.lock-grid,.bar-grid,.balloon16-grid,.kevin-grid,.rashida-grid,.temp-grid,.temptry-grid,.staar-grid,.assignment-grid{height:100%}.store-table-card{display:flex;flex-direction:column;justify-content:center;gap:1vh}.store-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #d7e5eb;border-radius:16px;overflow:hidden;font-size:clamp(14px,.95vw,20px)}.store-table th,.store-table td{padding:.7em .8em;border-bottom:1px solid #dce8ee;text-align:left}.store-table th{background:#eaf3f7;color:var(--navy);font-weight:950}.store-table tr:last-child td{border-bottom:none}.store-table .income td:nth-child(2){color:var(--green);font-weight:900}.store-table .expense td:nth-child(2){color:var(--red);font-weight:900}.legend-row{display:flex;gap:1vw}.legend-chip{display:flex;align-items:center;gap:.4em;font-size:clamp(13px,.84vw,18px);font-weight:800}.dot{width:13px;height:13px;border-radius:50%;display:inline-block}.dot.pos{background:var(--green)}.dot.neg{background:var(--red)}
.calc-board{display:flex;flex-direction:column;justify-content:center;gap:.65vh}.calc-row{display:grid;grid-template-columns:1.1fr 1.4fr 1.1fr;gap:.8vw;align-items:center;padding:.72vw .85vw;border-radius:14px;background:#f7fbfd;border:1px solid #dce8ee;font-size:clamp(15px,1vw,22px)}.calc-row strong{color:var(--navy)}.calc-total{padding:.9vw;border-radius:16px;background:var(--green-soft);font-size:clamp(22px,1.5vw,32px);font-weight:850;color:#17633f;text-align:center}
.lock-scene{padding:0;overflow:hidden}.lock-scene svg{width:100%;height:100%;display:block}.bar-board{display:flex;flex-direction:column;justify-content:center;gap:1.3vh}.bar-labels{display:flex;justify-content:space-between;font-size:clamp(18px,1.15vw,25px)}.time-bar{display:grid;grid-template-columns:repeat(4,1fr) .5fr;height:110px}.time-bar>div{display:grid;place-items:center;background:#7dc0df;border:3px solid #1776b0;border-right:none;font-size:clamp(15px,.95vw,21px);font-weight:900;color:#12385b}.time-bar>div:first-child{border-radius:14px 0 0 14px}.time-bar>div:last-child{border-right:3px solid #1776b0;border-radius:0 14px 14px 0}.time-bar .half{background:#abd7ea}.bar-question{padding:.7vw;border-radius:14px;background:#fff4d9;font-size:clamp(15px,.95vw,20px);font-weight:800}.bar-answer{padding:.75vw;border-radius:14px;background:var(--green-soft);font-size:clamp(19px,1.25vw,27px);text-align:center;color:#17633f}
.vertical-model{position:relative;height:100%;min-height:340px;border-radius:24px;overflow:hidden;border:1px solid #cfe2eb;box-shadow:var(--shadow-sm)}.balloon16-model{background:linear-gradient(#e6f8ff 0 48%,#c8ecf6 48% 52%,#2a86a7 52% 100%)}.axis-line{position:absolute;left:50%;top:8%;bottom:8%;width:7px;background:#fff;border-radius:6px;box-shadow:0 0 0 2px rgba(18,56,91,.12)}.zero-line{position:absolute;left:12%;right:12%;top:50%;height:3px;background:#12385b}.zero-tag{position:absolute;right:4%;top:50%;transform:translateY(-125%);padding:.3em .55em;background:#fff;border-radius:10px;color:var(--navy);font-weight:900}.point{position:absolute;left:50%;transform:translateX(-50%);padding:.5em .7em;border-radius:14px;background:#fff;box-shadow:var(--shadow-sm);font-size:clamp(14px,.9vw,19px);font-weight:800}.point span{display:block;color:var(--teal);font-weight:950}.start-point{top:73%}.end-point{top:12%}.distance-arrow{position:absolute;left:60%;top:17%;height:55%;width:9px;background:var(--gold);border-radius:5px}.distance-arrow::before,.distance-arrow::after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-left:16px solid transparent;border-right:16px solid transparent}.distance-arrow::before{top:-3px;border-bottom:22px solid var(--gold)}.distance-arrow::after{bottom:-3px;border-top:22px solid var(--gold)}.distance-arrow span{position:absolute;left:25px;top:46%;transform:translateY(-50%);white-space:nowrap;padding:.35em .55em;border-radius:10px;background:#fff;color:#835b10;font-size:clamp(18px,1.15vw,25px);font-weight:950}
.detective-grid{display:grid;grid-template-columns:1fr 1fr;gap:1vw}.detective-card{background:#fff;border:1px solid #dce8ee;border-radius:18px;box-shadow:var(--shadow-sm);padding:1vw;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr;column-gap:1vw}.detective-card h3,.detective-card p{grid-column:1}.detective-card .btn{grid-column:2;grid-row:1/3;align-self:center}.mini-answer{grid-column:1/-1;padding:.55vw .7vw;border-radius:12px;background:var(--green-soft);color:#17633f;font-size:clamp(14px,.9vw,19px);font-weight:850}
.phone-card{border-radius:28px;background:#111b28;padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1.2vh;justify-content:center}.phone-top{padding:.75em;border-radius:18px;background:#4b3ca8;color:#fff;font-size:clamp(22px,1.5vw,31px);font-weight:950;text-align:center}.score-panes{display:grid;grid-template-columns:1fr 1fr;gap:1vw}.score-panes>div{padding:1.2vw;border-radius:20px;color:#fff;text-align:center}.correct-pane{background:#129e59}.wrong-pane{background:#c82378}.score-panes span{display:block;font-size:clamp(40px,3vw,64px);font-weight:950}.score-panes small{font-size:clamp(16px,1vw,21px);font-weight:850}.points-row{display:grid;grid-template-columns:1fr 1fr;gap:.7vw;color:#fff}.points-row>div{padding:.7vw;border-radius:14px;background:#233143;text-align:center;font-size:clamp(14px,.9vw,19px)}
.methods-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1vw}.method-card{background:#fff;border:1px solid #dce8ee;border-radius:22px;box-shadow:var(--shadow-sm);padding:1.25vw}.method-label{display:inline-block;padding:.32em .65em;border-radius:999px;background:var(--teal);color:#fff;font-size:clamp(11px,.7vw,15px);font-weight:950;letter-spacing:.08em}.gold-bg{background:#a36f10}.math-stack{display:grid;gap:.9vh;margin-top:1.2vh;font-size:clamp(22px,1.45vw,31px);font-weight:900;color:var(--navy)}.answer-line{padding:.55em;border-radius:13px;background:var(--green-soft);color:#17633f}.compare-box{grid-column:1/-1;background:#eef8f8;border-left:6px solid var(--teal);border-radius:17px;padding:.9vw 1vw;display:grid;grid-template-columns:auto auto 1fr;gap:1vw;align-items:center}.compare-box p{font-size:clamp(14px,.9vw,19px)}
.stat-row{display:grid;grid-template-columns:1fr auto;align-items:center;padding:.85vw;border-radius:15px;background:#f7fbfd;border:1px solid #dce8ee;font-size:clamp(18px,1.2vw,26px);font-weight:850;margin:.6vh 0}.representation-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2vw}.rep-card{background:#fff;border:1px solid #dce8ee;border-radius:22px;box-shadow:var(--shadow-sm);padding:1.3vw}.rep-card.wide{grid-column:1/-1;background:#eef8f8;border-left:6px solid var(--teal)}.rep-example{margin-top:.7vh;padding:.6vw;border-radius:12px;background:#f5fafc;font-size:clamp(19px,1.3vw,28px);font-weight:900;color:var(--navy)}
.temp-scene{display:grid;grid-template-columns:140px 1fr;grid-template-rows:repeat(3,1fr);gap:.8vw;align-items:center}.thermo{grid-row:1/4;position:relative;width:72px;height:82%;margin:auto;border-radius:36px 36px 24px 24px;background:#e7eef2;border:6px solid #bccdd6}.thermo::after{content:"";position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);width:92px;height:92px;border-radius:50%;background:#e7eef2;border:6px solid #bccdd6}.thermo-fill{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:26px;height:58%;border-radius:13px;background:#c94549;transition:.6s}.thermo-bulb{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);width:60px;height:60px;border-radius:50%;background:#c94549;z-index:2}.temp-label{padding:.9vw;border-radius:15px;background:#f7fbfd;border:1px solid #dce8ee;font-size:clamp(17px,1.05vw,23px)}.temp-label strong{display:block;font-size:clamp(23px,1.55vw,34px);color:var(--navy)}.given-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75vw}.given-grid>div{padding:.9vw;border-radius:14px;background:#f7fbfd;border:1px solid #dce8ee;text-align:center;font-size:clamp(14px,.9vw,19px)}.given-grid strong{display:block;margin-top:.35em;font-size:clamp(22px,1.45vw,31px);color:var(--navy)}
.mixed-cfu-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:1.3vw}.mixed-cfu-main,.cfu-side{display:flex;flex-direction:column;gap:.75vh}.cfu-context{padding:.8vw;border-radius:14px;background:#fff4d9;color:#6f4b0e;font-size:clamp(19px,1.25vw,27px);font-weight:850}.cfu-stage{padding:.75vw;border-radius:15px;background:#f7fbfd;border:1px solid #dce8ee}.cfu-stage.locked{opacity:.38;pointer-events:none}.answer-entry-row{display:flex;gap:.6vw}.answer-entry-row input{flex:1;min-width:0;height:56px;border:3px solid #cbdce6;border-radius:13px;padding:0 .7em;font-size:clamp(22px,1.5vw,31px);font-weight:900;color:var(--navy)}.decision-mini{display:grid;grid-template-columns:auto auto 1fr auto 1fr;gap:.55vw;align-items:center;padding:.9vw;border-radius:16px;background:#fff;border:1px solid #dce8ee;font-size:clamp(14px,.9vw,19px);font-weight:850}.cfu-progress{padding:.55em .8em;border-radius:13px;background:#e8f3f7;color:var(--navy);font-size:clamp(13px,.85vw,18px);font-weight:900}
.game-margins{display:flex;flex-direction:column;justify-content:center;gap:1.1vh}.margin-row{display:grid;grid-template-columns:repeat(6,1fr);gap:.6vw}.margin-row span{display:grid;place-items:center;padding:.75em;border-radius:14px;background:#f7fbfd;border:1px solid #dce8ee;font-size:clamp(22px,1.55vw,34px);font-weight:950;color:var(--navy)}.choices{display:grid;grid-template-columns:1fr 1fr;gap:.65vw}
.exit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1vw}.exit-card{background:#fff;border:1px solid #dce8ee;border-radius:20px;box-shadow:var(--shadow-sm);padding:1.1vw;display:flex;flex-direction:column;gap:.6vh}.exit-num{width:2em;height:2em;display:grid;place-items:center;border-radius:50%;background:#e8f2f6;color:var(--navy);font-weight:950}.write-lines{display:grid;gap:11px;margin-top:auto;padding-top:8px}.write-lines div{height:2px;background:#d7e5eb}.stop-banner{margin-top:1vh;border-radius:18px;background:linear-gradient(90deg,#12385b,#137d84);color:#fff;padding:.75em 1em;display:flex;justify-content:space-between;gap:1vw;font-size:clamp(14px,.9vw,19px);font-weight:850}
.assignment-slide{background:linear-gradient(180deg,#fbfdff,#eef8fb)}.assignment-main{display:flex;flex-direction:column;justify-content:center;gap:1vh}.assignment-block{padding:1vw;border-radius:18px;background:#fff;border:1px solid #dce8ee;box-shadow:var(--shadow-sm)}.assignment-page{font-size:clamp(19px,1.25vw,27px);font-weight:950;color:var(--teal)}.assignment-list{font-size:clamp(28px,2vw,42px);font-weight:950;color:var(--navy)}.assignment-reason{padding:.8vw;border-radius:15px;background:#eef8f8;border-left:5px solid var(--teal);font-size:clamp(14px,.92vw,20px);font-weight:760}.assignment-check{padding:.35em 0;font-size:clamp(15px,.95vw,20px);font-weight:800}.challenge-number{font-size:clamp(32px,2.2vw,47px);font-weight:950;color:#7a5410}
@media(max-height:820px){.slide{padding-top:1.5vh}.slide-title-row{margin-bottom:.9vh}.card{padding:1vw}.compact-card{padding:.8vw .9vw}.safe-stack{gap:.55vh}.callout.compact{padding:.55vw .75vw}.do-now16{height:53vh}.criterion{padding:.58vw .75vw}.relation-card{padding:.95vw}.store-table th,.store-table td{padding:.55em .65em}.temp-scene{grid-template-columns:120px 1fr}.exit-card{padding:.9vw}.bar-board{gap:.9vh}}
@media(max-aspect-ratio:4/3){.grid-2-45,.grid-2-55{gap:1.5vw}.essential-chip{max-width:43vw}.relation-card p{font-size:clamp(13px,.88vw,18px)}.methods-grid{gap:.8vw}.mixed-cfu-layout{grid-template-columns:1.15fr .85fr}.assignment-list{font-size:clamp(25px,1.8vw,36px)}}

.btn:hover:not([disabled]){transform:translateY(-1px);filter:brightness(1.02)}
.btn:active:not([disabled]){transform:translateY(1px)}
.feedback{min-height:50px;display:flex;align-items:center}
.reveal{visibility:hidden}
.reveal.visible{visibility:visible}
.decision-scene svg{padding:10px 12px 14px}
.cfu-stage.locked{background:#f4f8fa;border-color:#dce8ee}
.store-grid .feedback,.reason-grid .feedback,.lock-grid .feedback,.balloon16-grid .feedback,.kevin-grid .feedback,.temptry-grid .feedback,.staar-grid .feedback{font-size:clamp(14px,.92vw,19px)}