*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#102f48;font-family:Arial,sans-serif;color:#123752}button{font:700 25px Arial;min-height:58px;padding:12px 24px;border:2px solid #bcdded;border-radius:18px;background:white;color:#126795;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:5px solid #ffba43}button:disabled{opacity:.4;cursor:default}button.active,.primary{background:#087fb5;color:white;border-color:#087fb5}.green{background:#087f63;color:white}.wrong{background:#fff0e9;border-color:#dc6738}.correct{background:#d8f6e9;border-color:#088761;color:#08634c}#stage{position:absolute;width:1600px;height:900px;transform-origin:top left;background:#eff9fe;display:flex;flex-direction:column;overflow:hidden}header{height:98px;flex-shrink:0;background:linear-gradient(110deg,#0856a1,#11b4c7);color:white;padding:18px 28px;display:flex;justify-content:space-between;align-items:center}header b{font-size:33px}header small{display:block;font-size:16px;letter-spacing:2px;margin-top:7px}.tools{display:flex;gap:9px}.tools button{font-size:21px;padding:10px 16px;min-height:55px}main{height:690px;padding:26px 38px 15px;position:relative;overflow:hidden}nav{height:70px;display:flex;justify-content:space-between;align-items:center;padding:6px 30px;border-top:2px solid #c4e3ee;background:white}nav span{font-size:22px;font-weight:bold}footer{height:42px;display:flex;align-items:center;justify-content:center;font-size:18px;background:white}h1{font-size:55px;line-height:1.08;margin:12px 0 20px}h2{font-size:37px;margin:15px 0}p{font-size:29px;line-height:1.45;margin:12px 0}.eyebrow{color:#007ba4;letter-spacing:3px;font-size:20px;font-weight:800;text-transform:uppercase}.sub{color:#506f83;font-size:25px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.panel{background:white;border:2px solid #d1e8f1;border-radius:24px;padding:24px}.photo{width:100%;height:375px;object-fit:contain;border-radius:20px;background:#d9edf6}.bigphoto{height:465px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chorepic{background-image:url('assets/chores-four-pictures-color.png');background-size:200% 200%;background-repeat:no-repeat;width:100%;height:195px;border-radius:18px}.p0{background-position:left top}.p1{background-position:right top}.p2{background-position:left bottom}.p3{background-position:right bottom}.chorecard{padding:10px;position:relative}.chorecard button{width:100%;margin-top:8px}.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:16px 0}.list{font-size:29px;line-height:1.7;padding-left:34px}.sentence{font-size:34px;line-height:1.6}.highlight{background:#fff0a6;border-radius:8px;padding:2px 5px}.feedback{font-size:27px;font-weight:bold;min-height:42px;margin-top:18px;color:#087759}.choices{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.choices button{font-size:36px;min-height:100px}.step{display:inline-block;background:#d9f1fc;padding:8px 18px;border-radius:30px;font-size:23px;font-weight:bold}.reveal{background:#e2f6f0;padding:15px 20px;border-radius:18px;font-size:28px;margin-top:15px}.quizpic{height:280px}.smallpic{height:140px}.match button{font-size:26px;width:100%;text-align:left;margin-bottom:16px}.tag{font-size:23px;color:#43748a}.secret{background:#153b5c;color:white;text-align:center;min-height:200px;display:flex;flex-direction:column;justify-content:center;border-radius:20px;padding:20px}.secret p{font-size:38px}.exit p{font-size:27px;line-height:1.4}.exit .panel{padding:20px}dialog{border:0;border-radius:25px;padding:28px;width:1250px;max-width:none;max-height:800px;color:#153b5c;background:#f5fbff}dialog::backdrop{background:#06243cd9}dialog p{font-size:27px}dialog .menugrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}#status{position:absolute;top:103px;right:25px;background:#153b5c;color:white;border-radius:14px;font-size:19px;padding:8px 16px;max-width:850px;pointer-events:none}#status:empty{display:none}.number{position:absolute;left:20px;top:20px;border-radius:50%;background:#087fb5;color:white;width:40px;height:40px;display:grid;place-items:center;font-weight:bold;font-size:24px}.center{text-align:center}.compact{font-size:24px}.key{font-size:24px;line-height:1.45}.meter{height:10px;background:#d4e8f4;border-radius:10px;margin:18px 0}.meter i{display:block;background:#10a89a;height:100%;border-radius:10px}
main[data-page="1"] .choices{grid-template-columns:repeat(3,1fr);margin-top:18px}main[data-page="1"] .choices button{font-size:31px;min-height:90px}main[data-page="1"] .panel{padding:22px}main[data-page="3"] .chorepic{height:180px}main[data-page="3"] .chorecard{padding:8px}main[data-page="3"] h1{margin-bottom:16px}main[data-page="7"] .chorepic{height:140px}main[data-page="7"] .chorecard p{margin:6px;font-size:25px}main[data-page="7"] .chorecard button{min-height:50px;padding:8px}main[data-page="8"] .chorepic{height:150px}main[data-page="8"] .chorecard{font-size:22px;padding:8px}main[data-page="12"] .exit p{font-size:25px;margin:10px 0}main[data-page="12"] .exit .row{margin:10px 0}main[data-page="12"] .exit button{font-size:22px;min-height:54px}main[data-page="12"] .sub{font-size:23px;margin-top:10px}
main[data-page="7"] .chorepic{height:115px}main[data-page="7"] .grid{gap:12px}main[data-page="7"] h1{margin-bottom:12px}main[data-page="7"] .row{margin:10px 0}main[data-page="7"] .chorecard{padding:8px}

/* V2: compact lower bar, undistorted images, explicit review flow */
main{height:732px;flex-shrink:0}nav{height:48px;flex-shrink:0;padding:3px 25px}nav button{min-height:40px;padding:5px 22px;font-size:22px;border-radius:12px}nav span{font-size:20px}footer{height:22px;flex-shrink:0;font-size:14px;color:#416075}
.chorepic{background:none;overflow:hidden}.chorepic svg{width:100%;height:100%;display:block}.gallery .chorepic{height:440px!important}.galleryword{display:block;width:100%;margin:16px 0;text-align:left;min-height:74px;font-size:30px}.gallery .panel{padding:16px}.gallery .center{margin:10px 0;font-size:30px}.reviewgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.reviewgrid .panel{padding:18px}.reviewgrid h2{font-size:30px;min-height:70px}.reviewgrid .compact{font-size:24px;line-height:1.4}.reviewgrid .reveal{font-size:28px}.retry{color:#ab391c;font-size:27px;font-weight:bold}.reviewgrid .feedback{margin-top:12px}.promptpanel p{font-size:26px;margin:10px 0}.promptpanel{padding:20px}.promptpanel .compact{font-size:24px;line-height:1.4}.promptpanel .row{margin:12px 0}.promptpanel .reveal{margin-top:12px}.promptpanel button{font-size:23px}.promptpanel .reveal .row{margin:10px 0 0}
main[data-page="1"] .reviewgrid .panel{padding:16px}main[data-page="1"] .reviewgrid h2{font-size:28px;min-height:66px;margin:10px 0}main[data-page="1"] .reviewgrid .compact{font-size:22px;line-height:1.3;margin:10px 0}main[data-page="1"] .reviewgrid .feedback,main[data-page="1"] .reviewgrid .retry{font-size:25px;min-height:30px;margin:10px 0}main[data-page="1"] .reviewgrid .reveal{font-size:26px;padding:10px 14px;margin-top:10px}main[data-page="1"] .reviewgrid button{font-size:22px;min-height:50px;padding:8px 18px}

main[data-page="6"] h1{font-size:48px;margin:10px 0 16px}.formulas .panel{padding:16px 22px}.formulas h2{font-size:32px;margin:15px 0 10px}.formulas p{font-size:26px;margin:8px 0}.formulas .step{font-size:24px}.grammartabs{margin:14px 0}.grammartabs button,.grammarbottom button{min-height:52px;font-size:23px;padding:8px 18px}.spelling .panel{padding:16px 22px}.spelling h2{font-size:31px;margin:4px 0 12px}.spelling p{font-size:26px;line-height:1.5;margin:8px 0}.spelling .sub{font-size:23px}.grammarbottom{margin:14px 0;gap:12px}.grammarbottom .compact{font-size:22px}.sentenceexamples .panel{padding:15px 22px}.sentenceexamples h2{font-size:31px;margin:8px 0 12px}.sentenceexamples button{min-height:48px;font-size:23px;padding:8px 18px}
main[data-page="7"] .grid{grid-template-columns:repeat(4,1fr);gap:18px}main[data-page="7"] .chorepic{height:280px}main[data-page="7"] .chorecard{padding:12px}main[data-page="7"] .chorecard button{font-size:25px;min-height:64px}main[data-page="7"] .number{left:12px;top:12px}

.videolayout{display:grid;grid-template-columns:940px 1fr;gap:25px}.videoCinema{width:940px;height:529px;background:#06233c;border-radius:20px;overflow:hidden;position:relative}.videoCinema iframe{width:100%;height:100%;border:0;display:block}.videoPoster{position:relative;width:100%;height:100%;padding:0;border:0;background:#071e30;overflow:hidden}.videoPoster img{width:100%;height:100%;object-fit:contain;opacity:.82}.videoPoster span{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);background:#087fb5;color:white;padding:16px 30px;border-radius:14px;font-size:30px;white-space:nowrap}.sourcecredit{font-size:18px;line-height:1.4;margin:8px 0}.sourcecredit a{color:#0875a4}.watchtask{padding:20px}.watchtask .step{font-size:23px}.watchtask h2{font-size:34px}.watchtask p{font-size:26px}.watchtask button{font-size:22px;padding:10px 15px}.watchtask .compact{font-size:22px;line-height:1.4}.watchtask .reveal{padding:12px 15px}.watchtask .row{margin:12px 0}.watchtask .sub{margin:10px 0}
.watchtask{padding:16px}.watchtask h2{font-size:31px;margin:10px 0}.watchtask p{font-size:23px;line-height:1.35;margin:9px 0}.watchtask .step{font-size:21px}.watchtask button{min-height:48px;font-size:20px;padding:8px 14px}.watchtask .compact{font-size:20px;line-height:1.35}.watchtask .reveal{font-size:21px;line-height:1.35;margin-top:10px;padding:10px 12px}.watchtask .row{margin:10px 0}.watchtask .sub{font-size:22px;margin:9px 0}
.videolayout{grid-template-columns:890px 1fr;align-items:start}.videoCinema{width:890px;height:501px}.sourcecredit{font-size:17px;line-height:1.35;margin:7px 0}

.videolayout{grid-template-columns:820px 1fr}.videoCinema{width:820px;height:461px}.cinemaControls{display:flex;justify-content:space-between;gap:12px;padding-bottom:8px}.cinemaControls button{min-height:42px;font-size:21px;padding:6px 18px}.cinemaExpanded,#cinemaShell:fullscreen{position:fixed;inset:10px;z-index:100;width:auto;height:auto;max-width:none;background:#09243a;padding:16px;border-radius:18px;display:flex;flex-direction:column}#cinemaShell:fullscreen{inset:0;width:100vw;height:100vh;border-radius:0}.cinemaExpanded .videoCinema,#cinemaShell:fullscreen .videoCinema{width:100%;height:auto;flex:1;min-height:0}.videoCinema iframe,.videoCinema #lessonYT{width:100%;height:100%;border:0;display:block}.videoNote{position:absolute;bottom:110px;left:30px;right:30px;padding:16px;background:#fff;color:#153b5c;font-size:24px;border-radius:14px}.videoFinished{height:100%;width:100%;position:relative;display:grid;place-items:center;color:white}.videoFinished>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.2}.videoFinished>div{z-index:1;padding:25px;text-align:center}.videoFinished .row{justify-content:center}.videoFinished h2{font-size:43px}.videoFinished p{font-size:28px}