.publicLearning .aakriAppBar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;padding:8px 12px;margin:8px 0;border:1px solid #bcd5cc;border-radius:12px;background:#edf7f2;color:#12313b;font-size:13px;line-height:1.4}.aakriAppBar>div{display:flex;gap:8px;flex-wrap:wrap}.publicLearning .aakriAppBar a{display:inline-flex;align-items:center;min-height:44px;padding:6px 12px;border-radius:9px;background:#153b46;color:#fff;font-size:13px;font-weight:700;text-decoration:none}.aakriAppBar a:focus-visible{outline:3px solid #ba8200;outline-offset:2px}body{margin:0;font-family:Arial,sans-serif;background:#f4f7f1;color:#10231a}main{max-width:1040px;margin:0 auto;padding:24px}nav{display:flex;gap:14px;margin-bottom:16px;flex-wrap:wrap}nav a{color:#0b6b43;font-weight:800;text-decoration:none}.hero,.topbar,.panel{background:#fff;border:1px solid #dbe7dd;border-radius:8px;padding:20px}.hero,.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center}.hero{background:linear-gradient(135deg,#0b3d2e,#1971c2);color:#fff;min-height:190px}.hero p{color:#e7f5ff;max-width:560px}h1,h2{margin:0 0 8px}button{border:0;border-radius:8px;background:#0b6b43;color:#fff;padding:12px 16px;font-weight:800;cursor:pointer}.hero button{background:#fff;color:#0b3d2e}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{margin-top:16px}.note{color:#5f7168;font-size:14px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chips span{color:#fff;border-radius:8px;padding:8px 10px;font-weight:800}code{display:block;margin-top:8px;overflow-wrap:anywhere}.legal{line-height:1.6}.legal h1{color:#0b3d2e}.legal h2{color:#173b2b;margin-top:24px}form{display:grid;gap:12px;max-width:520px}label{display:grid;gap:6px;font-weight:800}input,select{border:1px solid #bfd2c5;border-radius:8px;padding:12px;font:inherit;background:#fff}.success{color:#0b6b43;font-weight:800}.languageSwitch{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.languageSwitch .activeLanguage{background:#12384f}.itemPreviewGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:14px}.itemPreview{border:1px solid #dbe7dd;border-radius:8px;padding:10px;background:#f8fbf8;display:grid;gap:8px;align-items:center}.dailyShell,.glossaryShell{display:grid;gap:16px}.dailyCard{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:16px;align-items:center;background:#f8fbf8;border:1px solid #dbe7dd;border-radius:8px;padding:14px}.dailyLearn{background:#e8f5ee;border:1px solid #b9ddc5;border-radius:8px;padding:14px;display:grid;gap:8px}.dailyLearn p{margin:0;line-height:1.5}.glossaryControls{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,220px);gap:10px}.glossaryControls select{border:1px solid #bfd2c5;border-radius:8px;padding:12px;font:inherit;background:#fff}.glossaryGrid{display:grid;gap:12px}.glossaryItem{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:start;background:#f8fbf8;border:1px solid #dbe7dd;border-radius:8px;padding:12px}.glossaryItem h2,.glossaryItem p{margin:0 0 6px}.institutionShell{display:grid;gap:16px}.institutionHeader{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px);gap:16px;align-items:start}.institutionHeader p{max-width:680px;line-height:1.5}.roomCodeCard{border:1px solid #bfd2c5;border-radius:8px;padding:14px;background:#f8fbf8;display:grid;gap:8px}.roomCodeCard span,.institutionKpis span{color:#5f7168;font-size:13px;font-weight:800}.roomCodeCard strong{font-size:26px;color:#0b3d2e;letter-spacing:0}.institutionForm,.institutionKpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.institutionKpis div{border:1px solid #dbe7dd;border-radius:8px;padding:14px;background:#f8fbf8;display:grid;gap:6px}.institutionKpis strong{font-size:26px;color:#0b3d2e}.groupToolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.accessShell{display:grid;gap:16px}.accessHeader,.roleNotice{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:16px;align-items:start}.accessHeader p,.roleNotice p,.restrictedPanel p{margin:0;line-height:1.5}.accessCurrent,.roleNotice>div{border:1px solid #bfd2c5;border-radius:8px;background:#f8fbf8;padding:14px;display:grid;gap:6px}.accessCurrent span,.roleNotice span,.accessMatrix span{color:#5f7168;font-size:13px;font-weight:800}.accessCurrent strong,.roleNotice strong{color:#0b3d2e;font-size:22px}.roleGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.roleGrid button{background:#fff;color:#10231a;border:1px solid #dbe7dd;text-align:left;display:grid;gap:8px;align-content:start;min-height:132px}.roleGrid button span{color:#5f7168;font-weight:700;line-height:1.35}.roleGrid .activeRole{background:#0b6b43;color:#fff}.roleGrid .activeRole span{color:#e8f5ee}.accessMatrix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.accessMatrix div,.assignedGroupPanel,.restrictedPanel{border:1px solid #dbe7dd;border-radius:8px;background:#f8fbf8;padding:14px;display:grid;gap:8px}.accessMatrix strong{color:#0b3d2e;font-size:20px}.restrictedMessage{border:1px dashed #bfd2c5;border-radius:8px;background:#fff;padding:12px;color:#5f7168;font-weight:800}.secondaryAction{border-radius:8px;background:#fff;color:#0b6b43;border:1px solid #bfd2c5;padding:12px 16px;font-weight:800;text-decoration:none;text-align:center}.joinPanel{border:1px solid #dbe7dd;border-radius:8px;background:#f8fbf8;padding:14px;display:grid;gap:12px}.joinPanel p{margin:0;line-height:1.5}.joinGrid{display:grid;grid-template-columns:minmax(160px,1fr) minmax(130px,180px) minmax(160px,1fr) auto;gap:10px;align-items:end}.linkedParticipant{border:1px solid #b9ddc5;border-radius:8px;background:#fff;padding:10px;display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center}.linkedParticipant span{color:#5f7168;font-size:13px;font-weight:800}.groupCodePanel{border:1px solid #dbe7dd;border-radius:8px;background:#f8fbf8;padding:14px;display:grid;gap:12px}.groupCodeHeader{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,260px);gap:12px;align-items:start}.groupCodeHeader p{margin:0;line-height:1.5}.institutionIdCard{border:1px solid #bfd2c5;border-radius:8px;background:#fff;padding:12px;display:grid;gap:6px}.institutionIdCard span,.groupCodeListHead,.groupCodeRow span{color:#5f7168;font-size:13px;font-weight:800}.institutionIdCard strong{color:#0b3d2e;font-size:24px;overflow-wrap:anywhere}.groupCodeControls{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end}.groupCodeList{display:grid;gap:8px;overflow-x:auto}.groupCodeListHead,.groupCodeRow{min-width:760px;display:grid;grid-template-columns:130px minmax(180px,1fr) 90px 110px 190px;gap:8px;align-items:center}.groupCodeRow{border:1px solid #dbe7dd;border-radius:8px;background:#fff;padding:8px}.groupCodeRow strong{color:#0b3d2e;font-size:20px}.groupCodeRow div{display:flex;gap:8px}.groupCodeRow button{padding:9px 10px;margin:0}.dangerAction{background:#b42318}.eventInsightPanel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.eventInsightPanel div,.confusionList div{border:1px solid #dbe7dd;border-radius:8px;background:#fff;padding:12px;display:grid;gap:5px}.eventInsightPanel span,.confusionList span{color:#5f7168;font-size:13px;font-weight:800}.eventInsightPanel strong{font-size:24px;color:#0b3d2e}.confusionPanel{border:1px solid #dbe7dd;border-radius:8px;background:#f8fbf8;padding:14px;display:grid;gap:10px}.confusionList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.auditPanel{border:1px solid #dbe7dd;border-radius:8px;background:#f8fbf8;padding:14px;display:grid;gap:12px}.auditPanel p{margin:0;line-height:1.5}.auditForm{display:grid;grid-template-columns:minmax(140px,170px) minmax(150px,190px) minmax(120px,150px) minmax(180px,1fr);gap:12px;align-items:end}.auditForm label{min-width:0}.auditForm input,.auditForm select{width:100%;box-sizing:border-box}.auditForm label:nth-of-type(5),.auditForm label:nth-of-type(6){grid-column:span 2}.auditAddButton{width:fit-content;min-width:128px;justify-self:end;white-space:nowrap}.auditSummary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.auditSummary div{border:1px solid #dbe7dd;border-radius:8px;background:#fff;padding:10px;display:grid;gap:4px}.auditSummary span{color:#5f7168;font-size:13px;font-weight:800}.auditSummary strong{color:#0b3d2e}.auditTable{display:grid;gap:8px;overflow-x:auto}.auditEmpty{min-width:0;border:1px dashed #bfd2c5;border-radius:8px;background:#fff;padding:14px;color:#5f7168;font-weight:800}.auditTableHead,.auditTableRow{min-width:920px;display:grid;grid-template-columns:110px 110px 70px 140px 170px minmax(180px,1fr) 90px;gap:8px;align-items:center}.auditTableHead{color:#5f7168;font-size:13px;font-weight:800}.auditTableRow{border:1px solid #dbe7dd;border-radius:8px;background:#fff;padding:8px}.auditTableRow button{padding:9px 10px}.institutionTable{display:grid;gap:8px;overflow-x:auto}.institutionTableHead,.institutionTableRow{min-width:760px;display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(4,minmax(100px,1fr));gap:8px;align-items:center}.institutionTableHead{color:#5f7168;font-size:13px;font-weight:800}.institutionTableRow{border:1px solid #dbe7dd;border-radius:8px;padding:8px;background:#f8fbf8}.institutionTableRow input{width:100%;box-sizing:border-box}.reportPanel{border:1px solid #b9ddc5;border-radius:8px;background:#e8f5ee;padding:14px;display:grid;gap:12px}.reportPanel p{margin:0;line-height:1.5}.reportSummaryGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.reportSummaryGrid div{border:1px solid #b9ddc5;border-radius:8px;background:#fff;padding:12px;display:grid;gap:5px}.reportSummaryGrid span{color:#5f7168;font-size:13px;font-weight:800}.reportSummaryGrid strong{color:#0b3d2e;font-size:22px}.itemPreview img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.emojiVisual{width:min(150px,48vw);aspect-ratio:1;border-radius:18px;background:#f7f2e8;border:2px solid #d8d0bd;display:grid;place-items:center;font-size:clamp(58px,14vw,92px);line-height:1}.emojiPreview{width:100%;aspect-ratio:1;border-radius:8px;background:#f7f2e8;border:1px solid #d8d0bd;display:grid;place-items:center;font-size:48px}.gameShell{display:grid;gap:16px}.gameHeader{display:flex;justify-content:space-between;gap:16px;align-items:start}.heroActions{display:flex;gap:10px;flex-wrap:wrap}.buttonLink{display:inline-block;border-radius:8px;background:#fff;color:#0b3d2e;padding:12px 16px;font-weight:800;text-decoration:none}.scoreRow{display:flex;gap:12px;flex-wrap:wrap}.scoreRow strong{background:#e9f3ed;border-radius:8px;padding:10px 12px}.webConveyor{background:#d8efe1;border:2px solid #91c7a5;border-radius:8px;padding:14px;display:grid;gap:5px;justify-items:center;text-align:center}.webConveyor img{width:min(220px,70vw);aspect-ratio:1;border-radius:8px;object-fit:cover}.webConveyor h2{font-size:clamp(24px,5vw,30px);margin:4px 0}.webConveyor p{margin:0}.binGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.binGrid button{color:#fff;min-height:48px;margin-top:0}.result{border-radius:8px;padding:16px;display:grid;gap:10px}.successBox{background:#d3f9d8}.failBox{background:#ffe3e3}.gameMessage{font-weight:800;color:#26382e}.levelPicker{display:flex;flex-wrap:wrap;gap:8px}.levelPicker button{width:48px;height:42px;padding:0;background:#0b6b43}.levelPicker button:disabled{background:#adb5bd;cursor:not-allowed}.levelPicker .activeLevel{outline:3px solid #f08c00}@media (max-width: 720px){main{padding:12px}nav{gap:10px;margin-bottom:10px}.panel{padding:12px;margin-top:10px}.hero,.topbar,.grid,.gameHeader{display:block}button,.buttonLink{margin-top:12px;width:100%;box-sizing:border-box;text-align:center}.gameHeader{display:grid;gap:10px}.languageSwitch{display:grid;grid-template-columns:1fr 1fr}.languageSwitch button{width:100%;margin-top:0}.scoreRow{display:grid;grid-template-columns:repeat(3,1fr)}.institutionHeader,.institutionForm,.institutionKpis,.accessHeader,.roleNotice,.roleGrid,.accessMatrix,.eventInsightPanel,.confusionList,.groupCodeHeader,.groupCodeControls,.auditForm,.auditSummary,.reportSummaryGrid,.groupToolbar,.joinGrid,.linkedParticipant{grid-template-columns:1fr}.auditForm label:nth-of-type(5),.auditForm label:nth-of-type(6){grid-column:auto}.roomCodeCard button,.groupToolbar button,.reportPanel button,.joinGrid button,.linkedParticipant button,.auditAddButton{width:100%;justify-self:stretch}.scoreRow strong{text-align:center;font-size:14px;padding:8px 10px}.webConveyor{padding:10px}.binGrid{grid-template-columns:repeat(2,1fr)}.binGrid button{width:100%;min-height:46px;margin-top:0}}.gameShell,.gameHeader{gap:10px}.gameHeader h1{font-size:clamp(24px,5vw,32px)}.gameHeader p{margin:4px 0}.scoreRow{gap:8px}.scoreRow strong{padding:7px 9px;font-size:14px}.webConveyor{padding:10px;gap:4px}.emojiVisual{width:min(116px,36vw);font-size:clamp(50px,12vw,78px)}.webConveyor h2{font-size:clamp(22px,4.5vw,28px);line-height:1.08}.webConveyor span{font-size:13px}.binGrid{gap:8px}.binGrid button{min-height:44px;padding:9px 10px;font-size:14px}.gameMessage{margin:0;font-size:14px}@media (max-width: 720px){.gameShell{gap:8px}.webConveyor{padding:8px}.binGrid{position:sticky;bottom:0;z-index:2;background:#f4f7f1;padding:8px 0}.levelPicker button{width:42px;height:38px;font-size:13px}}.gameShell{max-width:920px}.webConveyor{max-width:760px;margin:0 auto;width:100%;min-height:unset}.emojiVisual{width:min(104px,32vw);font-size:clamp(48px,10vw,72px)}.webConveyor h2{margin:2px 0}.binGrid{max-width:760px;margin:0 auto;width:100%}.gameHeader{max-width:920px;margin:0 auto;width:100%}.scoreRow{max-width:760px;margin:0 auto;width:100%}@media (max-width: 720px){.emojiVisual{width:92px;font-size:54px}.webConveyor h2{font-size:22px}.webConveyor{border-width:1px}.binGrid{gap:8px}}.emojiVisual{width:min(92px,28vw);font-size:clamp(44px,9vw,64px)}.webConveyor{padding:8px}.webConveyor h2{font-size:clamp(21px,4vw,26px)}@media (max-width: 720px){.emojiVisual{width:82px;font-size:48px}.webConveyor{padding:7px}}.webConveyor{gap:6px}.webConveyor .secondaryName{color:#53675b;font-size:clamp(16px,2.5vw,20px)}.webConveyor span{display:none}@media (max-width: 720px){.webConveyor .secondaryName{font-size:15px}}.webConveyor{min-height:0;padding:12px}.webItemCard{width:min(560px,92%);min-height:132px;background:#fff;border:2px solid #0b6b43;border-radius:8px;display:flex;align-items:center;gap:18px;padding:14px 18px;box-sizing:border-box}.webItemText{min-width:0;flex:1;text-align:left}.webItemText h2{margin:0 0 8px;line-height:1.15}.webItemText .secondaryName{margin:0}@media (max-width: 720px){.webItemCard{width:100%;min-height:112px;gap:12px;padding:10px}.webItemText h2{font-size:20px}}.webItemCard{min-height:118px}.webConveyor{padding:10px}.levelPicker{padding-bottom:16px}.gameHeader h1{color:#0b3d2e}.scoreRow strong:first-child{font-size:18px;color:#0b3d2e}.webScoreBar{height:8px;background:#d8eadf;border-radius:8px;overflow:hidden;max-width:760px;width:100%;margin:0 auto}.webScoreBar div{height:8px;background:#0b6b43;border-radius:8px}.lifeIcons{background:transparent!important;font-size:22px!important;padding:0!important}.webFooterLinks{display:flex;gap:8px;justify-content:center;color:#6b7d71;font-size:13px;padding:24px 0 8px}.webFooterLinks a{color:#6b7d71;text-decoration:none;font-weight:700}.webTimer{margin-left:auto;background:transparent!important;color:#0b3d2e;font-size:22px!important}.webTimer.warn{color:#f08c00}.webTimer.urgent{color:#b42318;font-size:28px!important}@media (max-width: 720px){.scoreRow{grid-template-columns:repeat(4,1fr)}.webTimer{text-align:center}}.scoreRow{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));align-items:center;max-width:760px;margin:0 auto;width:100%}.scoreRow strong{text-align:center}.lifeIcons{font-size:28px!important;line-height:1}.gameMessage{max-width:760px;margin:0 auto;padding:10px 12px;border-radius:8px;box-sizing:border-box}.successMessage{background:#eef7f1;color:#0b6b43;border:1px solid #b9ddc5}.failMessage{background:#fff5f5;color:#b42318;border:1px solid #f1aeb5}.secondaryAction{display:block;text-align:center;color:#495057;font-weight:900;text-decoration:none;padding:10px 0}.result .secondaryAction{margin-top:-4px}@media (max-width: 720px){.scoreRow{grid-template-columns:repeat(2,1fr)}.webTimer{margin-left:0}}.webStars{color:#f08c00;font-size:42px;font-weight:900;line-height:1;margin:4px 0 8px}.webCoins{color:#0b6b43;font-weight:900;font-size:18px}.webStarReason{color:#42664f;font-weight:800}.result.successBox button:first-of-type{font-size:18px;min-height:54px}.result.successBox button:nth-of-type(2){background:#495057}.gameShell{gap:10px}.gameHeader{align-items:center}.gameHeader h1{font-size:34px;margin-bottom:4px}.gameHeader p{margin:2px 0}.scoreRow{margin-top:2px;margin-bottom:2px}.webScoreBar{margin-top:0;margin-bottom:4px}.result{max-width:760px;width:100%;margin:0 auto;padding:18px 24px;box-sizing:border-box;gap:10px}.result.successBox{display:grid;grid-template-columns:1fr 1.1fr;grid-template-areas:"title actions" "stars actions" "score actions" "coins actions" "reason actions";align-items:center;column-gap:24px;row-gap:6px}.result.successBox h2{grid-area:title;font-size:30px;margin:0}.result.successBox .webStars{grid-area:stars;font-size:38px;margin:0}.result.successBox p{margin:0}.result.successBox p:nth-of-type(1){grid-area:score}.result.successBox .webCoins{grid-area:coins}.result.successBox .webStarReason{grid-area:reason}.result.successBox button,.result.successBox .secondaryAction{width:100%;margin:0}.result.successBox button:first-of-type{grid-area:actions;align-self:start;margin-top:6px}.result.successBox button:nth-of-type(2){grid-area:actions;align-self:center;margin-top:76px}.result.successBox .secondaryAction{grid-area:actions;align-self:end;padding:6px 0}.result.failBox{gap:12px}.result.failBox h2{font-size:30px}.gameMessage{margin-top:4px}.levelPicker{margin-top:10px}@media (max-width: 720px){.result.successBox{display:grid;grid-template-columns:1fr;grid-template-areas:"title" "stars" "score" "coins" "reason" "actions";padding:16px}.result.successBox button:first-of-type,.result.successBox button:nth-of-type(2),.result.successBox .secondaryAction{grid-area:auto;align-self:auto;margin-top:0}}.result.successBox{grid-template-areas:"title next" "stars next" "score replay" "coins replay" "reason home"}.result.successBox button:first-of-type{grid-area:next;align-self:stretch;margin:0}.result.successBox button:nth-of-type(2){grid-area:replay;align-self:stretch;margin:0}.result.successBox .secondaryAction{grid-area:home;align-self:center;margin:0;padding:12px 0;background:transparent}.whyPopup{max-width:760px;margin:0 auto;padding:12px;border-radius:8px;border:1px solid #f1aeb5;background:#fff5f5;color:#26382e;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;box-sizing:border-box}.whyPopup strong{color:#b42318;font-size:20px}.whyPopup p{margin:4px 0 0}.whyPopup button{background:#b42318;margin:0;white-space:nowrap}@media (max-width: 720px){.result.successBox{grid-template-areas:"title" "stars" "score" "coins" "reason" "next" "replay" "home"}.whyPopup{grid-template-columns:1fr}}.webConveyor{position:relative;overflow:hidden}.webConveyor:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:8px;opacity:.22;background:repeating-linear-gradient(90deg,rgba(11,107,67,.25) 0,rgba(11,107,67,.25) 18px,transparent 18px,transparent 36px);animation:beltMove var(--belt-duration, .9s) linear infinite}@keyframes beltMove{0%{background-position-x:0}to{background-position-x:36px}}.webItemCard,.beltMeta{position:relative;z-index:1}.beltMeta{width:min(560px,92%);margin:0 auto 6px;color:#42664f;font-size:13px;font-weight:900;text-align:left}.webStars span{color:#b9c3bd}.webStarReason{line-height:1.35}.result.successBox{grid-template-columns:1fr 1fr;grid-template-areas:"title next" "stars share" "score replay" "coins home" "reason home"}.result.successBox .shareAction{grid-area:share;background:#1c7ed6}.result.successBox .replayAction{grid-area:replay;background:#495057}.result.successBox .secondaryAction,.result.failBox .secondaryAction{border-radius:8px;background:#495057;color:#fff;display:grid;min-height:48px;place-items:center;padding:0 12px;box-sizing:border-box}.result.failBox{max-width:760px;margin:0 auto;padding:24px;gap:14px}.result.failBox .shareAction{background:#1c7ed6}.result.failBox .replayAction{background:#0b6b43}.passReason{color:#0b6b43;font-weight:900}.failReason{color:#9b1c1c;font-weight:900}@media (max-width: 720px){.result.successBox{grid-template-columns:1fr;grid-template-areas:"title" "stars" "score" "coins" "reason" "next" "share" "replay" "home"}}.landingSurface{display:grid;gap:20px}.landingHero{min-height:min(760px,calc(100vh - 120px));display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,440px);gap:34px;align-items:center;padding:44px;border-radius:8px;background:radial-gradient(circle at 70% 20%,rgba(62,207,106,.18),transparent 30%),linear-gradient(135deg,#07170d,#0c3318 54%,#0b1f13);color:#f0f7e6;overflow:hidden}.launchPill{display:inline-flex;width:fit-content;border:1px solid rgba(62,207,106,.35);border-radius:999px;padding:7px 14px;color:#b5f55a;background:#3ecf6a1f;font-size:13px;font-weight:900}.heroCopy h1{font-size:clamp(46px,8vw,82px);line-height:.96;margin:18px 0;color:#f0f7e6}.heroLead{max-width:580px;color:#c8decf;font-size:clamp(17px,2vw,21px);line-height:1.55}.heroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.primaryHeroButton,.secondaryHeroButton{border:0;border-radius:8px;min-height:52px;padding:0 22px;display:inline-grid;place-items:center;font-weight:900;text-decoration:none}.primaryHeroButton{background:#3ecf6a;color:#061008}.secondaryHeroButton{background:transparent;color:#f0f7e6;border:1px solid rgba(255,255,255,.2)}.heroStatus{color:#9fc5a8;margin-top:14px}.uidTag{display:inline-block;margin-top:6px;color:#d8efe1}.phonePreview{background:#f7fbf4;color:#0b3d2e;border:10px solid #101d16;border-radius:34px;padding:18px;box-shadow:0 28px 90px #00000061;min-height:520px;display:grid;align-content:center;gap:16px}.phoneTop,.phoneBins{display:flex;justify-content:space-between;align-items:center}.phoneBelt{border:2px solid #91c7a5;border-radius:8px;padding:18px;background:repeating-linear-gradient(90deg,rgba(11,107,67,.13) 0 18px,transparent 18px 36px),#d8efe1;animation:beltMove .9s linear infinite}.phoneItem{display:flex;gap:14px;align-items:center;background:#fff;border:2px solid #0b6b43;border-radius:8px;padding:12px}.phoneItem strong,.phoneItem span{display:block}.phoneItem span{color:#53675b;margin-top:4px}.smallHeroEmoji{width:78px;font-size:46px}.phoneBins{gap:10px}.phoneBins span{flex:1;border-radius:8px;color:#fff;padding:13px;text-align:center;font-weight:900}.wetBin{background:#2f9e44}.dryBin{background:#1c7ed6}.comboStrip{background:#fff7e6;border:1px solid #ffd08a;border-radius:8px;padding:12px;color:#7a4a00;font-weight:900}.landingStats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.landingStats div,.landingPanel,.landingBand,.itemExplorer,.downloadBand{border:1px solid #dbe7dd;border-radius:8px;background:#fff}.landingStats div{padding:18px;display:grid;gap:4px}.landingStats strong{color:#0b6b43;font-size:34px}.landingStats span{color:#53675b;font-weight:800}.landingBand,.downloadBand{padding:28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,460px);gap:24px;align-items:center}.binShowcase{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.binShowcase div{border:2px solid;border-radius:8px;padding:12px;display:flex;gap:10px;align-items:center}.binShowcase span{width:18px;height:18px;border-radius:50%}.landingGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.landingPanel,.itemExplorer{padding:24px}.sectionHeader{display:flex;justify-content:space-between;gap:16px;align-items:end}.sectionHeader p{max-width:520px}.landingItems{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.landingItem{border:1px solid #dbe7dd;border-radius:8px;padding:10px;display:grid;gap:8px;background:#f8fbf8}.downloadBand{background:#d8efe1}.downloadBand .primaryHeroButton{justify-self:end}@media (max-width: 900px){.landingHero,.landingBand,.downloadBand,.landingGrid{grid-template-columns:1fr}.landingHero{padding:24px}.phonePreview{min-height:420px}.landingStats,.landingItems{grid-template-columns:repeat(2,1fr)}.downloadBand .primaryHeroButton{justify-self:stretch}}@media (max-width: 560px){.landingHero{min-height:auto;padding:18px}.phonePreview{border-width:7px;border-radius:24px;padding:12px}.landingStats,.landingItems,.binShowcase{grid-template-columns:1fr}.heroActions{display:grid}}.profilePanel{display:grid;gap:12px}.profileRows{display:grid;gap:8px}.profileRows div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:center;border:1px solid #dbe7dd;border-radius:8px;padding:10px;background:#f8fbf8}.profileRows span{color:#53675b;font-size:13px;font-weight:800}.profileRows strong{color:#0b3d2e;overflow-wrap:anywhere}.profileLoginButton{margin-top:0;background:#0b6b43}@media (max-width: 560px){.profileRows div{grid-template-columns:1fr;gap:3px}}.profileNameField{display:grid;gap:6px;color:#53675b;font-size:13px;font-weight:900}.profileNameField input{min-height:48px;border:1px solid #bfd2c5;border-radius:8px;padding:10px 12px;font:inherit;font-weight:800;color:#0b3d2e;background:#f8fbf8}.heroProfileCard{margin-top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:680px}.heroProfileCard div{border:1px solid rgba(62,207,106,.22);border-radius:8px;background:#ffffff0f;padding:10px;min-width:0}.heroProfileCard span{display:block;color:#9fc5a8;font-size:12px;font-weight:900;margin-bottom:4px}.heroProfileCard strong{display:block;color:#f0f7e6;font-size:15px;overflow-wrap:anywhere}.heroStatus{max-width:680px;overflow-wrap:anywhere}@media (max-width: 900px){.heroProfileCard{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.heroProfileCard,.dailyCard,.glossaryControls,.glossaryItem{grid-template-columns:1fr}.glossaryItem .emojiPreview{max-width:120px}}.launchShell,.launchPanel{display:grid;gap:14px}.launchHeader{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,190px);gap:16px;align-items:start}.launchHeader p{margin:0;line-height:1.5}.launchRange{color:#53675b;font-size:13px;font-weight:900}.launchNotice,.launchError{border-radius:8px;padding:12px;font-weight:800;margin:0}.launchNotice{border:1px solid #b9ddc5;background:#e8f5ee;color:#0b6b43}.launchError{border:1px solid #f1aeb5;background:#fff5f5;color:#b42318}.launchKpiGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.launchKpi,.launchPanel,.launchSplitGrid div,.launchMilestones div,.launchEventGrid div{border:1px solid #dbe7dd;border-radius:8px;background:#f8fbf8}.launchKpi,.launchSplitGrid div,.launchMilestones div,.launchEventGrid div{padding:12px;display:grid;gap:5px}.launchKpi span,.launchSplitGrid span,.launchMilestones span,.launchEventGrid span{color:#5f7168;font-size:13px;font-weight:900;text-transform:capitalize}.launchKpi strong{color:#0b3d2e;font-size:24px}.launchPanel{padding:14px}.launchPanels{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:12px}.launchTrendList{display:grid;gap:8px}.launchTrendRow{display:grid;grid-template-columns:94px minmax(120px,1fr) 52px 76px;gap:8px;align-items:center;color:#53675b;font-size:13px;font-weight:800}.launchTrendTrack{height:10px;border-radius:8px;background:#d8eadf;overflow:hidden}.launchTrendTrack div{height:10px;border-radius:8px;background:#0b6b43}.launchTrendRow strong{color:#0b3d2e}.launchTrendRow em{font-style:normal}.launchSplitGrid,.launchMilestones,.launchEventGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.launchSplitGrid strong,.launchMilestones strong,.launchEventGrid strong{color:#0b3d2e;font-size:22px}.launchTableWrap{overflow-x:auto}.launchTable{width:100%;min-width:850px;border-collapse:collapse;font-size:14px}.launchTable th,.launchTable td{border-bottom:1px solid #dbe7dd;padding:10px 8px;text-align:left}.launchTable th{color:#5f7168;font-size:13px}.launchTable td{font-weight:800}@media (max-width: 720px){.launchHeader,.launchKpiGrid,.launchPanels{grid-template-columns:1fr}.launchTrendRow{grid-template-columns:82px minmax(80px,1fr) 42px}.launchTrendRow em{grid-column:2 / 4}}body:has(.ecoPlay){background:#071b12;color:#edf4df}.ecoPlay{max-width:1440px;margin:auto;padding:20px 36px;font-family:Inter,system-ui,sans-serif}.ecoPlay>nav{display:flex;gap:18px;flex-wrap:wrap;padding:16px 0 22px;border-bottom:1px solid #294633;background:transparent;margin-bottom:32px}.ecoPlay>nav a,.ecoPlay .webFooterLinks a{color:#a1c5ac;background:none;font-size:14px}.ecoGameLayout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(360px,480px) minmax(180px,1fr);gap:38px;align-items:start}.ecoEyebrow{font-size:12px;letter-spacing:1.6px;font-weight:700;color:#5be99a}.ecoJourney,.ecoFieldGuide{padding-top:24px}.ecoJourney h2,.ecoFieldGuide h2{font-family:Georgia,serif;color:#eff5df;font-size:34px;line-height:1.2;margin:18px 0}.ecoJourney h2 em{color:#65e397}.ecoJourney p,.ecoFieldGuide p{color:#a2bdaa;line-height:1.7;font-size:16px}.ecoWorlds{margin:28px 0}.ecoWorlds>div{display:flex;gap:16px;align-items:center;border:1px solid transparent;border-radius:14px;padding:16px;margin:5px 0;color:#759681}.ecoWorlds>div>span{font-size:25px}.ecoWorlds strong{display:block;font-size:16px}.ecoWorlds small{display:block;font-size:12px;margin-top:5px}.ecoWorlds .currentWorld{background:#173b26;border-color:#39664a;color:#edf5df}.ecoJourney .ecoWallet{border-top:1px solid #35533b;padding-top:24px;color:#ecd27a}.ecoWallet strong{font-size:28px}.ecoPlay .gameShell{position:relative;background:linear-gradient(145deg,#163825,#0c2519);border:1px solid #3a6448;border-radius:28px;padding:22px;box-shadow:0 20px 80px #0003;overflow:hidden;margin:0;max-height:none;min-height:0;color:#edf5df}.ecoPlay .gameHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 0}.ecoPlay .gameHeader h1{font:700 27px/1.2 Georgia,serif;color:#edf5df;margin:0 0 6px}.ecoPlay .gameHeader p{font-size:13px;color:#a6c6b0;margin:4px 0}.ecoPlay .languageSwitch{display:flex;flex-direction:column;gap:6px}.ecoPlay .languageSwitch button,.ecoPlay select{font:inherit;font-size:12px;border:1px solid #42644c;color:#deefd8;background:#183924;border-radius:9px;padding:8px;max-width:110px}.ecoPlay .scoreRow{display:flex;justify-content:space-between;align-items:center;background:none;border:none;gap:8px;padding:8px 0 15px;margin:0}.ecoPlay .scoreRow strong{font:700 30px Georgia,serif;background:none;border:none;padding:0;color:#62e398;white-space:nowrap}.ecoPlay .scoreRow small{display:block;font:600 11px system-ui;letter-spacing:1.3px;color:#92b59e;margin-bottom:7px}.ecoPlay .scoreRow .lifeIcons{font-size:21px;text-align:center}.ecoPlay .scoreRow .webTimer{color:#eff4df;font-size:25px}.ecoPlay .scoreRow .urgent{color:#ffb893}.ecoPlay .webScoreBar{height:5px;background:#315039;margin:0 0 16px;border:0}.ecoPlay .webScoreBar>div{background:#65e798;height:100%}.ecoPlay .webConveyor{height:340px;min-height:340px;max-height:none;position:relative;display:block;overflow:hidden;border:1px solid #36543b;border-radius:17px;background:radial-gradient(ellipse,#214930,#102b1c);padding:0;margin:0;isolation:isolate}.ecoPlay .webConveyor:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(#8cbc6310 1px,transparent 1px),linear-gradient(90deg,#8cbc6310 1px,transparent 1px);background-size:32px 32px;animation:none;transform:none;opacity:1}.ecoPlay .webConveyor:after{content:"DON’T LET IT DROP";position:absolute;bottom:12px;left:12px;right:12px;border-top:1px dashed #6b8e6055;padding-top:7px;text-align:center;color:#90ab85;font:10px system-ui;letter-spacing:1.5px}.ecoPlay .beltMeta{position:absolute;top:13px;left:14px;font-size:10px;letter-spacing:1px;color:#95b09a;z-index:1}.ecoPlay .webItemCard{position:absolute;top:45px;left:calc(50% - 65px);display:flex;flex-direction:column;width:130px;min-width:0;max-width:130px;min-height:115px;height:auto;padding:12px 8px;gap:7px;background:linear-gradient(135deg,#2b6241,#19472b);border:2px solid #7fe5a2;border-radius:18px;box-shadow:0 10px 25px #0004;z-index:3;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;animation:ecoFall var(--fall-seconds) linear forwards;margin:0}.ecoPlay .emojiVisual{font-size:40px;line-height:1.1;width:auto;height:auto;min-height:0;background:none;border:none;margin:0;padding:0;box-shadow:none;display:block}.ecoPlay .webItemText{width:100%;padding:0;text-align:center}.ecoPlay .webItemCard h2{color:#eaf6de;font-size:15px;line-height:1.25;margin:0;overflow-wrap:anywhere}.ecoPlay .webItemCard .secondaryName{font-size:12px;line-height:1.25;color:#bdddc3;margin:5px 0 0}.ecoSortTag{position:absolute;top:-10px;left:25px;background:#8aefaa;color:#0d361c;padding:2px 8px;border-radius:10px;font:700 9px system-ui;letter-spacing:1px}.ecoPlay .ecoPaused .webItemCard{animation-play-state:paused}.ecoPlay .ecoItemDragging{animation-play-state:paused;cursor:grabbing;z-index:20}.ecoPlay .ecoDragging,.ecoPlay .ecoDragging .webConveyor{overflow:visible}@keyframes ecoFall{0%{translate:0 0}to{translate:0 160px}}.ecoStartOverlay{position:absolute;top:240px;left:24px;right:24px;height:285px;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#112f20ed;border-radius:16px;padding:22px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ecoStartOverlay>span{font-size:48px;color:#67e296}.ecoStartOverlay h2{font:700 29px Georgia,serif;color:#f0f5de;margin:10px 0}.ecoStartOverlay p{font-size:14px;line-height:1.6;color:#b9d2bd}.ecoPlay .ecoStartOverlay button,.ecoPlay .result button{background:#64e896;color:#09321b;border:0;border-radius:12px;padding:13px 24px;font-weight:700;min-height:44px;margin:8px}.ecoCombo{display:flex;justify-content:space-between;gap:8px;align-items:center;background:#364328;border:1px solid #63633c;border-radius:10px;padding:10px 12px;margin:13px 0;color:#ecd887;font-size:12px}.ecoCombo strong{white-space:nowrap;font-size:12px}.ecoPlay .binGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0;padding:0}.ecoPlay .binGrid button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:86px;padding:12px 4px 8px;border-radius:12px;font-size:11px;line-height:1.2;background:color-mix(in srgb,var(--bin-color) 25%,#183921);border:1px solid color-mix(in srgb,var(--bin-color) 60%,#819e85);color:#f0f7e7;box-shadow:none;overflow-wrap:anywhere}.ecoPlay .binGrid button svg{width:23px;height:27px;color:color-mix(in srgb,var(--bin-color) 55%,white)}.ecoPlay .binGrid button small{position:absolute;right:6px;top:4px;font-size:9px;opacity:.5}.ecoPlay .binGrid button:disabled{opacity:.32;cursor:default}.ecoPlay .binGrid button:not(:disabled):hover{translate:0 -3px;border-color:#a5edb5}.ecoControls{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;color:#9dbba5}.ecoControls span{font-size:10px;letter-spacing:1px}.ecoControls button{background:none;border:0;color:#c3dec5;font-size:13px;padding:10px}.ecoControls button:disabled{opacity:.4}.ecoPlay .gameMessage{font-size:13px;line-height:1.5;color:#bce7c5;background:#143720;padding:10px;border-radius:10px;border:1px solid #345b3d;margin:8px 0}.ecoPlay .failMessage{background:#423024;color:#ffe1bd}.ecoPlay .note{color:#a3c1ab;font-size:12px}.ecoPlay .whyPopup{background:#163e29;color:#e9f6dd;border:2px solid #c9df93;border-radius:16px;box-shadow:0 18px 60px #0009;z-index:30}.ecoPlay .whyPopup button{background:#7aeaa2;color:#0d3219}.ecoPlay .result{background:#153922;color:#edf6e1;border:1px solid #3e6547;border-radius:16px;padding:25px 18px}.ecoPlay .result h2{font:700 30px Georgia,serif;color:#e8f6db}.ecoPlay .result p,.ecoPlay .result a{color:#d0e8c9}.ecoPlay .ecoLevelPicker{background:#112d1d;border:1px solid #36563e;border-radius:16px;padding:16px;margin:18px 0}.ecoLevelPicker summary{cursor:pointer;color:#c8e4cc;font-size:14px}.ecoPlay .levelPicker{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-top:15px}.ecoPlay .levelPicker button{min-width:0;padding:8px 2px;background:#255435;color:#cceccc;border:1px solid #466d4c;border-radius:7px}.ecoPlay .levelPicker button:disabled{opacity:.3}.ecoPlay .levelPicker .activeLevel{background:#6be399;color:#0c3019}.ecoFieldGuide h2{font-size:29px}.ecoFieldGuide>div{display:flex;gap:12px;align-items:center;padding:15px 0}.ecoFieldGuide>div>span{display:block;width:12px;height:12px;border:1px solid #829c85;border-radius:50%}.ecoFieldGuide p{border:1px solid #3b5038;border-radius:14px;background:#1d321f;padding:18px;margin-top:28px;font-size:14px}.ecoFieldGuide small{color:#96b49e;line-height:1.6}.ecoPlay button:focus-visible,.ecoPlay select:focus-visible,.ecoPlay summary:focus-visible{outline:3px solid #ead079;outline-offset:3px}@media (max-width:1100px){.ecoGameLayout{grid-template-columns:1fr minmax(340px,480px);gap:26px}.ecoFieldGuide{display:none}}@media (max-width:700px){.ecoPlay{padding:12px}.ecoPlay>nav{gap:14px;flex-wrap:nowrap;overflow:auto;margin:0 0 14px;padding:10px 2px 16px}.ecoPlay>nav a{font-size:13px;flex:none}.ecoGameLayout{display:block;max-width:480px;margin:auto}.ecoJourney{display:none}.ecoPlay .gameShell{padding:16px;border-radius:23px}.ecoPlay .gameHeader h1{font-size:24px}.ecoPlay .gameHeader p{font-size:12px}.ecoPlay .gameHeader .note{font-size:11px}.ecoPlay .scoreRow strong{font-size:28px}.ecoPlay .webConveyor{height:300px;min-height:300px}.ecoStartOverlay{top:230px;height:245px;left:18px;right:18px}.ecoPlay .binGrid{gap:5px}.ecoPlay .binGrid button{font-size:10px;padding:10px 2px;min-height:80px}.ecoPlay .levelPicker{grid-template-columns:repeat(5,1fr)}.ecoPlay .webFooterLinks{font-size:12px}.ecoPlay .webItemCard{width:120px;max-width:120px;left:calc(50% - 60px)}@keyframes ecoFall{0%{translate:0 0}to{translate:0 120px}}}@media (prefers-reduced-motion:reduce){.ecoPlay .webItemCard{animation:none}.ecoPlay .binGrid button:hover{translate:none}}.ecoPlay .gameShell{display:block}.ecoPlay .gameHeader{margin:8px 0}.ecoPlay .binGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.ecoPlay .binGrid button{margin:0;min-height:68px}.ecoPlay .ecoStartOverlay{top:0;right:0;bottom:0;left:0;height:auto;padding:16px}.ecoPlay>nav{scrollbar-width:none}.ecoPlay>nav::-webkit-scrollbar{display:none}@media (max-width:700px){.ecoPlay .gameHeader{padding:8px 0;margin:4px 0}.ecoPlay .languageSwitch button{margin:0}.ecoPlay .webConveyor{height:250px;min-height:250px}.ecoPlay .ecoStartOverlay h2{font-size:26px}.ecoPlay .ecoStartOverlay>span{font-size:36px}.ecoPlay .binGrid button{min-height:62px;flex-direction:row;gap:6px}.ecoPlay .binGrid button svg{width:20px;height:24px}@keyframes ecoFall{0%{translate:0 0}to{translate:0 70px}}}.ecoPlay .binGrid{position:relative;bottom:auto;background:transparent}.ecoPlay .webConveyor:has(.ecoItemDragging){overflow:visible;z-index:6}.ecoPlay .ecoControls button{width:auto;margin:0}.ecoLanguageLabel{color:#a6c6b0;font-size:12px;text-align:center;padding:6px}.ecoPlay,.ecoPlay *{box-sizing:border-box}.ecoGameCenter{min-width:0}.ecoPlay .webFooterLinks{flex-wrap:wrap;max-width:100%;gap:8px 12px}.ecoPlay .webFooterLinks a{min-height:44px;display:inline-flex;align-items:center}.ecoPlay .languageSwitch button,.ecoPlay .ecoControls button,.ecoPlay .levelPicker button{min-height:44px;min-width:44px}.ecoPlay .levelPicker button{width:100%}.ecoPlay .webTimer{margin-left:0}.ecoPlay .result{display:flex;flex-direction:column;gap:10px}.ecoPlay .result button{width:auto;margin:0}.ecoPlay .result h2{outline-offset:5px}.ecoPlay .whyPopup{position:relative;max-width:100%;margin:12px 0}.ecoPlay .whyPopup strong{color:#ffd49a}.ecoPlay .whyPopup button{min-height:44px}.ecoPlay .ecoStartOverlay p{margin:7px 0;font-size:12px}.ecoPlay .ecoStartOverlay button{width:auto;margin:5px 0}@media (max-width:900px){.ecoGameLayout{display:block;max-width:480px;margin:auto}.ecoJourney,.ecoFieldGuide{display:none}}@media (max-width:700px){.ecoPlay{padding:8px}.ecoPlay>nav{padding:0;margin-bottom:8px;gap:16px;min-height:44px;align-items:center}.ecoPlay>nav a{display:flex;align-items:center;min-height:44px}.ecoPlay .gameShell{padding:12px}.ecoPlay .gameHeader{padding:0;margin:6px 0}.ecoPlay .gameHeader h1{font-size:22px}.ecoPlay .scoreRow{padding:5px 0 8px;flex-wrap:nowrap}.ecoPlay .scoreRow strong{font-size:24px}.ecoPlay .scoreRow small{font-size:10px;margin-bottom:4px;letter-spacing:.5px}.ecoPlay .webScoreBar{margin-bottom:8px}.ecoPlay .webConveyor{height:190px;min-height:190px}.ecoPlay .webItemCard{top:30px;min-height:100px;padding:8px 6px}.ecoPlay .webItemCard h2{font-size:13px}.ecoPlay .emojiVisual{font-size:32px}.ecoPlay .webConveyor:after{bottom:5px;font-size:8px;padding-top:3px}.ecoPlay .beltMeta{top:6px;font-size:9px}.ecoPlay .ecoStartOverlay{padding:8px}.ecoPlay .ecoStartOverlay>span{display:none}.ecoPlay .ecoStartOverlay h2{font-size:23px;margin:4px 0}.ecoPlay .ecoCombo{margin:7px 0;padding:6px 8px;font-size:10px}.ecoPlay .binGrid button{min-height:46px;font-size:11px;padding:7px 3px;gap:4px}.ecoPlay .ecoControls{padding:0}.ecoPlay .languageSwitch{gap:0;flex-shrink:0}.ecoPlay .ecoLanguageLabel{padding:2px}@keyframes ecoFall{0%{translate:0 0}to{translate:0 30px}}}@media (max-width:700px) and (max-height:650px){.ecoPlay .ecoEyebrow,.ecoPlay .ecoLanguageLabel{display:none}.ecoPlay .gameHeader h1{font-size:20px}.ecoPlay .webConveyor{height:155px;min-height:155px}.ecoPlay .ecoStartOverlay h2{font-size:20px}.ecoPlay .ecoStartOverlay p{font-size:11px;line-height:1.35}.ecoPlay .ecoCombo>span{font-size:9px}@keyframes ecoFall{0%{translate:0 0}to{translate:0 5px}}}@media (prefers-reduced-motion:reduce){.ecoPlay .webItemCard{animation:none!important}}@media (max-width:700px) and (max-height:650px){.ecoPlay .gameHeader{margin:3px 0}.ecoPlay .gameShell{padding-top:10px}}@media (orientation:landscape) and (max-height:500px) and (max-width:1000px){.ecoPlay{padding:6px 10px}.ecoGameLayout{max-width:800px}.ecoPlay>nav{margin:0 0 6px;padding:0;min-height:44px;align-items:center;flex-wrap:nowrap;overflow:auto}.ecoPlay>nav a{min-height:44px;display:flex;align-items:center;flex:none}.ecoPlay .ecoInStage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"header score" "belt combo" "belt bins" "belt controls" "message message" "last last";gap:6px 12px;padding:10px}.ecoPlay .ecoInStage>.ecoEyebrow,.ecoPlay .ecoInStage>.webScoreBar{display:none}.ecoPlay .ecoInStage>.gameHeader{grid-area:header;padding:0;margin:0;align-items:center}.ecoPlay .ecoInStage>.scoreRow{grid-area:score;flex-wrap:nowrap;padding:0;align-self:center}.ecoPlay .ecoInStage .gameHeader h1{font-size:20px}.ecoPlay .ecoInStage .gameHeader p{font-size:11px}.ecoPlay .ecoInStage .ecoLanguageLabel{display:none}.ecoPlay .ecoInStage .scoreRow strong{font-size:24px}.ecoPlay .ecoInStage .scoreRow small{font-size:10px;letter-spacing:0}.ecoPlay .ecoInStage>.webConveyor{grid-area:belt;height:190px;min-height:190px}.ecoPlay .ecoInStage>.ecoCombo{grid-area:combo;margin:0;padding:5px;font-size:10px}.ecoPlay .ecoInStage>.binGrid{grid-area:bins}.ecoPlay .ecoInStage .binGrid button{min-height:46px;flex-direction:row;padding:5px;font-size:11px}.ecoPlay .ecoInStage>.ecoControls{grid-area:controls;padding:0}.ecoPlay .ecoInStage>.gameMessage{grid-area:message}.ecoPlay .ecoInStage>.note{grid-area:last;margin:0}.ecoPlay .ecoInStage>.whyPopup{grid-column:1/-1}.ecoPlay .ecoInStage .webItemCard{top:30px;min-height:95px}.ecoPlay .ecoInStage .emojiVisual{font-size:30px}.ecoPlay .ecoInStage .webItemCard h2{font-size:13px}.ecoPlay .ecoInStage .ecoStartOverlay>span{display:none}.ecoPlay .ecoInStage .ecoStartOverlay h2{font-size:22px}@keyframes ecoFall{0%{translate:0 0}to{translate:0 25px}}}.ecoPlay .result button.shareAction,.ecoPlay .result button.replayAction,.ecoPlay .result .secondaryAction{background:#2b6040;color:#f1f9e9;align-self:stretch}.ecoPlay .levelPicker{grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}.sanitaryChallenge{max-width:940px;margin:22px auto 40px;color:#102b35}.sanitaryChallenge h1{font-size:clamp(30px,5vw,54px);line-height:1.08;margin:30px 0 24px;letter-spacing:-1px;outline:none}.sanitaryChallenge h1 span{color:#287d70}.sanitaryTop{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:13px}.sanitaryTop a{font-weight:700;color:#245d55;min-height:44px;display:inline-flex;align-items:center}.sanitaryTop span{margin-left:auto;padding:8px 12px;border-radius:20px;background:#ffd574;font-weight:700}.sanitaryIntro{display:grid;grid-template-columns:1fr 240px;gap:24px;align-items:center;background:#102b35;color:#f5fff9;padding:32px;border-radius:26px}.sanitaryIntro .sectionEyebrow{color:#9df2d3}.sanitaryIntro>svg{width:100%;max-height:250px}.sanitaryLead{font-size:19px;line-height:1.5}.sanitaryChips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.sanitaryChips span{font-size:12px;padding:7px 10px;border:1px solid #496e73;border-radius:20px}.publicLearning .sanitaryPrimary{background:#9df2d3;color:#102b35;border:0;border-radius:14px;min-height:48px;padding:13px 20px;font:750 15px system-ui;cursor:pointer;margin:10px 0}.sanitaryFine{font-size:12px;line-height:1.5;opacity:.8}.sanitarySteps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.sanitarySteps article{background:#def2e9;border-radius:18px;padding:20px}.sanitarySteps p{font-size:14px;line-height:1.6}.sanitaryQuestion{max-width:650px;margin:0 auto;background:#fff;padding:28px;border:1px solid #d0e5db;border-radius:24px;text-align:center}.sanitaryQuestion>svg{display:block;width:160px;height:140px;margin:12px auto}.sanitaryQuestion h2{font-size:24px;margin:12px 0}.sanitaryQuestion p{line-height:1.6}.sanitaryAnswers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.publicLearning .sanitaryAnswers button{margin:0;min-height:72px;padding:15px;background:#102b35;color:#fff;border:2px solid transparent;border-radius:14px;font:650 15px/1.4 system-ui;cursor:pointer}.publicLearning .sanitaryAnswers button.answerCorrect{background:#def2e9;color:#102b35;border-color:#287d70;opacity:1}.publicLearning .sanitaryAnswers button.answerTryAgain{background:#fff0cf;color:#102b35;border-color:#a5762c}.sanitaryFeedback{text-align:left;background:#def2e9;padding:18px;border-radius:14px}.sanitaryFeedback p{margin-bottom:0;font-size:14px}.sanitaryProgress{display:flex;gap:6px;margin-bottom:22px}.sanitaryProgress i{height:6px;flex:1;border-radius:6px;background:#dceae4}.sanitaryProgress i.done{background:#287d70}.sanitaryProgress i.current{background:#ffd574}.publicLearning .sanitarySecondary,.sanitaryCompletionLinks button,.filmTools button{min-height:44px;background:transparent;border:1px solid #52717a;border-radius:12px;padding:10px 14px;color:#102b35;margin:4px;font:600 14px system-ui;cursor:pointer}.sanitaryFilm{max-width:700px;margin:auto}.sanitaryFilm h2{font-size:28px}.sanitaryFilm video{display:block;width:100%;max-height:480px;background:#102b35;border-radius:18px;object-fit:contain}.filmTools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-top:16px}.filmTools label{font-size:13px;display:grid;gap:5px}.filmTools select{min-height:44px;border-radius:10px;padding:8px;font:14px system-ui;background:#fff;border:1px solid #52717a}.filmNotice{font-size:12px;line-height:1.6;color:#52717a}.sanitaryFilm details,.sanitarySource{padding:14px;border:1px solid #cce0d5;border-radius:12px;margin:16px 0;line-height:1.6}.sanitaryFilm summary,.sanitarySource summary{min-height:44px;align-content:center;cursor:pointer;font-weight:650}.sanitaryCompletion{text-align:center;background:#102b35;border-radius:26px;padding:32px;color:#f5fff9;max-width:700px;margin:auto}.sanitaryCompletion .sectionEyebrow{color:#ffd574}.sanitaryCompletion h2{font-size:clamp(24px,4vw,34px);line-height:1.3}.sanitaryCompletion p{line-height:1.6}.sanitarySeal{height:88px;width:88px;border-radius:50%;background:#9df2d3;color:#102b35;font-size:60px;margin:0 auto 20px;line-height:88px}.sanitaryCompletionLinks{display:flex;flex-wrap:wrap;justify-content:center}.sanitaryCompletionLinks button{color:#f5fff9;border-color:#6f9399}.localServiceNote{text-align:left;background:#224851;border-radius:16px;padding:18px;margin-top:24px}.localServiceNote h3{margin:0 0 10px;font-size:17px}.localServiceNote p{font-size:13px;margin:0}.sanitarySource{font-size:13px;color:#52717a}.sanitarySource a{color:#245d55;font-weight:700}.homeSpecialChallenge{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;background:#102b35;color:#f5fff9;padding:28px;border-radius:22px;margin:32px 0}.homeSpecialChallenge h2{font-size:clamp(24px,3vw,34px);margin:8px 0}.homeSpecialChallenge .sectionEyebrow{color:#ffd574}.homeSpecialChallenge p{line-height:1.6}.homeSpecialChallenge a,.gameSpecialLink{display:inline-flex;align-items:center;min-height:48px;background:#9df2d3;color:#102b35!important;padding:12px 16px;border-radius:14px;text-decoration:none;font-weight:750}.gameSpecialBlock{padding:18px 0}.gameSpecialBlock p{color:#bfe3d6;font-size:13px}.shareNameField{display:grid;gap:7px;text-align:left;font-weight:700;font-size:14px;margin:14px 0 0}.shareNameField span{font-weight:400}.publicLearning .shareNameField input{min-height:44px;padding:10px;border:1px solid #7b9b9c;border-radius:10px;background:#fff;color:#102b35;font:16px system-ui;box-sizing:border-box;width:100%}.shareNameNote{font-size:11px;line-height:1.5;margin:7px 0 12px}.shareNameClear{font-size:12px!important;min-height:44px}.scoreShareDialog canvas{margin:12px auto}.scoreShareDialog{overflow:auto;max-height:94dvh}.sanitaryChallenge :is(button,a,select):focus-visible{outline:3px solid #bb7800;outline-offset:3px}@media (max-width:650px){.sanitaryChallenge{margin:16px auto}.sanitaryIntro{grid-template-columns:1fr;padding:22px}.sanitaryIntro>svg{width:150px;grid-row:1;margin:auto}.sanitarySteps{grid-template-columns:1fr;gap:10px}.sanitarySteps article{padding:16px}.sanitaryQuestion{padding:20px 16px}.sanitaryAnswers{grid-template-columns:1fr}.sanitaryQuestion h2{font-size:22px}.sanitaryCompletion{padding:24px 18px}.sanitaryTop span{margin-left:0}.homeSpecialChallenge{grid-template-columns:1fr;padding:22px}.homeSpecialChallenge a{justify-self:start}.sanitaryChallenge h1{letter-spacing:-.5px}.scoreShareDialog .shareActions{gap:8px}}.publicLearning .sanitaryCompletion h2,.publicLearning .sanitaryCompletion h3{color:#f7faf3}.publicLearning .sanitaryCompletion .sectionEyebrow{color:#9df2d3}.sanitaryChallenge{max-width:1060px;margin:12px auto 28px}.sanitaryChallenge h1{font-size:clamp(26px,3.8vw,42px);margin:18px 0;line-height:1.12}.campaignStepper{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:14px 0 0;gap:10px}.campaignStepper li{display:flex;align-items:center;gap:9px;padding:12px 15px;background:#e3ede7;border:1px solid #cbded3;border-radius:12px;color:#52676e;font:650 13px/1.3 system-ui}.campaignStepper li span{display:grid;place-items:center;border:1px solid #91aaa7;border-radius:50%;width:25px;height:25px;flex-shrink:0}.campaignStepper li[aria-current=step]{background:#102b35;color:#fff9ee;border-color:#102b35}.campaignStepper li[aria-current=step] span{background:#ffd574;color:#102b35;border-color:#ffd574}.sanitaryIntro{padding:26px;grid-template-columns:1fr 200px}.sanitarySteps{margin:16px 0;gap:12px}.sanitarySteps article{padding:16px}.sanitarySteps p{margin:8px 0 0}.sanitaryQuestion{max-width:800px;padding:22px;display:grid;grid-template-columns:150px 1fr;text-align:left;column-gap:24px;align-items:center}.sanitaryQuestion .sanitaryProgress,.sanitaryQuestion>.sectionEyebrow{grid-column:1/-1;margin:0 0 12px}.sanitaryQuestion>svg{grid-column:1;grid-row:3/6;width:145px;height:140px;margin:0}.sanitaryQuestion>h2,.sanitaryQuestion>p,.sanitaryQuestion>.sanitaryAnswers{grid-column:2;margin:7px 0}.sanitaryQuestion>.sanitaryFeedback,.sanitaryQuestion>.sanitaryPrimary{grid-column:1/-1}.sanitaryQuestion .sanitaryAnswers{gap:10px}.publicLearning .sanitaryQuestion .sanitaryAnswers button{min-height:76px;font-size:14px}.campaignGame{max-width:860px;margin:auto;background:#102b35;border-radius:24px;padding:20px;color:#fff9ee}.campaignGameIntro,.campaignGameDone{text-align:center;padding:16px;max-width:580px;margin:auto}.campaignGameIntro>svg{width:150px;height:140px}.publicLearning .campaignGame h2{color:#fff9ee;font-size:28px;margin:10px 0}.campaignGame p{line-height:1.6}.campaignGame small{display:block;color:#bed6d4;font-size:12px;margin-top:12px}.campaignGameHud{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:12px}.campaignGameHud>span{color:#ffd574;font-size:24px;font-weight:750}.publicLearning .campaignGameHud button{border:1px solid #6c9198;background:#224751;color:#fff;min-height:40px;padding:8px 14px;border-radius:10px;margin:0}.campaignFallArea{height:330px;background:radial-gradient(ellipse at 50% 35%,#527f77,#234d52 75%);border:1px solid #6c9891;border-radius:18px;position:relative;overflow:hidden}.campaignFallArea:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 96%,#ffffff07 96%),linear-gradient(90deg,transparent 96%,#ffffff07 96%);background-size:44px 44px}.campaignFallItem{position:absolute;transform:translate(-50%);width:180px;left:clamp(90px,var(--fall-x),calc(100% - 90px))!important;text-align:center;transition:top .1s linear;color:#fff}.campaignFallItem>svg{height:100px;width:120px;filter:drop-shadow(0 8px 7px #102b3566)}.campaignFallItem>strong{display:block;background:#102b35ed;padding:7px 9px;border-radius:10px;font:700 14px/1.3 system-ui}.campaignFallItem>span{display:block;font:12px/1.5 system-ui;color:#e8f8ec;margin-top:5px}.campaignPauseOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#102b35d9;display:grid;place-items:center;font-weight:700}.campaignBins{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.publicLearning .campaignBins .campaignBin{min-height:112px;border:1px solid #ffffff30;border-radius:16px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:3px;color:#fff;margin:0;cursor:pointer}.publicLearning .campaignBins .sanitary{background:#bb3c60}.publicLearning .campaignBins .dry{background:#2672b7}.publicLearning .campaignBins .wet{background:#187d5b}.campaignBin svg{width:32px;height:35px}.campaignBin b{font-size:16px}.campaignBin span{font-size:12px}.campaignBin:disabled{opacity:.7;cursor:default}.campaignSortFeedback{background:#e6f5ec;color:#102b35;padding:16px;border-radius:16px;margin-top:12px}.campaignSortFeedback.retry{background:#fff0cf}.campaignSortFeedback p{margin:8px 0}.campaignSortFeedback .sanitaryPrimary{margin-bottom:0}.campaignGameFootnote{color:#bed6d4;font-size:11px;margin:12px 0 0}.campaignGameDone .sanitarySeal{display:block}.publicLearning .campaignGameDone .sanitarySecondary{color:#f7faf3;border-color:#6c9198;margin-left:8px}.workerStoryFilm{max-width:880px;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:12px 26px;align-items:start}.workerFilmHeading{grid-column:1/-1}.workerFilmHeading h2{margin:8px 0;font-size:clamp(25px,3.5vw,38px);line-height:1.5}.workerFilmHeading p{margin:6px 0}.workerStoryFilm video{grid-column:1;grid-row:2/7;max-height:none;aspect-ratio:6/5;object-fit:contain;border-radius:22px;background:#102b35}.workerStoryFilm .filmTools,.workerStoryFilm .filmNotice,.workerStoryFilm details,.workerStoryFilm>.sanitaryPrimary,.workerStoryFilm>.sanitaryFine{grid-column:2;margin:0}.workerStoryFilm .filmTools{display:grid;gap:12px}.workerFilmDuration{font-size:12px;color:#52676e}.workerStoryFilm details{font-size:13px;padding:12px}.workerStoryFilm>.sanitaryPrimary{width:100%}.publicLearning .homeSpecialChallenge h2{color:#f7faf3}@media (max-width:650px){.campaignStepper{gap:5px}.campaignStepper li{padding:9px 7px;font-size:10px;gap:5px}.campaignStepper li span{width:20px;height:20px}.sanitaryTop{gap:12px;font-size:12px}.sanitaryTop span{padding:5px 9px}.sanitaryChallenge h1{font-size:27px;margin:14px 0}.sanitaryIntro{grid-template-columns:1fr 85px;padding:18px;gap:8px}.sanitaryIntro>svg{width:85px;grid-row:auto}.sanitaryLead{font-size:16px}.sanitaryChips{margin:12px 0}.sanitarySteps{grid-template-columns:repeat(3,1fr);gap:6px}.sanitarySteps article{padding:11px 9px;font-size:12px}.sanitarySteps p{font-size:11px;line-height:1.5}.sanitaryQuestion{display:block;padding:16px;text-align:center}.sanitaryQuestion>svg{width:115px;height:100px;margin:4px auto}.sanitaryQuestion .sanitaryProgress{margin-bottom:12px}.sanitaryQuestion>h2{font-size:21px;margin:6px 0}.sanitaryQuestion>p{font-size:14px}.sanitaryQuestion .sanitaryAnswers{grid-template-columns:1fr;margin:12px 0}.publicLearning .sanitaryQuestion .sanitaryAnswers button{min-height:58px}.sanitaryFeedback{padding:12px}.sanitaryFeedback p{font-size:13px}.campaignGame{padding:13px;border-radius:19px}.campaignFallArea{height:300px}.campaignFallItem>svg{height:88px}.campaignBins{gap:8px;margin-top:10px}.publicLearning .campaignBins .campaignBin{min-height:96px;padding:8px 5px}.campaignBin b{font-size:14px}.campaignGameIntro{padding:10px}.publicLearning .campaignGame h2{font-size:23px}.campaignSortFeedback{padding:13px}.workerStoryFilm{display:block}.workerStoryFilm video{max-height:60dvh;aspect-ratio:6/5;margin:14px auto;width:auto;max-width:100%}.workerStoryFilm .filmTools{display:flex;align-items:end;justify-content:space-between;gap:8px;margin:10px 0}.workerStoryFilm .filmNotice{margin:8px 0}.workerStoryFilm details{margin:12px 0}.workerStoryFilm>.sanitaryPrimary{width:100%;margin:0}.workerStoryFilm>.sanitaryFine{margin-top:8px}}@media (prefers-reduced-motion:reduce){.campaignFallItem{transition:none}}.publicLearning.campaignPage nav>a:not(.siteBrand){display:none}.publicLearning.campaignPage nav{margin-bottom:4px;padding:4px 0}.publicLearning .sanitaryIntro .sectionEyebrow{color:#9df2d3}.publicLearning.campaignPage .sanitaryTop a{min-height:32px}.publicLearning.campaignPage .sanitaryTop{gap:12px}.workerStoryFilm video::cue{font-size:18px;background:#102b35e8;color:#fff9ee}.publicLearning .campaignGameHud button{width:auto;flex:none}.campaignGameHud b{white-space:nowrap}.sanitaryIntro>img{width:100%;border-radius:16px;aspect-ratio:6/5;object-fit:cover}.workerStoryFilm video::cue{font-size:14px}@media (max-width:650px){.sanitaryIntro>img{width:85px;align-self:start;margin-top:12px}.workerStoryFilm video::cue{font-size:13px}}.campaignStepper li b{font:inherit}.campaignStepper li small{display:block;font-size:10px;opacity:.8;margin-top:3px}.campaignStepper li>span{flex-shrink:0}.campaignPage:has(.campaignStage-game) nav{display:none}.campaignStage-game .sanitaryTop>span{display:none}.campaignStage-game h1{font-size:25px;margin:8px 0}.campaignStage-game .sanitaryTop{flex-wrap:nowrap}.campaignStage-game .sanitaryTop a{font-size:11px}.campaignStage-game .campaignStepper{margin-top:8px}.campaignStage-game .campaignStepper li{padding:8px}.campaignStage-game .campaignStepper small{display:none}@media (max-width:650px){.campaignStage-game{margin-top:4px}.campaignStage-game .campaignFallArea{height:clamp(140px,calc(100dvh - 380px),330px)}.campaignStage-game h1{font-size:22px}}@media (max-width:650px) and (max-height:650px){.campaignStage-game .campaignFallItem>svg{height:50px}.campaignStage-game .campaignFallItem>strong{font-size:12px;padding:5px 8px}.campaignStage-game .campaignFallItem>span{font-size:11px}}.workerStoryFilm video::cue{font-size:15px}@media (max-width:650px){.workerStoryFilm video::cue{font-size:14px}}.publicLearning.campaignPage .sanitaryChallenge .sanitaryIntro .sectionEyebrow{color:#9df2d3}.publicLearning .sanitaryIntro .sectionEyebrow,.publicLearning .sanitaryCompletion .sectionEyebrow,.publicLearning .homeSpecialChallenge .sectionEyebrow{color:#9df2d3!important}.campaignStage-round,.campaignStage-game,.campaignStage-film{max-width:1120px}.campaignPage:has(.campaignStage-round) nav,.campaignPage:has(.campaignStage-film) nav{display:none}.campaignStage-round .sanitaryTop>span,.campaignStage-film .sanitaryTop>span{display:none}.campaignStage-round .sanitaryTop,.campaignStage-film .sanitaryTop{flex-wrap:nowrap}.campaignStage-round .campaignStepper,.campaignStage-film .campaignStepper{margin-top:8px}.campaignStage-round .campaignStepper li,.campaignStage-film .campaignStepper li{padding:8px}.campaignStage-round .campaignStepper small,.campaignStage-film .campaignStepper small{display:none}.campaignStage-round h1{font-size:25px;margin:10px 0}.publicLearning .campaignStage-round .sanitaryQuestion{max-width:none;min-height:400px;grid-template-columns:220px minmax(0,1fr);padding:24px;gap:10px 30px;box-sizing:border-box}.campaignStage-round .sanitaryQuestion>svg{width:210px;height:190px;grid-row:3/6}.campaignStage-round .sanitaryQuestion>h2{font-size:28px;margin:0}.campaignStage-round .sanitaryQuestion>p{margin:0}.campaignStage-round .sanitaryQuestion .sanitaryAnswers{margin:8px 0}.publicLearning .campaignStage-round .sanitaryAnswers button{min-height:88px;font-size:16px;text-align:left;padding:18px}.campaignStage-round .sanitaryFeedback{display:flex;gap:18px;align-items:center;justify-content:space-between;min-height:104px;box-sizing:border-box;margin-top:6px;padding:16px 20px;background:#eff6f2;border:1px solid #d4e5dd}.campaignStage-round .sanitaryFeedback.isCorrect{background:#d8f3e7;border-color:#8ec9b5}.campaignStage-round .sanitaryFeedback.isRetry{background:#fff0cf;border-color:#e0c583}.campaignStage-round .sanitaryFeedback p{margin:5px 0 0;font-size:14px}.publicLearning .campaignReadToggle{width:auto;flex-shrink:0;min-height:44px;margin:0;border:1px solid #7b9c94;border-radius:10px;padding:8px 12px;background:#fff;color:#102b35;font:650 12px system-ui}.publicLearning .campaignReadToggle[aria-pressed=true]{background:#102b35;color:#f7faf3}.campaignStage-round .sanitaryAnswers button:disabled{opacity:1}.publicLearning .campaignGame{display:grid;grid-template-columns:minmax(0,1fr) 245px;grid-template-areas:"hud hud" "field bins" "field feedback" "note note";gap:12px 18px;max-width:none;margin:0;padding:20px;outline:none}.campaignGameHud{grid-area:hud;margin:0}.campaignFallArea{grid-area:field;height:440px}.campaignBins{grid-area:bins;display:grid;grid-template-columns:1fr;gap:10px;margin:0}.publicLearning .campaignBins .campaignBin{min-height:91px;display:grid;grid-template-columns:52px 1fr;grid-template-rows:1fr 1fr;text-align:left;gap:0 12px;padding:12px 18px;align-items:center}.campaignBin svg{grid-column:1;grid-row:1/3;width:43px;height:48px}.campaignBin b{align-self:end;font-size:19px}.campaignBin span{align-self:start;font-size:13px}.publicLearning .campaignBins .campaignBin:disabled{opacity:1}.publicLearning .campaignBins .campaignBin.selectedCorrect{outline:3px solid #fff5c9;outline-offset:-5px}.publicLearning .campaignBins .campaignBin.selectedRetry{outline:3px solid #ffd574;outline-offset:-5px}.campaignSortFeedback{grid-area:feedback;min-height:108px;padding:14px;margin:0;box-sizing:border-box;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.campaignSortFeedback.waiting{background:#224851;color:#d6ece4}.campaignSortFeedback strong{font-size:14px}.campaignSortFeedback p{font-size:12px;line-height:1.5;margin:6px 0 0}.campaignGameFootnote{grid-area:note;margin:0;line-height:1.5}.campaignFallItem{width:220px;left:clamp(110px,var(--fall-x),calc(100% - 110px))!important}.campaignFallItem>svg{width:175px;height:155px}.campaignFallItem>strong{font-size:16px}.campaignFallItem>span{font-size:13px}.campaignGameDone,.campaignGameIntro{grid-column:1/-1;min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.campaignAutoNotice{color:#9df2d3;font-weight:700}.campaignStage-film>h1{font-size:clamp(26px,3.5vw,38px);line-height:1.5;margin:12px 0}.workerStoryFilm{grid-template-columns:minmax(0,1fr) 280px;gap:12px 22px;max-width:none}.workerFilmHeading{display:flex;justify-content:space-between;gap:16px;align-items:center}.workerFilmHeading .sectionEyebrow{margin:0}.workerFilmHeading>p:last-child{font-size:13px}.workerStoryFilm video{max-height:calc(100dvh - 220px);width:100%;aspect-ratio:6/5}.workerStoryFilm .filmTools select{width:100%}@media (max-width:650px){.campaignStage-round,.campaignStage-game,.campaignStage-film{margin-top:4px}.campaignStage-round h1{font-size:22px;margin:8px 0}.publicLearning .campaignStage-round .sanitaryQuestion{min-height:0;display:grid;grid-template-columns:86px minmax(0,1fr);padding:14px;gap:8px 12px;text-align:left}.campaignStage-round .sanitaryQuestion>.sanitaryProgress{margin:0;grid-row:1}.campaignStage-round .sanitaryQuestion>.sectionEyebrow{grid-row:2;margin:0;font-size:10px}.campaignStage-round .sanitaryQuestion>svg{grid-column:1;grid-row:3/5;width:84px;height:88px;margin:0}.campaignStage-round .sanitaryQuestion>h2{grid-column:2;grid-row:3;font-size:19px;align-self:end}.campaignStage-round .sanitaryQuestion>p{grid-column:2;grid-row:4;font-size:13px;line-height:1.4;align-self:start}.campaignStage-round .sanitaryQuestion>.sanitaryAnswers{grid-column:1/-1;grid-row:5;display:grid;grid-template-columns:1fr;margin:4px 0}.publicLearning .campaignStage-round .sanitaryAnswers button{min-height:62px;font-size:14px;padding:12px 14px}.campaignStage-round .sanitaryFeedback{grid-row:6;grid-column:1/-1;min-height:112px;padding:12px;align-items:start;gap:6px;flex-direction:column}.campaignStage-round .sanitaryFeedback strong{font-size:13px}.campaignStage-round .sanitaryFeedback p{font-size:12px;line-height:1.45}.publicLearning .campaignReadToggle{min-height:36px;font-size:11px;padding:6px 9px}.publicLearning .campaignGame{display:grid;grid-template-columns:1fr;grid-template-areas:"hud" "field" "bins" "feedback" "note";gap:9px;padding:12px;height:calc(100dvh - 126px);min-height:420px;max-height:710px;grid-template-rows:38px minmax(130px,1fr) 86px 72px 30px;box-sizing:border-box}.campaignStage-game .campaignFallArea{height:auto;min-height:0}.campaignGameHud{margin:0}.campaignGameHud>span{font-size:22px}.campaignBins{grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.publicLearning .campaignBins .campaignBin{display:flex;flex-direction:column;justify-content:center;min-height:0;text-align:center;padding:6px 4px;gap:1px}.campaignBin svg{width:29px;height:31px}.campaignBin b{align-self:auto;font-size:14px}.campaignBin span{align-self:auto;font-size:11px}.campaignSortFeedback{min-height:0;padding:9px 11px;overflow:auto}.campaignSortFeedback strong{font-size:12px}.campaignSortFeedback p{font-size:11px;margin-top:3px}.campaignGameFootnote{font-size:10px;margin:0;line-height:1.4}.campaignFallItem{width:180px;left:clamp(90px,var(--fall-x),calc(100% - 90px))!important}.campaignFallItem>svg{width:130px;height:105px}.campaignFallItem>strong{font-size:14px}.campaignFallItem>span{font-size:12px}.campaignGameDone,.campaignGameIntro{min-height:0;grid-column:1;grid-row:1/-1;width:100%;padding:16px}.workerStoryFilm{display:flex;flex-direction:column;gap:10px}.workerFilmHeading{display:none}.campaignStage-film>h1{font-size:25px;margin:8px 0}.workerStoryFilm video{width:100%;max-height:none;margin:0;aspect-ratio:6/5}.workerStoryFilm .filmTools{display:flex;align-items:end;justify-content:space-between;width:100%;margin:0}.workerStoryFilm .filmNotice{margin:0}.workerStoryFilm details{width:100%;box-sizing:border-box;margin:0}.workerStoryFilm>.sanitaryPrimary{margin:0}}@media (max-width:650px) and (max-height:650px){.campaignFallItem>svg{height:50px}.campaignFallItem>strong{font-size:12px;padding:5px 7px}.campaignFallItem>span{font-size:11px}.campaignStage-round .sanitaryFeedback{min-height:104px}.campaignStage-round .sanitaryAnswers button{min-height:54px}}.campaignChoiceTools{display:flex;align-items:center;justify-content:space-between;gap:10px}.campaignChoiceTools .campaignReadToggle{min-height:40px}.campaignStage-round .sanitaryFeedback{align-items:center}.campaignStage-round .sanitaryFeedback p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.campaignStage-round .sanitaryFeedback.isReading p{display:block;overflow:visible}@media (max-width:650px){.campaignStage-round .sanitaryQuestion>svg{grid-row:3;height:68px}.campaignStage-round .sanitaryQuestion>h2{grid-row:3;align-self:center;font-size:18px}.campaignStage-round .sanitaryQuestion>p{grid-row:4;grid-column:1/-1;font-size:13px}.campaignStage-round .sanitaryFeedback{min-height:80px}.campaignStage-round .sanitaryQuestion .sanitaryAnswers button{min-height:56px}.campaignChoiceTools .campaignReadToggle{font-size:11px;padding:6px 8px;min-height:40px}.campaignStage-round .sanitaryQuestion>.sectionEyebrow{font-size:9px}}.campaignLanguage{margin-left:auto}.campaignLanguage select{min-height:44px;border:1px solid #b7cbc3;border-radius:12px;background:#fff;padding:8px 12px;font:600 15px system-ui}.campaignStepper li.completed{background:#def2e9;color:#175749}.sanitaryIntro{grid-template-columns:1fr 360px}.sanitaryIntro>img{width:100%;max-width:none;margin:0}.sanitaryChallenge[lang=ml] h1{letter-spacing:0;line-height:1.45}.sanitaryQuestion h2{line-height:1.5}.campaignStage-round .sanitaryFeedback p{display:block;overflow:visible}.campaignStage-round .sanitaryFeedback{min-height:76px}.campaignFallItem strong{line-height:1.45}.sanitaryPrimary:disabled{opacity:.55;cursor:default}body:has(.sanitaryChallenge) .webFooterLinks{display:none}.publicLearning .campaignShareDialog{max-width:880px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);gap:12px 24px;padding:24px;position:relative}.campaignShareDialog .shareClose{position:sticky;top:0;grid-column:2;justify-self:end;z-index:2}.campaignShareDialog h2{grid-column:2}.campaignShareDialog .shareNameField,.campaignShareDialog .shareNameNote,.campaignShareDialog .shareActions,.campaignShareDialog>p{grid-column:2}.campaignShareDialog canvas{grid-column:1;grid-row:1/9;width:100%;max-height:80dvh;border-radius:16px}.campaignShareDialog .shareActions{grid-template-columns:1fr!important;align-self:start}.campaignShareDialog .shareActions>*{justify-content:center;grid-column:auto!important;min-height:48px}.campaignShareDialog .shareNameNote{margin:0}.campaignShareDialog h2{margin:0!important}@media (max-width:650px){.sanitaryIntro{grid-template-columns:1fr;padding:20px}.sanitaryIntro>img{grid-row:1;width:100%;max-height:210px;object-fit:cover}.publicLearning .campaignShareDialog{display:flex;flex-direction:column;padding:16px;gap:8px}.campaignShareDialog .shareClose{align-self:end;flex-shrink:0}.campaignShareDialog canvas{max-height:48dvh;width:auto;max-width:100%;align-self:center}.campaignShareDialog .shareActions{display:grid;grid-template-columns:1fr 1fr!important;margin:4px 0}.campaignShareDialog .shareNameField{margin:0}.campaignShareDialog h2{font-size:20px!important}.campaignShareDialog .shareNameNote{font-size:12px!important}}.publicLearning .campaignShareDialog canvas{max-height:78dvh}.publicLearning .campaignShareDialog .shareActions{display:grid!important;grid-template-columns:1fr!important}.publicLearning .campaignShareDialog .shareNameField span{display:inline;font-size:12px}@media (max-width:650px){.publicLearning .campaignShareDialog canvas{max-height:45dvh}.publicLearning .campaignShareDialog .shareActions{grid-template-columns:1fr 1fr!important}}.publicLearning .campaignGame>*{min-width:0}.campaignGameHud,.campaignBins{min-width:0}.publicLearning .campaignBins .campaignBin{min-width:0;width:auto}.campaignLanguage select{max-width:130px}@media (max-width:650px){.publicLearning .campaignGame{grid-template-columns:minmax(0,1fr);height:calc(100dvh - 164px)}.campaignBins{grid-template-columns:repeat(3,minmax(0,1fr))}.campaignStage-game h1{font-size:20px!important;line-height:1.3!important}.publicLearning .campaignBin b{font-size:12px;overflow-wrap:anywhere}.campaignGameHud{justify-content:space-between}}.publicLearning .campaignShareDialog .shareClose{width:auto;align-self:flex-end}.publicLearning .campaignShareDialog h2{font-size:22px!important}.publicLearning .campaignShareDialog .shareNameField small{font-weight:400}@media (max-width:650px){.publicLearning .campaignShareDialog h2{font-size:20px!important}.publicLearning .campaignBins .campaignBin b{font-size:11px!important;white-space:nowrap;overflow-wrap:normal}.publicLearning .campaignShareDialog canvas{max-height:48dvh}}.publicLearning.campaignPage{max-width:1144px!important;padding:12px 20px!important;margin:0 auto!important}.publicLearning.campaignPage>nav,.publicLearning.campaignPage>footer{display:none!important}.publicLearning.campaignPage .sanitaryChallenge{max-width:1104px;margin:0 auto!important}.publicLearning.campaignPage .sanitaryTop{height:44px;gap:12px;flex-wrap:nowrap}.publicLearning.campaignPage .campaignLanguage{display:block;padding:0;background:none;border:0;margin-left:auto}.publicLearning.campaignPage .campaignLanguage select{height:44px;min-height:44px;padding:6px 10px;font-size:14px;max-width:140px}.publicLearning.campaignPage .campaignStepper{margin:6px 0!important;gap:8px}.publicLearning.campaignPage .campaignStepper li{padding:7px 12px!important;min-height:34px;box-sizing:border-box;font-size:13px}.publicLearning.campaignPage .campaignStepper li>span{width:22px;height:22px}.publicLearning.campaignPage .sanitaryChallenge>h1{font-size:clamp(24px,3vw,34px)!important;line-height:1.35!important;margin:10px 0 12px!important;letter-spacing:0}.publicLearning.campaignPage .sanitaryIntro{grid-template-columns:minmax(0,1fr) minmax(220px,36%);padding:24px;gap:24px;border-radius:22px}.publicLearning.campaignPage .sanitaryIntro>img{width:100%;height:clamp(200px,calc(100dvh - 300px),320px);aspect-ratio:auto;object-fit:cover;margin:0;border-radius:14px}.publicLearning.campaignPage .sanitaryLead{font-size:18px;line-height:1.6;margin:0 0 16px}.publicLearning.campaignPage .sanitaryPrimary{min-height:46px;margin:8px 0;padding:10px 18px;font-size:15px;width:auto}.publicLearning.campaignPage .sanitaryFine{margin:8px 0 0;font-size:12px;line-height:1.5}.publicLearning.campaignPage .sanitarySource{margin:8px 0 0;padding:0 8px;border:0;font-size:12px}.publicLearning.campaignPage .sanitarySource>summary{min-height:32px}.publicLearning.campaignPage .sanitaryQuestion{min-height:0!important;padding:20px!important;grid-template-columns:170px minmax(0,1fr);gap:8px 22px}.publicLearning.campaignPage .sanitaryQuestion>svg{width:165px;height:160px}.publicLearning.campaignPage .sanitaryQuestion>h2{font-size:24px;margin:0;line-height:1.4}.publicLearning.campaignPage .sanitaryQuestion>.sanitaryProgress{margin:0 0 4px}.publicLearning.campaignPage .sanitaryQuestion>.sectionEyebrow{margin:0;font-size:11px}.publicLearning.campaignPage .sanitaryAnswers button{min-height:70px;font-size:15px;padding:12px 16px}.publicLearning.campaignPage .sanitaryFeedback{min-height:80px;padding:12px 16px;margin:4px 0 0;line-height:1.5}.publicLearning.campaignPage .sanitaryFeedback strong{font-size:14px}.publicLearning.campaignPage .sanitaryFeedback p{font-size:13px;line-height:1.5}.publicLearning.campaignPage .campaignGame{padding:16px;gap:10px 16px}.publicLearning.campaignPage .campaignFallArea{height:clamp(230px,calc(100dvh - 242px),420px)}.publicLearning.campaignPage .campaignGameDone{min-height:230px}.publicLearning.campaignPage .workerStoryFilm{display:grid;grid-template-columns:minmax(0,1fr) 270px;grid-template-rows:auto auto 1fr auto;gap:10px 20px;align-items:start}.publicLearning.campaignPage .workerStoryFilm video{grid-column:1;grid-row:1/6;max-height:calc(100dvh - 190px);height:min(460px,calc(100dvh - 190px));width:100%;object-fit:contain;margin:0}.publicLearning.campaignPage .workerFilmHeading{grid-column:2;display:block;margin:0}.publicLearning.campaignPage .workerFilmHeading>p{margin:0 0 8px;font-size:14px;line-height:1.5}.publicLearning.campaignPage .workerStoryFilm .filmNotice:empty{display:none}.publicLearning.campaignPage .workerStoryFilm details{grid-column:2;margin:0;padding:8px 12px;font-size:13px}.publicLearning.campaignPage .workerStoryFilm>.sanitaryPrimary,.publicLearning.campaignPage .workerStoryFilm>.sanitaryFine,.publicLearning.campaignPage .workerStoryFilm>.filmNotice{grid-column:2;margin:0}.publicLearning.campaignPage .sanitaryCompletion{max-width:800px;padding:24px;box-sizing:border-box}.publicLearning.campaignPage .sanitaryCompletion h2{font-size:26px;margin:12px 0;line-height:1.4}.publicLearning.campaignPage .sanitaryCompletion p{margin:10px 0;line-height:1.5;font-size:15px}.publicLearning.campaignPage .sanitarySeal{height:64px;width:64px;line-height:64px;font-size:44px;margin:0 auto 10px}@media (max-width:650px){.publicLearning.campaignPage{padding:6px 12px!important}.publicLearning.campaignPage .campaignStepper{gap:5px;margin:4px 0!important}.publicLearning.campaignPage .campaignStepper li{padding:5px 7px!important;font-size:11px;gap:5px;min-height:32px}.publicLearning.campaignPage .sanitaryChallenge>h1{font-size:22px!important;line-height:1.35!important;margin:6px 0 8px!important}.publicLearning.campaignPage .sanitaryIntro{grid-template-columns:1fr;padding:16px;gap:12px}.publicLearning.campaignPage .sanitaryIntro>img{grid-row:1;height:clamp(110px,calc(100dvh - 380px),190px);object-position:center 35%}.publicLearning.campaignPage .sanitaryLead{font-size:15px;line-height:1.5;margin:0 0 8px}.publicLearning.campaignPage .sanitaryQuestion{grid-template-columns:72px minmax(0,1fr);padding:12px!important;gap:6px 10px}.publicLearning.campaignPage .sanitaryQuestion>svg{width:72px;height:68px}.publicLearning.campaignPage .sanitaryQuestion>h2{font-size:18px}.publicLearning.campaignPage .sanitaryQuestion>.sectionEyebrow{font-size:10px}.publicLearning.campaignPage .sanitaryAnswers button{min-height:56px;font-size:14px;padding:10px 12px}.publicLearning.campaignPage .sanitaryFeedback{min-height:80px;padding:10px;margin:0;align-items:start}.publicLearning.campaignPage .campaignGame{padding:10px;gap:7px;height:calc(100dvh - 158px);min-height:350px;max-height:700px;grid-template-rows:38px minmax(90px,1fr) 78px 76px 26px}.publicLearning.campaignPage .campaignFallArea{height:auto}.publicLearning.campaignPage .campaignSortFeedback{padding:8px}.publicLearning.campaignPage .workerStoryFilm{display:flex;gap:8px}.publicLearning.campaignPage .workerFilmHeading{display:none}.publicLearning.campaignPage .workerStoryFilm video{height:auto;max-height:calc(100dvh - 286px);aspect-ratio:6/5;min-height:170px;width:100%;object-fit:contain}.publicLearning.campaignPage .workerStoryFilm details{padding:6px 10px;width:100%}.publicLearning.campaignPage .workerStoryFilm summary{min-height:36px}.publicLearning.campaignPage .workerStoryFilm>.sanitaryPrimary{width:100%}.publicLearning.campaignPage .sanitaryCompletion{padding:18px}.publicLearning.campaignPage .sanitaryCompletion h2{font-size:21px}.publicLearning.campaignPage .sanitaryCompletion p{font-size:14px}.publicLearning.campaignPage .sanitarySource{margin-top:4px}}@media (max-width:650px) and (max-height:650px){.publicLearning.campaignPage .sanitaryIntro>img{height:130px}.publicLearning.campaignPage .sanitaryIntro{padding:12px;gap:8px}.publicLearning.campaignPage .sanitaryLead{font-size:14px}.publicLearning.campaignPage .sanitaryFine{font-size:11px}.publicLearning.campaignPage .sanitaryQuestion>h2{font-size:16px}.publicLearning.campaignPage .sanitaryQuestion>p{font-size:12px;line-height:1.4}.publicLearning.campaignPage .sanitaryAnswers button{font-size:13px;min-height:50px;padding:8px 10px}}@media (max-width:650px) and (max-height:650px){.publicLearning.campaignPage .campaignStage-round .sanitaryQuestion{grid-template-columns:minmax(0,1fr);gap:5px}.publicLearning.campaignPage .campaignStage-round .sanitaryQuestion>svg{display:none}.publicLearning.campaignPage .campaignStage-round .sanitaryQuestion>h2,.publicLearning.campaignPage .campaignStage-round .sanitaryQuestion>p{grid-column:1/-1}.publicLearning.campaignPage .campaignChoiceTools .campaignReadToggle{min-height:32px;padding:4px 8px}.publicLearning.campaignPage .campaignStage-round>h1{font-size:20px!important}.publicLearning.campaignPage .campaignStage-round .sanitaryFeedback{min-height:74px}.publicLearning.campaignPage .campaignStage-round .sanitaryAnswers{gap:6px}}@media (max-width:650px){.publicLearning.campaignPage .campaignGame{height:calc(100dvh - 178px);min-height:330px;grid-template-rows:38px minmax(85px,1fr) 78px 66px 24px}.publicLearning.campaignPage .campaignGameFootnote{font-size:9px;line-height:1.3}.publicLearning.campaignPage .campaignStage-round .sanitaryFeedback:not(.isReading){min-height:60px}.publicLearning.campaignPage .campaignStage-round .sanitaryFeedback:not(.isReading) p{font-size:12px;margin:3px 0 0}.publicLearning.campaignPage .campaignStage-round .sanitaryFeedback{gap:2px}}.publicLearning.campaignPage .workerStoryFilm>.sanitaryFine{display:none}.campaignShareDialog>p:empty{display:none}@media (max-width:650px){.publicLearning .campaignShareDialog .shareClose{position:absolute;top:12px;right:12px}.publicLearning .campaignShareDialog h2{min-height:44px;display:flex;align-items:center;padding-right:105px;margin:0!important}}@media (max-width:650px) and (max-height:650px){.publicLearning .campaignShareDialog canvas{max-height:32dvh}.publicLearning .campaignShareDialog{gap:6px;padding:12px}.publicLearning .campaignShareDialog .shareNameNote{font-size:11px!important}}.publicLearning.campaignPage .campaignShareDialog h2{font-size:20px!important}@media (max-width:650px){.publicLearning.campaignPage .campaignShareDialog h2{font-size:18px!important}.publicLearning.campaignPage .sanitaryCompletion .sanitaryFine{font-size:12px!important}}@media (max-width:650px) and (max-height:650px){.publicLearning.campaignPage .campaignStage-round .sanitaryQuestion{padding:10px!important}.publicLearning.campaignPage .campaignStage-round>h1{margin:4px 0 6px!important}.publicLearning.campaignPage .sanitarySource>summary{min-height:28px}}.publicLearning.campaignPage .campaignResult{max-width:680px;margin:0 auto;padding:20px;background:#123440;color:#f5fff8;border:1px solid #496e72;border-radius:22px;text-align:center;box-sizing:border-box}.publicLearning.campaignPage .campaignResult h2{font-size:clamp(22px,3vw,30px);line-height:1.5;margin:6px 0;color:#f5fff8}.publicLearning.campaignPage .campaignResult p{line-height:1.5;margin:10px 0}.publicLearning.campaignPage .campaignResult .sectionEyebrow{color:#b3ead8}.campaignResultMedal{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#ffd574;color:#123440;font-size:32px}.campaignResultScore strong{font-size:32px;color:#9df2d3;margin-left:8px}.campaignResultScore span{display:block;font-size:15px;margin-top:4px}.publicLearning.campaignPage .campaignResultNote{font-size:13px;color:#d0e3df;max-width:540px;margin:12px auto}.campaignResultActions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}.campaignResultActions button{min-height:48px;white-space:normal;line-height:1.45}.publicLearning.campaignPage .campaignGameDone{grid-column:1/-1;grid-row:1/-1;padding:0;min-height:0;align-self:center}.campaignGameDone .campaignResult{width:100%}@media (max-width:650px){.publicLearning.campaignPage .campaignResult{padding:16px}.campaignResultActions{flex-direction:column;gap:8px;margin-top:12px}.campaignResultMedal{width:42px;height:42px;font-size:26px}.publicLearning.campaignPage .campaignResult p{font-size:14px}.publicLearning.campaignPage .campaignResultNote{font-size:12px}.publicLearning.campaignPage .campaignGame:has(.campaignGameDone){height:auto;min-height:0;display:block}}.publicLearning.campaignPage .campaignResult>.sectionEyebrow{color:#b3ead8!important;font-size:12px!important;letter-spacing:.03em}.publicLearning.campaignPage .campaignResult .sanitarySecondary{background:#254954!important;color:#f5fff8!important;border:1px solid #88b9b3!important}.publicLearning.campaignPage .campaignResult button:focus-visible{outline:3px solid #ffd574;outline-offset:3px}.publicLearning.campaignPage .campaignCardV2{width:min(920px,100%);max-width:920px;padding:18px;background:#fffaf0!important;color:#133e35!important;font-family:Noto Sans Malayalam,system-ui,sans-serif;position:relative}.publicLearning.campaignPage .campaignCardV2 .campaignCardHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.publicLearning.campaignPage .campaignCardV2 h2{color:#133e35!important;padding:0;min-height:0;margin:0!important;font-size:21px!important}.publicLearning.campaignPage .campaignCardV2 .shareClose{position:static!important;float:none;flex:none}.campaignCardLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,390px);gap:22px;align-items:start}.campaignCardControls{min-width:0;display:grid;gap:10px}.campaignCardControls label{display:grid;gap:5px;font-size:14px;line-height:1.5}.campaignCardControls small{font-size:12px;color:#456d5b}.campaignCardControls input,.campaignCardControls select{min-height:46px;box-sizing:border-box;max-width:100%;width:100%;border:1px solid #83a99a;border-radius:10px;padding:8px 10px;background:#fff;color:#133e35;font:inherit}.publicLearning.campaignPage .campaignCardV2 p{color:#365b4e!important;font-size:12px!important;line-height:1.55!important;margin:0!important}.campaignCardControls .shareActions{margin-top:4px;display:grid;grid-template-columns:1fr;gap:8px}.publicLearning.campaignPage .campaignCardV2 button,.publicLearning.campaignPage .campaignCardV2 a{min-height:46px;background:#133e35!important;color:#fffaf0!important;justify-content:center;text-align:center;font-family:inherit!important;font-size:13px!important;line-height:1.4;border:1px solid #133e35!important;border-radius:10px!important}.publicLearning.campaignPage .campaignCardV2 .shareActions a{background:#e2f1e7!important;color:#133e35!important}.campaignCardV2 button:disabled{opacity:.55}.campaignCardV2 :is(button,a,input,select):focus-visible{outline:3px solid #116d68;outline-offset:3px}.publicLearning.campaignPage .campaignCardV2 canvas{width:100%;height:auto;max-height:min(72dvh,650px);object-fit:contain;margin:0;display:block;border-radius:10px}.campaignCardPreview{min-width:0;background:#e2f1e7;border:1px solid #c1d4c7;border-radius:12px;padding:6px}@media (max-width:650px){.publicLearning.campaignPage .campaignCardV2{padding:12px}.publicLearning.campaignPage .campaignCardV2 h2{font-size:17px!important}.campaignCardLayout{grid-template-columns:minmax(0,1fr);gap:12px}.campaignCardControls{gap:7px}.campaignCardControls label{font-size:13px}.campaignCardControls .shareActions{grid-template-columns:1fr 1fr}.publicLearning.campaignPage .campaignCardV2 canvas{max-height:none}.publicLearning.campaignPage .campaignCardV2 .campaignCardHeading{margin-bottom:10px}.campaignCardControls p{font-size:11px!important}}.publicLearning.campaignPage .campaignCardV2{display:block!important}.publicLearning.campaignPage .campaignCardV2 .campaignCardControls{grid-template-columns:minmax(0,1fr)}.publicLearning.campaignPage .campaignCardV2 .campaignCardControls>*{grid-column:1!important}.publicLearning.campaignPage .campaignCardV2 .shareActions{grid-column:1!important}.publicLearning.campaignPage .campaignCardV2 canvas{grid-area:auto!important}.publicLearning.campaignPage .campaignCardV2 .campaignCardHeading{position:sticky;top:-18px;background:#fffaf0;z-index:3;padding:6px 0 10px}.publicLearning.campaignPage .campaignCardV2 .campaignCardHeading h2{font-size:19px!important}@media (max-width:650px){.publicLearning.campaignPage .campaignCardV2 .campaignCardHeading{top:-12px;padding-top:8px}.publicLearning.campaignPage .campaignCardV2 .campaignCardHeading h2{font-size:17px!important}.publicLearning.campaignPage .campaignCardV2 .shareActions>*{min-height:46px}}.campaignCardV2 .shareActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.campaignCardV2 .shareActions .campaignWhatsApp{grid-column:1/-1;background:#116d68;color:#fff;min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center}.campaignCardV2 .campaignWhatsApp[aria-disabled=true]{opacity:.5;pointer-events:none}.campaignShareHint{font-size:.85rem;line-height:1.5}.campaignFriends{font-weight:700}.publicLearning.campaignPage .campaignCardV2 .shareActions{grid-template-columns:1fr 1fr!important}.publicLearning.campaignPage .campaignCardV2 .shareActions .campaignWhatsApp{grid-column:1/-1!important;background:#116d68!important;color:#fff!important}.publicLearning.campaignPage .campaignCardV2 .shareActions button{background:#e2f1e7!important;color:#133e35!important}.sanitaryCompletion .aakriService{margin-top:12px;padding:12px;text-align:left;border:1px solid #b8c1cc;border-left:4px solid #586174;border-radius:10px;background:#f4f5f7;color:#202937}.sanitaryCompletion .aakriService h2{font-size:16px;margin:6px 0}.sanitaryCompletion .aakriService p{font-size:12px;line-height:1.5;margin:6px 0}.aakriServiceLabel{font-weight:700}.aakriServiceActions{display:flex;flex-wrap:wrap;gap:8px}.aakriServiceActions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #586174;border-radius:7px;color:#202937;background:#fff;font-size:13px;text-decoration:none}.aakriServiceActions a:focus-visible{outline:3px solid #116d68;outline-offset:3px}.sanitaryCompletion .aakriServiceFooter{font-size:11px;color:#3c4553}.publicLearning.campaignPage .campaignGame{height:clamp(330px,calc(100dvh - 184px),590px);min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 230px;grid-template-rows:38px minmax(0,1fr) 76px 24px;padding:12px;gap:8px 12px}.publicLearning.campaignPage .campaignGameHud{grid-column:1/-1;grid-row:1}.publicLearning.campaignPage .campaignFallArea{grid-column:1;grid-row:2/4;min-height:0;height:auto;overflow:hidden}.publicLearning.campaignPage .campaignBins{grid-column:2;grid-row:2;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:8px}.publicLearning.campaignPage .campaignSortFeedback{grid-column:2;grid-row:3;padding:8px;min-height:0}.publicLearning.campaignPage .campaignGameFootnote{grid-column:1/-1;grid-row:4;margin:0;font-size:11px}.publicLearning.campaignPage .campaignFallItem{width:180px;max-width:calc(100% - 16px);display:flex;flex-direction:column;align-items:center;gap:4px}.publicLearning.campaignPage .campaignFallItem .campaignItemSprite{width:150px;height:150px}.publicLearning.campaignPage .campaignFallItem strong{width:100%;font-size:14px;line-height:1.35;padding:6px 8px;box-sizing:border-box;white-space:normal}.publicLearning.campaignPage .campaignBin{min-height:0;padding:8px 12px}.publicLearning.campaignPage .campaignBin .premiumBinArt{height:54px;width:50px}.publicLearning.campaignPage .campaignBin b{font-size:17px!important}.publicLearning.campaignPage .campaignGameDone{grid-column:1/-1;grid-row:1/-1;overflow:auto}.publicLearning.campaignPage .campaignSortFeedback strong{font-size:13px}.publicLearning.campaignPage .campaignSortFeedback p{font-size:12px;line-height:1.4;margin:4px 0}@media (max-width:650px){.publicLearning.campaignPage .campaignGame{height:calc(100dvh - 158px);grid-template-columns:minmax(0,1fr);grid-template-rows:32px minmax(130px,1fr) 68px 66px 28px;padding:8px;gap:6px}.publicLearning.campaignPage .campaignFallArea{grid-column:1;grid-row:2}.publicLearning.campaignPage .campaignBins{grid-column:1;grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr}.publicLearning.campaignPage .campaignSortFeedback{grid-column:1;grid-row:4;padding:6px}.publicLearning.campaignPage .campaignGameFootnote{grid-column:1;grid-row:5;font-size:10px;line-height:1.35}.publicLearning.campaignPage .campaignFallItem{width:150px}.publicLearning.campaignPage .campaignFallItem .campaignItemSprite{width:105px;height:105px}.publicLearning.campaignPage .campaignFallItem strong{font-size:12px}.publicLearning.campaignPage .campaignBin{flex-direction:column;padding:4px;gap:2px}.publicLearning.campaignPage .campaignBin .premiumBinArt{width:32px;height:34px}.publicLearning.campaignPage .campaignBin b{font-size:12px!important}}@media (max-width:650px) and (max-height:650px){.publicLearning.campaignPage .campaignGame{grid-template-rows:32px minmax(120px,1fr) 68px 90px 28px}.publicLearning.campaignPage .campaignFallItem .campaignItemSprite{width:76px;height:76px}.publicLearning.campaignPage .campaignSortFeedback{overflow:visible}.publicLearning.campaignPage .campaignSortFeedback strong{font-size:12px}.publicLearning.campaignPage .campaignSortFeedback p{font-size:11px;line-height:1.4}}.publicLearning.campaignPage .campaignScoreDetails{margin-top:8px;text-align:left;font-size:12px;color:#d0e3df}.campaignScoreDetails summary{min-height:36px;cursor:pointer}.campaignScoreDetails summary:focus-visible{outline:3px solid #ffd574}.campaignScoreDetails p{font-size:12px!important}@media (max-width:650px){.publicLearning.campaignPage .campaignResult{padding:12px}.publicLearning.campaignPage .campaignResult h2{font-size:20px;line-height:1.3;margin:4px 0}.campaignResultMedal{height:30px;width:30px;font-size:20px}.publicLearning.campaignPage .campaignResult p{font-size:12px;line-height:1.4;margin:6px 0}.campaignResultScore strong{font-size:26px}.campaignResultScore span{font-size:12px}.campaignResultActions{gap:4px;margin-top:6px}.publicLearning.campaignPage .campaignResultActions button{margin:0;min-height:44px;padding:8px 10px;font-size:13px}}@media (max-width:650px) and (max-height:650px){.publicLearning.campaignPage .campaignFallItem{width:180px}.publicLearning.campaignPage .campaignFallItem .campaignItemSprite{width:64px;height:64px}}.classroomPage{padding:28px 0 48px;color:#173b27}.classroomPage h1{font-size:clamp(28px,4vw,44px);max-width:780px}.classroomPage h2{font-size:25px}.classroomPage h3{font-size:20px}.classroomPage p,.classroomPage li{line-height:1.6}.classWorkspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;margin-top:24px}.classWorkspace>aside{padding:20px;background:#e9efe4;border-radius:12px;align-self:start}.classWorkspace>section,.classReport{padding:28px;background:#fff;border:1px solid #c9d6c7;border-radius:14px;min-width:0}.classroomPage button{width:auto;min-width:48px;min-height:48px;padding:10px 16px;background:#173b27;color:#fff;border:1px solid #173b27;border-radius:8px;font:600 14px system-ui;margin:0;cursor:pointer}.classroomPage button:disabled{background:#d6e0d4;color:#35503a;border-color:#a3b39f;cursor:wait;opacity:1}.classWorkspace>aside button{display:block;width:100%;text-align:left;margin:8px 0;background:#fff;color:#173b27}.classWorkspace>aside button[aria-pressed=true]{background:#173b27;color:#fff}.classWorkspace small{display:block;margin-top:5px}.classroomPage form{display:grid;gap:16px;max-width:700px}.classroomPage label{display:grid;gap:8px;font-weight:600;font-size:14px}.classroomPage input,.classroomPage select,.classroomPage textarea{width:100%;min-height:48px;border:1px solid #91a58f;border-radius:6px;padding:12px;font:16px system-ui;background:#fff;color:#173b27;box-sizing:border-box}.classroomPage textarea{resize:vertical}.classroomPage details{border:1px solid #c9d6c7;border-radius:8px;padding:12px;margin:16px 0;overflow-wrap:anywhere}.classroomPage summary{min-height:48px;cursor:pointer;align-content:center;font-weight:600}.classSectionHead{display:flex;gap:20px;justify-content:space-between;align-items:start;flex-wrap:wrap}.classActions{display:flex;gap:8px;flex-wrap:wrap}.classNotice{padding:12px 16px;background:#edf2e8;border-radius:8px;min-height:24px}.classNotice:empty{display:none}.classAssignment{border-top:1px solid #c9d6c7;padding:20px 0}.classAssignment h4{margin:0;font-size:18px}.classReport{margin-top:30px}.classMetrics,.classCategoryGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:20px 0}.classMetrics>div,.classCategoryGrid>div{padding:16px;background:#edf2e8;border-radius:8px}.classMetrics strong{display:block;font-size:28px;margin-top:10px}.classMetrics span{font-size:13px}.classTableWrap{max-width:100%;overflow-x:auto;margin:16px 0}.classroomPage table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}.classroomPage th,.classroomPage td{padding:12px;border-bottom:1px solid #d5dfd0;vertical-align:top}.classroomPage thead{background:#edf2e8}.classroomPage code{font-size:12px;word-break:break-all}.studentClass{max-width:760px;margin:auto}.classItem{border:1px solid #b3c6aa;border-radius:16px;background:#edf2e8;padding:24px;text-align:center;margin:20px 0}.classItem>span{font-size:64px}.classItem h2{margin:12px 0}.classBins{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:16px 0}.classBins button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 6px;min-height:60px}.classBins i{height:12px;width:12px;border:1px solid #fff;border-radius:50%;flex:none}.classFeedback{background:#edf2e8;border-left:4px solid #3a7749;padding:16px;margin:20px 0;border-radius:4px}.classScore{font-weight:700}.classroomPage :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #97701c;outline-offset:3px}@media (max-width:768px){.classWorkspace{grid-template-columns:1fr;gap:16px}.classWorkspace>section,.classReport{padding:18px}.classWorkspace>aside{padding:16px}.classBins{grid-template-columns:repeat(2,minmax(0,1fr))}.classSectionHead{display:block}.classActions{margin:12px 0}.classroomPage{padding-top:16px}}@media print{body:has(.classReport){background:#fff!important;color:#000!important}.publicLearning:has(.classReport)>nav,.publicLearning:has(.classReport)>footer,.publicLearning:has(.classReport)>.skipLink,.noPrint{display:none!important}.classReport{border:0;margin:0;padding:0}.classReport details>*{display:block!important}.classReport details>summary{display:block!important}.classTableWrap{overflow:visible}.classReport table{font-size:10px}.classReport tr,.classMetrics>div{break-inside:avoid}.classReport details{break-inside:auto}.classReport button{display:none!important}.classReport th,.classReport td{padding:6px}.classroomPage{padding:0}.publicLearning{max-width:none;padding:0!important}}.studentClass:has(.classItem) h1{font-size:24px;margin:8px 0}.studentClass:has(.classItem)>h2{font-size:18px;margin:8px 0}.studentClass:has(.classItem)>p{margin:6px 0;font-size:13px}.studentClass .classInstructions{margin:8px 0;padding:0 10px}.studentClass .classFeedback{margin:8px 0;padding:8px 12px;font-size:13px}.studentClass .classFeedback details{margin:0;padding:0;border:0}.studentClass .classItem{padding:12px;margin:8px 0}.studentClass .classItem>span{font-size:44px}.studentClass .classItem h2{font-size:22px;margin:6px 0}.studentClass .classItem p{margin:0}.studentClass .classSectionHead{gap:8px}.studentClass .classSectionHead p,.studentClass .classActions{margin:4px 0}.studentClass .classActions button{padding:8px;font-size:12px}.studentClass .classBins{margin:8px 0}.studentClass:has(.classItem)>.sectionEyebrow{display:none}.publicLearning{font-family:system-ui,sans-serif;max-width:1180px}.publicLearning nav{align-items:center;gap:6px 18px;padding:8px 0;margin:0 0 16px;flex-wrap:wrap;overflow:visible}.publicLearning nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.publicLearning nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}.publicLearning .webFooterLinks{display:flex;flex-wrap:wrap;gap:12px 20px;padding:20px 0;font-size:13px}.publicLearning a:focus-visible,.publicLearning button:focus-visible,.publicLearning input:focus-visible,.publicLearning select:focus-visible{outline:3px solid #bb7800;outline-offset:3px}.skipLink{position:fixed;top:-100px;left:16px;z-index:100;background:#fff;color:#10231a;padding:12px}.skipLink:focus{top:8px}.learningHome{padding:40px 0}.learningKicker{font-size:12px;letter-spacing:2px;color:#176744;font-weight:700}.learningTagline{font-weight:600}.learningPartners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:48px}.learningPartners section{padding:24px;background:#eaf3eb;border:1px solid #cbdece;border-radius:16px}.learningPartners h2,.learningFounder h2{font-size:clamp(24px,3vw,32px);line-height:1.25}.learningPartners p,.learningFounder p{line-height:1.7}.learningPartners .learningButton{box-sizing:border-box;max-width:100%;overflow-wrap:anywhere}.learningFounder{max-width:780px;margin:48px auto 0;padding:24px 0;border-top:1px solid #cbdece}.publicLearning .ownershipLine{flex-basis:100%;margin:0;line-height:1.8;overflow-wrap:anywhere}@media (max-width:700px){.learningPartners{grid-template-columns:1fr;gap:16px;margin-top:32px}.learningPartners section{padding:20px}.learningFounder{margin-top:32px}}.learningHome h1{font:700 clamp(36px,6vw,68px)/1.08 Georgia,serif;max-width:850px;margin:22px 0}.learningHome>p{max-width:650px;line-height:1.7}.learningButton{display:inline-block;background:#126442;color:#fff;padding:14px 22px;border-radius:12px;text-decoration:none;font-weight:700;margin:12px 12px 12px 0}.learningSecondary{display:inline-block;padding:14px 0;color:#126442}.learningNote{font-size:14px;color:#496152}.learningCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}.learningCards>a{display:block;color:inherit;text-decoration:none;background:#fff;padding:24px;border:1px solid #cbdece;border-radius:16px}.learningCards h2{font-size:20px}.learningCards p{line-height:1.6}.readingPage{max-width:780px;margin:20px auto;line-height:1.8}.readingPage h1{font-size:32px;line-height:1.2}.readingPage li{margin:12px 0}.readingPage a{overflow-wrap:anywhere}.publicLearning .glossaryControls input,.publicLearning .glossaryControls select{min-height:44px;min-width:0}.publicLearning .glossaryControls{flex-wrap:wrap}.ecoPlay.publicLearning{padding:8px 20px}.publicLearning .ecoGameLayout{display:block;max-width:900px;margin:auto}.publicLearning .ecoJourney,.publicLearning .ecoFieldGuide{display:none}.publicLearning .gameShell{padding:14px 18px}.publicLearning .gameShell>.ecoEyebrow{display:none}.publicLearning .gameHeader{padding:0;margin:0 0 8px}.publicLearning .gameHeader h1{font-size:25px}.publicLearning .gameHeader p{margin:2px 0}.publicLearning .scoreRow{padding:0 0 8px}.publicLearning .scoreRow small{margin-bottom:3px}.publicLearning .scoreRow strong{font-size:24px}.publicLearning .webScoreBar{margin-bottom:8px}.publicLearning .webConveyor{height:clamp(170px,calc(100dvh - 390px),300px);min-height:170px}.publicLearning .webItemCard{top:30px;min-height:95px;padding:8px;animation-name:publicFall}.publicLearning .webItemCard h2{font-size:13px}.publicLearning .emojiVisual{font-size:32px}@keyframes publicFall{0%{translate:0 0}to{translate:0 20px}}.publicLearning .ecoCombo{margin:7px 0;padding:5px 10px}.publicLearning .binGrid{grid-template-columns:repeat(6,minmax(0,1fr))}.publicLearning .binGrid button{min-height:58px;padding:6px 3px;gap:3px;font-size:12px}.publicLearning .ecoControls{padding:0}.publicLearning .ecoControls button{min-height:44px}.publicLearning .ecoInStage>.gameMessage{margin:3px 0;padding:6px;min-height:20px}.publicLearning .ecoInStage>.note{margin:4px 0}.publicLearning .ecoStartOverlay h2{font-size:25px;margin:4px}.publicLearning .ecoStartOverlay>span{display:none}.publicLearning .ecoStartOverlay p{margin:4px;max-width:520px}.publicLearning .ecoStartOverlay button{margin:6px}@media (max-width:700px){.publicLearning{padding:12px}.ecoPlay.publicLearning{padding:6px 10px}.publicLearning nav{gap:0 14px;margin-bottom:8px}.publicLearning nav a{font-size:12px}.learningCards{grid-template-columns:1fr}.learningHome{padding:16px 0}.publicLearning .gameShell{padding:10px}.publicLearning .binGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.publicLearning .binGrid button{min-height:46px;flex-direction:row}.publicLearning .webConveyor{height:170px;min-height:170px}.publicLearning .gameHeader h1{font-size:20px}.publicLearning .ecoStartOverlay p{font-size:12px;line-height:1.4}.publicLearning .ecoStartOverlay h2{font-size:21px}.publicLearning .ecoCombo{font-size:10px}.publicLearning .ecoInStage>.gameMessage{font-size:12px}.publicLearning .ecoLanguageLabel{display:none}}@media (orientation:landscape) and (max-height:500px){.publicLearning .ecoInStage{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"header score" "belt combo" "belt bins" "belt controls" "message message" "last last";gap:4px 12px}.publicLearning .ecoInStage>.gameHeader{grid-area:header}.publicLearning .ecoInStage>.scoreRow{grid-area:score}.publicLearning .ecoInStage>.webScoreBar{display:none}.publicLearning .ecoInStage>.webConveyor{grid-area:belt;height:170px;min-height:170px}.publicLearning .ecoInStage>.ecoCombo{grid-area:combo;margin:0}.publicLearning .ecoInStage>.binGrid{grid-area:bins;grid-template-columns:repeat(3,minmax(0,1fr))}.publicLearning .ecoInStage>.ecoControls{grid-area:controls}.publicLearning .ecoInStage>.gameMessage{grid-area:message}.publicLearning .ecoInStage>.note{grid-area:last}}.publicLearning .gameHeader{height:auto;min-height:0}.publicLearning .ecoLanguageLabel{display:none}.publicLearning .webConveyor{height:clamp(150px,calc(100dvh - 470px),280px);min-height:150px}@media (max-width:700px){.publicLearning .webConveyor{height:160px;min-height:160px}.publicLearning .gameHeader{height:auto}}@media (max-width:700px) and (max-height:650px){.publicLearning .ecoCombo{display:none}.publicLearning .webConveyor{height:145px;min-height:145px}.publicLearning .binGrid{margin-top:6px}.publicLearning .scoreRow{padding-bottom:4px}.publicLearning .gameHeader p{font-size:11px}.publicLearning .webItemCard{top:24px}}.shareBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;z-index:1000;display:flex;align-items:center;justify-content:center;padding:12px}.shareDialog{background:#f4f7f1;color:#10231a;border-radius:16px;padding:16px;max-width:480px;width:100%;max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box}.shareDialog h2{font:700 24px system-ui!important;color:#10231a!important}.shareDialog canvas{display:block;width:100%;height:auto;max-height:50dvh;object-fit:contain}.shareActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.shareDialog button,.shareDialog a{display:inline-flex;align-items:center;min-height:44px;background:#146441!important;color:#fff!important;border:0;border-radius:8px;padding:8px 12px!important;font:600 14px system-ui;text-decoration:none;margin:0!important}.shareDialog p{color:#10231a!important;font:14px/1.5 system-ui!important}.audioSettings label{display:flex;align-items:center;gap:12px;min-height:48px}.audioSettings input[type=checkbox]{width:22px;height:22px}.audioSamples{display:flex;flex-wrap:wrap;gap:8px}.audioSamples button{min-height:44px}.audioSettingsLink{font-size:12px;color:#cce6d3;padding:4px}.dailyStreak{border:1px solid #acd2b8;border-radius:12px;padding:14px;background:#eaf6ed}.dailyStreak p{font-size:13px;line-height:1.5;margin:6px 0}.dailyShell .gameHeader{height:auto}.dailyShell .binGrid button{color:#fff}.shareClose{float:right}.accountForm{display:grid;gap:12px}.accountForm label{display:grid;gap:4px}.accountForm input:not([type=checkbox]){min-height:44px;padding:8px;font:inherit;box-sizing:border-box;width:100%}.accountForm .checkLabel{display:flex;align-items:center;gap:10px;line-height:1.5}.accountForm input[type=checkbox]{width:22px;height:22px;flex:none}.accountActions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.accountActions button,.accountForm button{min-height:44px}.accountActions a{padding:10px 0}.audioDialog .readingPage{margin:0;padding:0;border:0;background:transparent}.audioDialog button{float:none}.audioDialog input[type=range]{max-width:100%}.publicLearning .languageSwitch .audioSettingsLink{font-size:11px;min-height:30px;padding:4px;margin:0}.publicLearning .audioDialog .audioSamples button{font-size:12px}.publicLearning .gameHeader .languageSwitch{flex-direction:row;align-items:center;gap:4px;flex-shrink:0}.publicLearning .gameHeader .languageSwitch button{min-width:40px;max-width:56px;min-height:44px;height:44px;padding:6px;margin:0}.publicLearning .gameHeader .languageSwitch .audioSettingsLink{font-size:20px}.publicLearning .gameHeader .languageSwitch{flex-wrap:nowrap;width:92px}.publicLearning .gameHeader .languageSwitch button{width:44px;min-width:44px;max-width:44px;flex:0 0 44px}.publicLearning .gameHeader{flex-wrap:nowrap}.publicLearning .gameHeader>div:first-child{min-width:0}@media (max-width:350px){.publicLearning .gameShell{padding:8px}.publicLearning .gameHeader h1{font-size:18px}.publicLearning .gameHeader p{font-size:10px}}@media (max-width:700px){.ecoPlay.publicLearning nav{gap:0 10px}.ecoPlay.publicLearning nav a[href="/how-to-play"]{display:none}}.learningSteps,.learningAudience{padding:40px 0;border-bottom:1px solid #d6ded3}.publicLearning .learningSteps h2,.publicLearning .learningAudience h2{font-size:30px;line-height:1.2;margin:0 0 24px;letter-spacing:-.7px}.learningSteps ol,.learningAudience>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:0;padding:0}.learningSteps ol{list-style:none;counter-reset:steps}.learningSteps li,.learningAudience article{min-width:0;padding-right:20px}.stepNumber{display:block;font-size:12px;font-weight:600;color:#4b7056;margin-bottom:14px}.learningSteps p,.learningAudience p{font-size:14px;line-height:1.7;margin:0;color:#53685d}.publicLearning .learningAudience h3{font-size:21px;font-weight:600;letter-spacing:-.4px;margin:0 0 10px}#for-teachers{scroll-margin-top:24px}.publicLearning .webFooterLinks .footerTagline{flex-basis:100%;font-size:18px;font-weight:600;color:var(--brand-forest);margin:0}.publicLearning .webFooterLinks .projectPurpose{flex-basis:100%;margin:0;font-size:12px}.ecoPlay.publicLearning .webFooterLinks .footerTagline{color:#d7efab}@media (max-width:760px){.learningSteps,.learningAudience{padding:28px 0}.learningSteps ol,.learningAudience>div{grid-template-columns:1fr;gap:22px}.learningSteps li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:0}.stepNumber{margin:3px 0 0}.publicLearning .learningSteps h2,.publicLearning .learningAudience h2{font-size:26px}.learningAudience article{padding:0}}:root{--brand-ink:#142b22;--brand-forest:#143e2d;--brand-leaf:#bce47b;--brand-cream:#f8f8f2;--brand-fog:#dce7dc;--brand-mist:#53685d;--brand-gold:#e3c26c;--brand-border:#d6ded3;color-scheme:light}body{background:#f8f8f2;color:var(--brand-ink)}.publicLearning,.publicLearning *{box-sizing:border-box}.publicLearning{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--brand-ink);font-size:15px;line-height:1.55;background:transparent;max-width:1200px;padding:0 32px 24px}.publicLearning:not(.ecoPlay){max-width:1200px;padding:0 32px 24px}.publicLearning nav{min-height:80px;padding:16px 0;margin:0;border-bottom:1px solid var(--brand-border);gap:4px 24px;align-items:center}.publicLearning nav a{font-size:13px;font-weight:600;color:#53685d;min-height:44px;text-decoration:none}.publicLearning nav a:hover,.publicLearning nav a[aria-current=page]{color:var(--brand-forest);text-decoration:underline;text-underline-offset:7px}.publicLearning nav .siteBrand{margin-right:auto;gap:8px;color:var(--brand-ink);font-size:20px;letter-spacing:-.7px;font-weight:700;text-decoration:none;white-space:nowrap}.siteBrand svg{width:30px;height:30px}.siteBrand b{font-weight:400}.publicLearning a{color:var(--brand-forest)}.publicLearning h1,.publicLearning h2,.publicLearning h3{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--brand-ink);font-weight:600;letter-spacing:-.035em}.publicLearning .learningHome{padding:0;background:none}.sectionEyebrow,.publicLearning .learningKicker{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#53685d;margin:0 0 16px;line-height:1.6}.homeHeroLayout{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:72px;padding:64px 0}.publicLearning .homeHeroCopy h1{font-size:clamp(36px,4.4vw,58px);line-height:1.08;letter-spacing:-2.5px;margin:0 0 24px;font-weight:600}.homeHeroCopy h1 span{color:#52765d}.heroIntro{font-size:17px;line-height:1.75;color:#53685d;max-width:510px;margin:0 0 28px}.heroActions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.publicLearning .learningButton{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:48px;background:var(--brand-forest);color:#fff;border:1px solid var(--brand-forest);border-radius:8px;padding:12px 22px;font-size:14px;font-weight:600;text-decoration:none;margin:0;line-height:1.5}.publicLearning .learningButton:hover{background:#23583f}.publicLearning .learningSecondary{font-size:14px;font-weight:600;color:var(--brand-ink);padding:12px 0;text-underline-offset:5px}.heroAvailability{font-size:12px;color:#53685d;margin:20px 0}.heroDetail{display:flex;gap:10px 20px;flex-wrap:wrap;font-size:11px;color:#53685d}.heroDetail span:before{content:"✓";margin-right:7px;color:#2a6846}.sortingDemo{border:1px solid #d4decf;background:#fff;border-radius:16px;box-shadow:0 16px 40px #183b2410;overflow:hidden}.demoTop{display:flex;align-items:center;gap:7px;border-bottom:1px solid #e3e8df;padding:13px 20px;color:#617366;font-size:9px;font-weight:700;letter-spacing:1.2px}.demoDot{height:6px;width:6px;background:#4f8857;border-radius:50%}.demoUntimed{margin-left:auto;letter-spacing:0;font-weight:400;font-size:11px}.demoQuestion{padding:24px 24px 0}.demoQuestion .sectionEyebrow{font-size:9px;margin-bottom:8px}.publicLearning .demoQuestion h2{font-size:24px;margin:0 0 4px;letter-spacing:-.7px}.demoQuestion p{font-size:12px;color:#617366;margin:0}.demoObject{display:grid;justify-items:center;padding:8px 20px 18px;background:radial-gradient(ellipse at center,#edf1e6,transparent 70%)}.demoObject svg{height:150px;width:225px}.demoObject strong{font-size:15px;font-weight:600}.demoObject>span{font-size:11px;color:#637367}.demoBins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 20px}.publicLearning .demoBins button{display:flex;align-items:center;gap:7px;min-height:44px;padding:9px 10px;border:1px solid #d6ded3;background:#fff;border-radius:6px;color:#284433;font:500 11px Segoe UI,Arial;cursor:pointer}.demoBins button>span:last-child{margin-left:auto;color:#839184}.binIndicator{width:7px;height:7px;border-radius:50%;flex-shrink:0}.publicLearning .demoBins button:hover{background:#eef4e8;border-color:#648469}.publicLearning .demoBins button.isCorrect{border-color:#377249;background:#e8f2e1}.publicLearning .demoBins button.isIncorrect{border-color:#b98b58;background:#fff3e4}.demoFeedback{margin:14px 20px 18px;min-height:44px;font-size:11px;line-height:1.6;color:#657668}.demoFeedback strong,.demoFeedback span{display:block}.demoFeedback strong{font-size:13px;color:#254d34;margin-bottom:5px}.demoFeedback.incorrect strong{color:#805723}.publicLearning .demoFeedback button{background:none;color:#254d34;border:0;padding:6px 0;text-decoration:underline;min-height:36px;font-size:11px}.learningOverview{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:24px;border-top:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border);padding:26px 0;align-items:center}.learningOverview p{margin:0;color:#637366;font-size:13px}.learningOverview p strong{font-size:14px;color:#223f2c;font-weight:500}.learningOverview>div{border-left:1px solid var(--brand-border);padding-left:24px;display:grid;gap:0}.learningOverview>div strong{font-weight:500;font-size:28px;letter-spacing:-1px}.learningOverview>div span{font-size:11px;color:#637366}.learningExplore{padding:64px 0 32px}.sectionHeading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:26px}.sectionHeading .sectionEyebrow{margin-bottom:8px}.publicLearning .sectionHeading h2{font-size:32px;line-height:1.2;margin:0}.sectionHeading>p{max-width:310px;font-size:13px;color:#637366;margin:0}.publicLearning .learningCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}.publicLearning .learningCards>a{background:#edf1e7;border:1px solid #dee5d8;border-radius:10px;padding:24px;color:#142b22;display:flex;flex-direction:column;transition:border-color .15s}.publicLearning .learningCards>a:hover{border-color:#52765d}.cardIndex{font-size:10px;letter-spacing:1px;color:#637366}.publicLearning .learningCards h3{font-size:21px;margin:24px 0 10px;line-height:1.3}.learningCards p{font-size:13px;line-height:1.7;color:#53685d;margin:0 0 24px}.cardLink{display:flex;justify-content:space-between;border-top:1px solid #ccd6c5;padding-top:16px;margin-top:auto;font-size:12px;font-weight:600}.localGuidance{display:flex;align-items:center;gap:32px;padding:20px 0;border-bottom:1px solid var(--brand-border)}.localGuidance strong{font-size:12px;flex:1;font-weight:600}.localGuidance p{font-size:12px;color:#637366;flex:1.3;margin:0}.publicLearning .learningPartners{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:64px 0;background:var(--brand-forest);border-radius:12px;overflow:hidden}.publicLearning .learningPartners section{padding:36px;border:0;border-radius:0;background:none;color:#e1e9dc}.publicLearning .learningPartners section+section{border-left:1px solid #54745e}.publicLearning .learningPartners .learningKicker{color:#bce47b}.publicLearning .learningPartners h2{font-size:29px;color:#f7f8f0;line-height:1.2;font-weight:500}.learningPartners p{font-size:13px;line-height:1.8}.publicLearning .learningPartners .learningButton{background:#bce47b;color:#173b27;border:0;font-size:12px;margin-top:12px;text-align:left;justify-content:flex-start}.publicLearning .learningPartners .learningNote{color:#c1d1be;font-size:11px;margin-top:16px}.publicLearning .learningFounder{max-width:none;margin:0 0 56px;border:0;padding:0 0 0 30%;position:relative}.publicLearning .learningFounder>.learningKicker{position:absolute;top:6px;left:0;max-width:190px}.publicLearning .learningFounder h2{font-size:28px;line-height:1.25;margin-bottom:20px}.learningFounder p{font-size:14px;line-height:1.85;color:#53685d}.publicLearning .webFooterLinks{display:flex;flex-wrap:wrap;gap:12px 22px;border-top:1px solid var(--brand-border);padding:24px 0;margin:0;color:#637366;font-size:11px}.publicLearning .webFooterLinks a{color:#405d49}.publicLearning .ownershipLine{flex-basis:100%;margin:0;line-height:1.9;overflow-wrap:anywhere}.publicLearning .panel:not(.gameShell){background:#fff;border:1px solid #d6ded3;border-radius:12px;color:#142b22}.publicLearning .readingPage{padding:32px;margin:32px auto;line-height:1.8}.publicLearning .readingPage h1{font-size:30px}.publicLearning .readingPage h2{font-size:21px;margin-top:24px}.publicLearning .learningNote,.publicLearning .secondaryName,.publicLearning .note{color:#617366}.publicLearning input:not([type=checkbox]):not([type=range]),.publicLearning select{background:#fff;color:#142b22;border:1px solid #adbcae;border-radius:6px;font:inherit}.publicLearning input::placeholder{color:#647668}.publicLearning input[type=checkbox],.publicLearning input[type=range]{accent-color:#24583e}.publicLearning .glossaryItem{background:#f5f7f1;border-color:#d6ded3;color:#142b22;border-radius:8px}.publicLearning .glossaryItem h2{font-size:20px}.publicLearning .glossaryItem p{font-size:13px;line-height:1.6}.publicLearning .emojiPreview{background:#e9eee3}.publicLearning .dailyStreak{background:#eaf1e3;border-color:#c4d7be;color:#243e2b}.publicLearning .dailyCard,.publicLearning .dailyLearn{background:#f5f7f1;border:1px solid #d6ded3;color:#243e2b}.publicLearning .dailyLearn p{color:#405d49}.publicLearning .dailyCard .success{color:#28673f}.publicLearning .dailyCard .failReason{color:#8b442e}.publicLearning :is(a,button,input,select,summary):focus-visible{outline:3px solid #a27b25;outline-offset:3px}.publicLearning .skipLink{background:#fff;color:#142b22}.publicLearning button:disabled{cursor:default}body:has(.ecoPlay){background:#10291f}.ecoPlay.publicLearning{color:#dce7dc;font-family:Inter,Segoe UI,Arial,sans-serif}.ecoPlay.publicLearning nav{min-height:0;padding:8px 0;gap:6px 18px;border-color:#3f5949;margin-bottom:16px}.ecoPlay.publicLearning nav a{color:#b8cbbd}.ecoPlay.publicLearning nav a[aria-current=page]{color:#d7efab}.ecoPlay.publicLearning .gameShell{background:#173629;border:1px solid #45614c;border-radius:12px;box-shadow:none}.ecoPlay.publicLearning .gameHeader h1{font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:600;letter-spacing:-.5px;color:#f3f5eb}.ecoPlay.publicLearning .scoreRow strong{font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:500;font-variant-numeric:tabular-nums;color:#c4e990}.ecoPlay.publicLearning .webConveyor{background:#10291e;border-color:#3e5845;border-radius:8px}.ecoPlay.publicLearning .webConveyor:before{opacity:.3}.ecoPlay.publicLearning .webItemCard{background:#f2f4e9;border:1px solid #d3dfc5;border-radius:8px;box-shadow:0 5px 14px #0002}.ecoPlay.publicLearning .webItemCard h2{font-family:Inter,Segoe UI,Arial,sans-serif;color:#173a27;letter-spacing:0}.ecoPlay.publicLearning .webItemCard .secondaryName{color:#4d6953}.ecoPlay.publicLearning .ecoStartOverlay{background:#10291ef5}.ecoPlay.publicLearning .ecoStartOverlay h2{font-family:Inter,Segoe UI,Arial,sans-serif;color:#edf4e3;letter-spacing:-.5px}.ecoPlay.publicLearning .ecoStartOverlay button{background:#bce47b;color:#173b27;border-radius:6px;box-shadow:none}.ecoPlay.publicLearning .ecoCombo{background:transparent;border:0;color:#a8c2ad}.ecoPlay.publicLearning .binGrid button{border-radius:6px;box-shadow:none}.ecoPlay.publicLearning .result h2{font-family:Inter,Segoe UI,Arial,sans-serif;color:#eff4e8}.ecoPlay.publicLearning .webFooterLinks{border-color:#3f5949;color:#a6bba9}.ecoPlay.publicLearning .webFooterLinks a{color:#c7d9c3}.ecoPlay.publicLearning .note{color:#b6cbb8}.ecoPlay.publicLearning .shareDialog{color:#142b22}.publicLearning .shareDialog h2{font-family:Inter,Segoe UI,Arial,sans-serif!important;letter-spacing:-.4px}.publicLearning .audioDialog .readingPage{padding:0;margin:0;background:transparent;border:0}.ecoPlay.publicLearning .levelPicker button{border-radius:6px}@media (max-width:1000px){.homeHeroLayout{gap:32px}.publicLearning nav{gap:4px 16px}.publicLearning nav .siteBrand{font-size:18px}.publicLearning nav a{font-size:12px}}@media (max-width:760px){.publicLearning:not(.ecoPlay){padding:0 20px 20px}.publicLearning nav{gap:0 18px;min-height:0;padding:12px 0}.publicLearning nav .siteBrand{flex-basis:100%;min-height:40px;margin-bottom:4px}.publicLearning nav a{min-height:36px;font-size:12px}.homeHeroLayout{grid-template-columns:1fr;gap:32px;padding:32px 0}.publicLearning .homeHeroCopy h1{font-size:42px;letter-spacing:-1.7px;max-width:510px;margin-bottom:18px}.heroIntro{font-size:15px;line-height:1.7;margin-bottom:22px}.sortingDemo{max-width:520px;width:100%;justify-self:center}.learningOverview{grid-template-columns:repeat(3,1fr);gap:16px;padding:22px 0}.learningOverview>p{grid-column:1/-1}.learningOverview>div{padding-left:14px}.learningOverview>div strong{font-size:25px}.learningExplore{padding:36px 0 20px}.sectionHeading{display:block;margin-bottom:20px}.sectionHeading>p{margin-top:14px;max-width:450px}.publicLearning .sectionHeading h2{font-size:27px}.publicLearning .learningCards{grid-template-columns:1fr;gap:12px}.publicLearning .learningCards>a{padding:20px}.publicLearning .learningCards h3{margin-top:16px;font-size:21px}.localGuidance{display:block;padding:18px 0}.localGuidance p{margin-top:8px}.publicLearning .learningPartners{grid-template-columns:1fr;margin:36px 0}.publicLearning .learningPartners section{padding:26px}.publicLearning .learningPartners section+section{border-left:0;border-top:1px solid #54745e}.publicLearning .learningPartners h2{font-size:26px}.publicLearning .learningFounder{padding:0;margin-bottom:32px}.publicLearning .learningFounder>.learningKicker{position:static;max-width:none}.publicLearning .learningFounder h2{font-size:26px}.publicLearning .readingPage{padding:22px;margin:20px auto}.ecoPlay.publicLearning nav{gap:0 10px;margin-bottom:8px}.ecoPlay.publicLearning nav a{min-height:44px}.publicLearning .gameHeader h1{font-size:22px}}@media (max-width:350px){.publicLearning:not(.ecoPlay){padding:0 14px 16px}.publicLearning nav{gap:0 14px}.publicLearning .homeHeroCopy h1{font-size:36px}.demoQuestion{padding:20px 16px 0}.publicLearning .demoQuestion h2{font-size:21px}.demoBins{padding:0 12px;gap:6px}.publicLearning .demoBins button{font-size:10px;padding:8px 6px;gap:5px}.demoFeedback{margin-left:16px;margin-right:16px}.heroDetail{gap:8px 12px}.learningOverview>div span{font-size:10px}.ecoPlay.publicLearning .gameHeader h1{font-size:18px}}@media (prefers-reduced-motion:reduce){.publicLearning *{scroll-behavior:auto!important;transition:none!important}}@media (min-width:761px) and (max-height:650px){.ecoPlay.publicLearning nav{padding:2px 0;margin-bottom:8px}.ecoPlay.publicLearning .gameHeader{margin-bottom:4px}.ecoPlay.publicLearning .ecoCombo{margin:4px 0}}@media (max-width:760px){.publicLearning:not(.ecoPlay) nav>a[href="/how-to-play"],.publicLearning:not(.ecoPlay) nav>a[href="/"]:not(.siteBrand){display:none}}.ecoPlay.publicLearning .panel:not(.gameShell){background:#173629;border-color:#45614c;color:#dce7dc}.ecoPlay.publicLearning .panel:not(.gameShell) h2{color:#edf4e3}.ecoPlay.publicLearning .levelPicker button{color:#dce7dc}.ecoPlay.publicLearning .levelPicker button:disabled{color:#a1b5a6}.ecoPlay.publicLearning .audioDialog .panel{background:transparent;color:#142b22}.ecoPlay.publicLearning .audioDialog .panel h2{color:#142b22!important}.ecoPlay.publicLearning .scoreRow .savedScore{display:block;font:500 10px/1.2 Segoe UI,Arial,sans-serif;color:#c7d9c3;margin-top:3px;letter-spacing:0}.ecoPlay.publicLearning .scoreRow{align-items:flex-start}.startActions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.ecoPlay.publicLearning .startVoice{display:flex;align-items:center;gap:5px;min-height:44px;font:500 11px Segoe UI,Arial,sans-serif;color:#e3ecdc;cursor:pointer}.startVoice input{width:17px;height:17px;accent-color:#bce47b}.ecoPlay.publicLearning .resultTotal{color:#d7efab;font-weight:600}.publicLearning .learningFounder{padding-left:0;max-width:780px;margin-left:auto;margin-right:auto}@media (max-width:700px) and (max-height:650px){.ecoPlay.publicLearning .scoreRow strong{font-size:21px}.ecoPlay.publicLearning .ecoStartOverlay p{font-size:11px}.ecoPlay.publicLearning .startActions{gap:6px}.ecoPlay.publicLearning .startActions button{padding:10px;font-size:12px}.ecoPlay.publicLearning .scoreRow small{font-size:9px}}.publicLearning .sortingDemo{justify-self:center;width:min(100%,330px);height:530px;border:7px solid #20372b;border-radius:38px;box-shadow:0 20px 44px #183b241c;background:#fbfcf7;display:flex;flex-direction:column;overflow:visible;padding:0 8px;position:relative}.phoneHardware{height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:8px;color:#344d3d}.phoneHardware i{display:block;width:72px;height:14px;background:#20372b;border-radius:0 0 10px 10px;align-self:flex-start}.publicLearning .sortingDemo .demoTop{height:42px;flex:none;padding:0 8px;font-size:8px;letter-spacing:1px}.publicLearning .demoVoice{margin-left:auto;background:transparent;color:#204b31;border:1px solid #b5c7b0;border-radius:6px;font-size:10px;padding:6px;min-height:32px;letter-spacing:0;font-weight:600}.publicLearning .sortingDemo .demoQuestion{padding:12px 8px 0;flex:none}.publicLearning .sortingDemo .demoQuestion h2{font-size:21px;letter-spacing:-.6px;line-height:1.15;margin:0 0 5px}.publicLearning .sortingDemo .demoQuestion p{font-size:11px;margin:0}.publicLearning .sortingDemo .demoObject{padding:4px 0 10px;flex:none}.publicLearning .sortingDemo .demoObject svg{width:156px;height:104px}.publicLearning .sortingDemo .demoObject strong{font-size:13px}.publicLearning .sortingDemo .demoObject>span{font-size:10px}.publicLearning .sortingDemo .demoBins{padding:0 6px;gap:6px;flex:none}.publicLearning .sortingDemo .demoBins button{min-height:44px;font-size:10px;padding:8px 6px;gap:4px}.publicLearning .sortingDemo .demoBins button>span:last-child{display:none}.publicLearning .sortingDemo .demoFeedback{margin:10px 8px 0;min-height:91px;flex:none;font-size:11px;line-height:1.35}.publicLearning .sortingDemo .demoFeedback strong{font-size:12px;margin-bottom:4px}.publicLearning .sortingDemo .demoFeedback button{min-height:32px;padding:4px 0;margin:2px 0 0}.demoAudioStatus{font-size:9px;line-height:1.3;color:#5b715f;padding:0 8px;margin-top:auto;min-height:22px}.phoneHomeIndicator{height:4px;width:88px;border-radius:4px;background:#263c2f;margin:5px auto 9px;flex:none}.publicLearning .hearPrompt{font:500 11px Segoe UI,Arial,sans-serif;min-height:44px}@media (min-width:761px) and (max-height:700px){.homeHeroLayout{padding:24px 0}.publicLearning .sortingDemo{height:490px}.publicLearning .sortingDemo .demoObject svg{height:78px;width:130px}.publicLearning .sortingDemo .demoQuestion{padding-top:8px}.publicLearning .sortingDemo .demoFeedback{min-height:85px}}@media (max-width:350px){.publicLearning .sortingDemo{width:100%;height:510px;border-width:6px;padding:0 6px;border-radius:32px}.publicLearning .sortingDemo .demoQuestion h2{font-size:20px}.publicLearning .sortingDemo .demoObject svg{height:88px}.publicLearning .sortingDemo .demoFeedback{min-height:91px}}.publicLearning .sortingDemo{width:min(100%,300px);height:550px;border-color:#20372b;border-radius:40px;outline:1px solid #9ca99b;box-shadow:inset 0 0 0 2px #dce3d6,0 2px 0 2px #526357,0 24px 48px #183b2426}.publicLearning .sortingDemo:before,.publicLearning .sortingDemo:after{content:"";position:absolute;width:3px;background:linear-gradient(#879788,#253c30,#879788);border-radius:2px;pointer-events:none}.publicLearning .sortingDemo:before{left:-10px;top:96px;height:48px;box-shadow:0 58px #425c49}.publicLearning .sortingDemo:after{right:-10px;top:142px;height:68px}.phoneHardware{height:36px;position:relative;padding:0 10px}.phoneHardware i{position:absolute;left:50%;transform:translate(-50%);top:8px;width:62px;height:17px;border-radius:12px;background:#17241c;box-shadow:inset 0 1px 2px #ffffff25}.phoneHardware i:after{content:"";position:absolute;right:6px;top:5px;width:7px;height:7px;border-radius:50%;background:#223c3e;box-shadow:inset 0 0 0 2px #111d18}.publicLearning .sortingDemo button{margin:0;width:auto}.publicLearning .sortingDemo .demoTop{height:46px;gap:5px;letter-spacing:.8px;white-space:nowrap}.publicLearning .sortingDemo .demoVoice{margin-left:auto;min-height:44px;padding:6px 9px;flex:none}.publicLearning .sortingDemo .demoBins button{font-size:11px;line-height:1.2;min-width:0}.publicLearning .sortingDemo .demoFeedback button{min-height:44px;margin:0;padding:4px 0;text-align:left}.publicLearning .sortingDemo .demoQuestion h2{font-size:20px}.publicLearning .sortingDemo .demoFeedback{min-height:99px}.homeHeroLayout{background:radial-gradient(ellipse at 79% 47%,#d8e3c95c,transparent 37%)}@media (min-width:761px) and (max-height:700px){.publicLearning .sortingDemo{width:280px;height:510px}.publicLearning .sortingDemo .demoObject svg{height:70px}.publicLearning .sortingDemo .demoFeedback{min-height:99px}}@media (max-width:350px){.publicLearning .sortingDemo{width:min(100%,276px);height:530px;border-radius:36px}.publicLearning .sortingDemo .demoObject svg{height:82px}.publicLearning .sortingDemo .demoQuestion h2{font-size:19px}}body:has(.engagementGame){background:#0d2818}.ecoPlay.publicLearning{padding:12px 24px;color:#f0f4f0}.ecoPlay .engagementGame{display:grid;grid-template-columns:minmax(0,1fr) minmax(560px,820px);gap:24px;max-width:1150px;margin:auto}.engagementGame .ecoFieldGuide{display:none}.ecoPlay.publicLearning .engagementGame .gameShell{display:flex;flex-direction:column;gap:8px;background:#1a4030;color:#f0f4f0;padding:16px;border-radius:20px;overflow:visible}.ecoPlay .engagementGame :is(button,a.secondaryAction){min-height:48px;min-width:48px;margin:0;opacity:1}.engagementGame .gameTopBar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;order:0}.ecoPlay .engagementGame .gameTopBar button,.ecoPlay .engagementGame .gameHome{display:inline-flex;align-items:center;justify-content:center;background:#0d2818;color:#f0f4f0;border:1px solid #91ad9b;border-radius:12px;padding:6px 10px;font-size:12px;width:auto;text-decoration:none}.engagementGame .languagePill{position:relative;display:flex;margin-left:auto;border-radius:24px;background:#0d2818;border:1px solid #91ad9b}.ecoPlay .engagementGame .languagePill button{border:0;border-radius:24px;padding:6px;min-width:48px}.ecoPlay .engagementGame .languagePill button[aria-pressed=true]{background:#f0f4f0;color:#0d2818}.ecoPlay .engagementGame .voicePill{gap:5px;flex-direction:column;font-size:10px;line-height:1}.toggleTrack{width:30px;height:17px;border:1px solid #f0f4f0;border-radius:20px;background:#0d2818;display:block;padding:2px}.toggleTrack i{display:block;background:#f0f4f0;width:11px;height:11px;border-radius:50%;transition:transform .15s}.isOn .toggleTrack{background:#bce47b;border-color:#bce47b}.isOn .toggleTrack i{background:#0d2818;transform:translate(13px)}.speakerPlaying span{animation:speakerPulse .7s ease-in-out infinite alternate}.languageHint{position:absolute;top:100%;right:0;width:205px;padding:8px;background:#f0f4f0;color:#0d2818;border-radius:8px;font-size:12px;z-index:9;pointer-events:none}.showLanguageHint{animation:languagePulse 1.2s ease-out 1}.ecoPlay .engagementGame .gameHeader{margin:0;padding:0;display:block}.engagementGame .gameHeader>div{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ecoPlay.publicLearning .engagementGame .gameHeader h1{font-size:22px;line-height:1.2;margin:0;flex-basis:100%;color:#f0f4f0}.ecoPlay.publicLearning .engagementGame .statusChip{display:inline-block;border-radius:20px;background:#f0f4f0;color:#0d2818;font-size:11px;line-height:1.5;padding:3px 9px;margin:0;font-weight:600}.ecoPlay.publicLearning .engagementGame .scoreRow{padding:0;align-items:center;flex-wrap:nowrap}.ecoPlay.publicLearning .engagementGame .scoreRow strong{font-size:25px;color:#f0f4f0;line-height:1.1}.ecoPlay.publicLearning .engagementGame .scoreRow :is(small,.savedScore){font-size:10px;color:#cddccd;margin:0;letter-spacing:.3px;line-height:1.3}.ecoPlay.publicLearning .engagementGame .scoreRow .urgent{color:#ffd6b9}.ecoPlay .engagementGame .webScoreBar{margin:0;height:4px;flex:none}.ecoPlay.publicLearning .engagementGame .webConveyor{height:180px;min-height:180px;flex:1;background:#0d2818;overflow:visible;isolation:auto}.ecoPlay .engagementGame .webConveyor:after{display:none}.ecoPlay .engagementGame .beltMeta{color:#cddccd;font-size:10px;top:8px;left:10px}.ecoPlay.publicLearning .engagementGame .webItemCard{top:30px;left:calc(50% - 100px);width:200px;max-width:200px;min-height:88px;padding:10px;gap:4px;background:#f0f4f0;border:2px solid #91ad9b;transition:border-color .12s,box-shadow .12s;animation:engagementFall var(--fall-seconds) linear forwards}.ecoPlay .engagementGame .webItemCard .emojiVisual{font-size:32px}.ecoPlay.publicLearning .engagementGame .webItemCard h2{font-size:14px;color:#0d2818;line-height:1.2}.ecoPlay.publicLearning .engagementGame .webItemCard .secondaryName{color:#31533d;font-size:11px;margin:2px 0 0}.ecoPlay .engagementGame .ecoSortTag{background:#f0f4f0;color:#0d2818;font-size:9px}.ecoPlay .engagementGame .ecoPaused .webItemCard,.ecoPlay .engagementGame .ecoItemDragging{animation-play-state:paused}.ecoPlay .engagementGame .ecoItemDragging{z-index:25}.ecoPlay .engagementGame .ecoStartOverlay{top:0;right:0;bottom:0;left:0;padding:8px;background:#0d2818;border-radius:8px;height:auto;z-index:5}.ecoPlay .engagementGame .ecoStartOverlay>span{display:none}.ecoPlay.publicLearning .engagementGame .ecoStartOverlay h2{font-size:20px;color:#f0f4f0;margin:0}.ecoPlay .engagementGame .ecoStartOverlay p{color:#cddccd;line-height:1.3;font-size:12px;margin:5px 0;max-width:440px}.ecoPlay .engagementGame .ecoStartOverlay button{padding:8px 20px;margin:0;background:#f0f4f0;color:#0d2818}.ecoPlay.publicLearning .engagementGame .ecoCombo{padding:0;margin:0;min-height:20px;color:#f0f4f0;font-size:11px;flex:none}.ecoPlay .engagementGame .comboTier2 strong,.ecoPlay .engagementGame .comboTier3 strong{font-weight:900;font-size:15px}.comboTier3{animation:comboShake .15s linear 1}.ecoPlay.publicLearning .engagementGame .thumbBins{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;flex:none;isolation:isolate}.ecoPlay.publicLearning .engagementGame .thumbBins button{min-height:72px;min-width:48px;flex-direction:column;padding:8px 4px;gap:4px;border:1px solid #91ad9b;border-bottom:4px solid var(--bin-color);background:#0d2818;color:#f0f4f0;opacity:1;font-size:12px;position:relative;overflow:visible}.ecoPlay.publicLearning .engagementGame .thumbBins button:disabled{background:#244334;color:#cddccd;border-style:dashed;cursor:default}.ecoPlay .engagementGame .thumbBins button svg{color:#f0f4f0;width:20px;height:24px}.ecoPlay .engagementGame .thumbBins button small{opacity:1;color:#cddccd;font-size:10px}.ecoPlay .engagementGame .thumbBins button:not(:disabled):hover{translate:none}.comboGlow{box-shadow:0 0 18px -7px var(--combo-color);border-radius:12px}.binReact{animation:binBounce .4s cubic-bezier(.68,-.55,.27,1.55)}.binParticles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.binParticles i{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:var(--bin-color);transform:rotate(calc(var(--dot)*72deg));animation:binDot .45s ease-out forwards}.ecoPlay .engagementGame .learningToast{position:absolute;right:16px;bottom:112px;width:min(420px,calc(100% - 32px));background:#f0f4f0;color:#0d2818;border:1px solid #91ad9b;border-radius:12px;padding:10px 12px;z-index:7;pointer-events:none;box-shadow:0 6px 18px #0004;animation:toastIn .18s ease-out}.learningToast strong,.learningToast span{display:block;font-size:12px;line-height:1.35}.learningToast span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.ecoPlay .engagementGame .gameReadout,.ecoPlay .engagementGame .audioRetryNotice{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:0;border:0}.soundGate,.safetyBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04150ee6;display:flex;align-items:center;justify-content:center;padding:20px;z-index:200}.soundGate section,.ecoPlay .engagementGame .safetyDialog{width:min(100%,480px);max-height:calc(100svh - 40px);overflow:auto;background:#1a4030;border:1px solid #91ad9b;border-radius:20px;padding:24px;color:#f0f4f0;position:relative;margin:0;display:flex;flex-direction:column;gap:16px}.ecoPlay.publicLearning .soundGate h2{font-size:25px;color:#f0f4f0;margin:0}.soundGate p{font-size:14px;line-height:1.5;margin:0;color:#cddccd}.ecoPlay .engagementGame .soundGate button,.ecoPlay .engagementGame .safetyDialog button{background:#f0f4f0;color:#0d2818;border:0;border-radius:12px;padding:12px;font-size:16px;font-weight:700;min-height:56px;width:100%;margin-top:auto}.ecoPlay .engagementGame .safetyDialog strong{color:#f0f4f0;font-size:22px}.safetyDialog p{line-height:1.6}.ecoPlay.publicLearning .engagementGame .result{background:#0d2818;color:#f0f4f0;gap:12px}.ecoPlay.publicLearning .engagementGame .result :is(h2,h3,h4,p,a){color:#f0f4f0}.ecoPlay .engagementGame .roundRecap article{padding:12px;background:#1a4030;border-radius:10px;margin:8px 0}.roundRecap h3,.roundRecap h4{margin:0}.roundRecap p{font-size:14px;line-height:1.6;margin:8px 0 0}.ecoPlay.publicLearning .engagementGame .levelPicker button{background:#1a4030;color:#f0f4f0;opacity:1}.ecoPlay.publicLearning .engagementGame .levelPicker .activeLevel{background:#f0f4f0;color:#0d2818}.engagementGame .ecoWorlds>div,.engagementGame .ecoJourney :is(p,small){color:#cddccd}@media (max-width:1100px){.ecoPlay .engagementGame{display:block;max-width:820px}.engagementGame .ecoJourney{display:none}}@media (max-width:768px){.ecoPlay.publicLearning{padding:0 8px 12px}.ecoPlay.publicLearning>nav{display:none}.ecoPlay .engagementGame{max-width:600px}.ecoPlay.publicLearning .engagementGame .gameShell.ecoInStage{height:100svh;min-height:540px;padding:8px;gap:6px;border-radius:0 0 16px 16px}.engagementGame .gameTopBar{display:grid;grid-template-columns:48px 64px minmax(48px,1fr) 48px;gap:6px}.engagementGame .gameTopBar .soundRetry{grid-column:1}.engagementGame .gameTopBar .voicePill{grid-column:2}.engagementGame .languagePill{grid-column:3/5;justify-self:end}.engagementGame .gameTopBar .hearPrompt{grid-column:2;grid-row:2;font-size:10px;padding:3px}.engagementGame .gameTopBar .audioSettingsLink{grid-column:4;grid-row:2}.engagementGame .gameShell>.ecoEyebrow{display:none}.ecoPlay.publicLearning .engagementGame .gameHeader h1{font-size:17px}.ecoPlay.publicLearning .engagementGame .statusChip{font-size:10px;padding:2px 6px}.ecoPlay.publicLearning .engagementGame .scoreRow strong{font-size:20px}.ecoPlay.publicLearning .engagementGame .webConveyor{height:auto;min-height:110px}.ecoPlay .engagementGame .beltMeta{display:none}.ecoPlay.publicLearning .engagementGame .webItemCard{top:12px;animation-name:mobileEngagementFall}.ecoPlay.publicLearning .engagementGame .ecoStartOverlay h2{font-size:17px}.ecoPlay .engagementGame .ecoStartOverlay p{font-size:10px;margin:3px 0}.ecoPlay.publicLearning .engagementGame .thumbBins{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(48px,1fr));height:max(160px,33svh);gap:8px;margin-top:auto}.ecoPlay.publicLearning .engagementGame .thumbBins button{min-height:48px;flex-direction:row;gap:10px;padding:6px 14px;font-size:13px}.ecoPlay .engagementGame .learningToast{bottom:calc(max(160px,33svh) + 38px);left:12px;right:12px;width:auto;padding:8px}.ecoPlay .engagementGame .ecoCombo>span{font-size:9px}}@media (min-width:769px) and (max-height:650px){.ecoPlay.publicLearning{padding:0 12px}.ecoPlay.publicLearning>nav{display:none}.ecoPlay .engagementGame{display:block;max-width:1000px}.engagementGame .ecoJourney{display:none}.engagementGame .gameHome{display:flex!important}.ecoPlay.publicLearning .engagementGame .gameShell.ecoInStage{height:100svh;min-height:370px;gap:5px;padding:8px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:48px 50px minmax(100px,1fr) 20px 62px;grid-template-areas:"top top" "header score" "belt belt" "combo combo" "bins bins"}.engagementGame .gameTopBar{grid-area:top;flex-wrap:nowrap}.engagementGame .gameShell>.ecoEyebrow,.engagementGame .gameShell>.webScoreBar{display:none}.ecoPlay .engagementGame .gameHeader{grid-area:header}.ecoPlay .engagementGame .scoreRow{grid-area:score}.ecoPlay.publicLearning .engagementGame .webConveyor{grid-area:belt;min-height:100px;height:auto}.ecoPlay.publicLearning .engagementGame .webItemCard{top:10px;min-height:80px;animation:none;flex-direction:row;left:calc(50% - 140px);width:280px;max-width:280px}.ecoPlay .engagementGame .ecoCombo{grid-area:combo}.ecoPlay .engagementGame .thumbBins{grid-area:bins}.ecoPlay.publicLearning .engagementGame .thumbBins button{min-height:48px;flex-direction:row}.ecoPlay .engagementGame .learningToast{bottom:96px}.ecoPlay .engagementGame .beltMeta{display:none}}@keyframes engagementFall{0%{translate:0 0}to{translate:0 35px}}@keyframes mobileEngagementFall{0%{translate:0 0}to{translate:0 6px}}@keyframes binBounce{50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes binDot{to{transform:rotate(calc(var(--dot)*72deg)) translateY(-45px);opacity:0}}@keyframes comboShake{25%,75%{transform:translate(-2px)}50%{transform:translate(2px)}}@keyframes speakerPulse{to{transform:scale(1.15)}}@keyframes languagePulse{50%{box-shadow:0 0 0 5px #bce47b}}@keyframes toastIn{0%{opacity:0;transform:translate(12px)}}@media (prefers-reduced-motion:reduce){.ecoPlay .engagementGame *,.ecoPlay .engagementGame *:before,.ecoPlay .engagementGame *:after{animation:none!important;transition:none!important}}.ecoPlay .engagementGame .gameTopBar .voicePill{height:48px;min-height:48px;padding:3px 6px;font-size:10px;gap:3px;white-space:nowrap}.ecoPlay .engagementGame .gameHome{min-height:48px;min-width:48px}.ecoPlay.publicLearning .engagementGame .ecoCombo{display:flex}.ecoPlay .engagementGame .gameTopBar{position:sticky;top:0;z-index:40;background:#1a4030}.ecoPlay.publicLearning .engagementGame .comboEdge{box-shadow:inset 0 0 22px -14px var(--combo-color)}.ecoPlay .engagementGame .screenShake{animation:comboShake .15s linear 1}@media (max-width:768px){.ecoPlay.publicLearning .engagementGame .gameShell.ecoInStage{gap:4px}.ecoPlay .engagementGame .gameTopBar{padding:0 0 2px}}.ecoPlay .engagementGame{display:block;max-width:900px;margin:auto}.engagementGame .ecoJourney{display:none}.ecoPlay .engagementGame .emojiVisual{color:#0d2818}@media (max-width:768px){.ecoPlay .engagementGame{max-width:600px}}.ecoPlay.publicLearning .engagementGame .webConveyor,.ecoPlay.publicLearning .engagementGame .thumbBins{max-width:none;width:100%}@media (min-width:769px){.engagementGame .languagePill{order:9;margin-left:auto}}@media (max-width:768px){.ecoPlay.publicLearning .engagementGame .webItemCard{left:10px;right:10px;width:auto;max-width:none;flex-direction:row;gap:8px;min-height:78px}.ecoPlay .engagementGame .webItemText{min-width:0}.ecoPlay .engagementGame .emojiVisual{flex:none;width:36px}}.ecoPlay .engagementGame .ecoPaused .webItemCard{visibility:hidden}.ecoPlay.publicLearning .engagementGame .webItemCard{animation:none!important;top:calc(8px + (100% - 16px) * var(--fall-progress,0));translate:0 calc(-100% * var(--fall-progress,0))}body:has(.engagementGame){background:#10372f}.ecoPlay.publicLearning .engagementGame .gameShell{background:linear-gradient(145deg,#20594c,#174237);border-color:#548677;box-shadow:0 12px 36px #06292040}.ecoPlay .engagementGame .gameTopBar{background:#174237}.ecoPlay.publicLearning .engagementGame .webConveyor{background:radial-gradient(ellipse at 50% 25%,#429c87,#246657);border:1px solid #70ac99;border-radius:16px;overflow:hidden}.ecoPlay .engagementGame .webConveyor:before{opacity:.12}.ecoPlay.publicLearning .engagementGame .webItemCard{left:calc(8px + (100% - 176px) * var(--spawn-x,.5));right:auto;width:160px;max-width:160px;min-height:0;padding:0;display:flex;flex-direction:column;gap:5px;background:transparent;border:0;box-shadow:none;border-radius:0;top:calc(8px + (100% - 16px) * var(--fall-progress,0));translate:0 calc(-100% * var(--fall-progress,0));touch-action:none;cursor:grab}.ecoPlay.publicLearning .engagementGame .webItemCard.ecoItemDragging{cursor:grabbing;box-shadow:none!important}.ecoPlay .engagementGame .webItemCard .emojiVisual{font-size:64px;width:auto;line-height:1.1;filter:drop-shadow(0 5px 5px #123e3940)}.ecoPlay .engagementGame .webItemText{max-width:100%;padding:4px 8px;background:#123e39d9;border-radius:12px;text-align:center}.ecoPlay.publicLearning .engagementGame .webItemCard h2{color:#fff;font-size:15px;line-height:1.25;overflow-wrap:anywhere;margin:0}.ecoPlay.publicLearning .engagementGame .webItemCard .secondaryName{color:#d8eee4;font-size:11px}.ecoPlay .engagementGame .ecoSortTag{display:none}.ecoPlay.publicLearning .engagementGame .thumbBins button{background:var(--bin-color);color:#fff;border:1px solid #ffffff40;border-bottom:0;border-radius:14px;box-shadow:0 4px #06292055;min-height:64px;font-weight:700;opacity:1}.ecoPlay .engagementGame [data-sort-bin=GREEN]{--bin-color:#168447!important}.ecoPlay .engagementGame [data-sort-bin=BLUE]{--bin-color:#176cc1!important}.ecoPlay .engagementGame [data-sort-bin=BLACK]{--bin-color:#303a3e!important}.ecoPlay .engagementGame [data-sort-bin=DARK]{--bin-color:#7444ae!important}.ecoPlay .engagementGame [data-sort-bin=RED]{--bin-color:#c73445!important}.ecoPlay .engagementGame [data-sort-bin=GRAY]{--bin-color:#56636b!important}.ecoPlay.publicLearning .engagementGame .thumbBins button:hover:enabled{filter:brightness(1.13);translate:0 -2px}.ecoPlay.publicLearning .engagementGame .thumbBins button:disabled{opacity:.65;border-style:solid}.ecoPlay.publicLearning .engagementGame .thumbBins button.binUnavailable{background:color-mix(in srgb,var(--bin-color) 22%,#31574f);color:#c2d7ce;box-shadow:none;opacity:1}.ecoPlay .engagementGame .binLock{font-size:11px;position:absolute;bottom:6px;right:7px}.ecoPlay .engagementGame .webScoreBar>div{background:#9ce879}@media (max-width:768px){.ecoPlay.publicLearning .engagementGame .webItemCard{width:140px;max-width:140px;left:calc(8px + (100% - 156px) * var(--spawn-x,.5))}.ecoPlay .engagementGame .webItemCard .emojiVisual{font-size:56px}.ecoPlay.publicLearning .engagementGame .webItemCard h2{font-size:14px}}@media (prefers-reduced-motion:reduce){.ecoPlay.publicLearning .engagementGame .webItemCard{top:8px;translate:none}}.ecoPlay .engagementGame .binReact{box-shadow:0 0 18px #ccffbd;animation:binBounce .4s ease-out}.ecoPlay .engagementGame .binWrong{animation:comboShake .18s linear 2}.ecoPlay .engagementGame .binPoints{position:absolute;top:-18px;left:50%;color:#fff;background:#164b36;padding:2px 6px;border-radius:10px;font-size:13px;pointer-events:none;z-index:3}body:has(.engagementGame){background:#102b35}.ecoPlay.publicLearning .engagementGame .gameShell{background:linear-gradient(145deg,#183c47,#12313a);border-color:#426570;box-shadow:0 14px 38px #071c2940;gap:10px}.ecoPlay .engagementGame .gameTopBar{background:#153640;gap:10px;padding-bottom:6px}.ecoPlay .engagementGame .gameTopBar button,.ecoPlay .engagementGame .gameHome,.ecoPlay .engagementGame .languagePill{background:#102b35;border-color:#5b808a;color:#ecfff8}.ecoPlay .engagementGame .languagePill button[aria-pressed=true]{background:#9df2d3;color:#102b35}.ecoPlay .engagementGame .isOn .toggleTrack{background:#9df2d3;border-color:#9df2d3}.ecoPlay.publicLearning .engagementGame .statusChip{background:#d7f5e9;color:#163e45}.ecoPlay.publicLearning .engagementGame .scoreRow>strong:first-child{color:#9df2d3}.ecoPlay.publicLearning .engagementGame .scoreRow .lifeIcons{color:#ffd574}.ecoPlay.publicLearning .engagementGame .scoreRow .urgent{color:#ffb3ae}.ecoPlay.publicLearning .engagementGame .webConveyor{background:radial-gradient(ellipse at 50% 20%,#43a997,#287568);border-color:#69b5a5}.ecoPlay .engagementGame .webItemText{background:#102b35ed;padding:6px 10px}.ecoPlay .engagementGame .webScoreBar{background:#294f58;height:5px;border-radius:6px}.ecoPlay .engagementGame .webScoreBar>div{background:linear-gradient(90deg,#9df2d3,#ffd574)}.ecoPlay.publicLearning .engagementGame .ecoCombo{padding:5px 2px;color:#d7eee8}.ecoPlay.publicLearning .engagementGame .ecoCombo strong{color:#ffd574}.ecoPlay .engagementGame [data-sort-bin=GREEN]{--bin-color:#168b50!important}.ecoPlay .engagementGame [data-sort-bin=BLUE]{--bin-color:#2174d0!important}.ecoPlay .engagementGame [data-sort-bin=DARK]{--bin-color:#8050bc!important}.ecoPlay .engagementGame [data-sort-bin=RED]{--bin-color:#d03950!important}.ecoPlay.publicLearning .engagementGame .thumbBins button.binUnavailable{background:color-mix(in srgb,var(--bin-color) 12%,#293f49);color:#b8cbd0;border-color:#516973}.ecoPlay .engagementGame .thumbBins button.binUnavailable svg{color:#b8cbd0}.ecoPlay .engagementGame .ecoStartOverlay{background:#102b35f5}.ecoPlay .engagementGame .ecoStartOverlay button{background:#9df2d3;color:#102b35;border:0;box-shadow:0 4px #071b2640}.ecoPlay.publicLearning .engagementGame .result{background:#183c47;border-color:#5b808a}.ecoPlay .engagementGame .webStars,.ecoPlay .engagementGame .webCoins{color:#ffd574}.ecoPlay .engagementGame .binPoints{background:#ffd574;color:#102b35}.ecoPlay .engagementGame :is(button,a,summary):focus-visible{outline-color:#ffd574}@media (max-width:768px){.ecoPlay.publicLearning .engagementGame .gameShell.ecoInStage{gap:6px}}.scoreShareDialog{background:#102b35;color:#f5fff9;border:1px solid #507783;border-radius:22px;max-width:520px}.publicLearning .scoreShareDialog h2{color:#f5fff9!important;font-size:24px!important;margin:8px 0}.publicLearning .scoreShareDialog p{color:#c5e4db!important}.scoreShareDialog canvas{max-height:52dvh;border-radius:14px;margin:auto}.publicLearning .scoreShareDialog button,.publicLearning .scoreShareDialog a{background:#9df2d3!important;color:#102b35!important;border-radius:12px}.publicLearning .scoreShareDialog .shareClose{background:#244653!important;color:#e5f9f0!important;float:none;margin-bottom:6px!important}.scoreShareDialog .shareActions{display:grid;grid-template-columns:1fr 1fr}.scoreShareDialog .shareActions>:last-child{grid-column:1/-1;justify-content:center}.scoreShareDialog .shareActions>:first-child{background:#ffd574!important}.ecoPlay.publicLearning .engagementGame .challengeTarget{color:#ffd574!important;font-weight:700;font-size:16px}.ecoPlay .engagementGame .gameTopBar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;position:relative;z-index:40;padding-bottom:8px}.ecoPlay .engagementGame .gameTopBar>.gameHome{display:flex!important;grid-column:1;grid-row:1}.ecoPlay .engagementGame .gameTopBar>button{justify-self:end;grid-column:2;grid-row:1}.ecoPlay .engagementGame .gameTopBar>.gamePreferences{grid-column:3;grid-row:1}.ecoPlay .engagementGame .gamePreferences{position:relative}.ecoPlay .engagementGame .gamePreferences summary{display:flex;align-items:center;justify-content:center;min-height:48px;padding:6px 12px;list-style:none;border:1px solid #5b808a;border-radius:12px;color:#e5f9f0;background:#102b35;font-size:12px;font-weight:650;cursor:pointer}.gamePreferences summary::-webkit-details-marker{display:none}.gamePreferencesPanel{position:absolute;right:0;top:calc(100% + 8px);width:min(290px,calc(100vw - 48px));display:flex;flex-wrap:wrap;gap:10px;padding:16px;background:#153640;border:1px solid #5b808a;border-radius:18px;box-shadow:0 12px 32px #0006;z-index:45}.ecoPlay .engagementGame .gamePreferences:not([open]) .gamePreferencesPanel{display:none}.ecoPlay .engagementGame .gamePreferences .languagePill{order:0;margin:0;width:100%;justify-content:center}.ecoPlay .engagementGame .gamePreferences .languagePill button{flex:1}.ecoPlay.publicLearning .engagementGame .gameShell{border-radius:26px;padding:20px;gap:12px}.ecoPlay.publicLearning .engagementGame .thumbBins{gap:10px;align-items:stretch}.ecoPlay.publicLearning .engagementGame .thumbBins button{flex-direction:column;gap:2px;padding:8px 6px;background:linear-gradient(160deg,var(--bin-color),color-mix(in srgb,var(--bin-color) 78%,#102b35));border:1px solid #ffffff30;box-shadow:none;min-height:112px;border-radius:18px;isolation:isolate}.ecoPlay.publicLearning .engagementGame .thumbBins button:hover:enabled{filter:brightness(1.12);translate:0 -3px}.ecoPlay.publicLearning .engagementGame .thumbBins button svg.physicalBin{width:62px;height:65px;color:color-mix(in srgb,var(--bin-color) 65%,white);filter:drop-shadow(0 4px 0 #071c2940)}.ecoPlay .engagementGame .binLabel{font-size:13px;font-weight:750;color:#f5fff9}.ecoPlay.publicLearning .engagementGame .thumbBins button.binUnavailable{background:#18333b;border-color:#2f4c55;opacity:.65}.ecoPlay.publicLearning .engagementGame .thumbBins button.binUnavailable svg.physicalBin{color:#59747e;filter:none}.ecoPlay .engagementGame .thumbBins button small{top:7px;right:9px;color:#9df2d3}.ecoPlay.publicLearning .engagementGame .thumbBins button.binReact{box-shadow:0 0 22px #9df2d380;border-color:#9df2d3}.ecoPlay.publicLearning .engagementGame .webConveyor{border-radius:20px;background:radial-gradient(ellipse at 50% 0%,#53b5a0,#25766a);border-color:#79c8b5}.ecoPlay .engagementGame .webConveyor:before{opacity:.08}.ecoPlay .engagementGame .ecoStartOverlay{border-radius:20px}.ecoPlay.publicLearning .engagementGame .ecoStartOverlay h2{font-size:28px;font-weight:800}.ecoPlay .engagementGame .ecoStartOverlay p{max-width:360px;line-height:1.6;margin:10px 0}.ecoPlay .engagementGame .ecoStartOverlay button{min-height:48px;border-radius:14px;padding:12px 24px;font-weight:750}@media (max-width:768px){.ecoPlay.publicLearning .engagementGame .gameShell.ecoInStage{padding:12px;gap:8px}.ecoPlay.publicLearning .engagementGame .thumbBins button{min-height:100px;padding:6px}.ecoPlay.publicLearning .engagementGame .thumbBins button svg.physicalBin{width:54px;height:57px}.ecoPlay.publicLearning .engagementGame .webConveyor{min-height:210px}}@media (orientation:landscape) and (max-height:500px){.ecoPlay.publicLearning .engagementGame .thumbBins{grid-template-columns:repeat(3,minmax(0,1fr))}.ecoPlay.publicLearning .engagementGame .thumbBins button{min-height:88px}.ecoPlay.publicLearning .engagementGame .thumbBins button svg.physicalBin{height:42px;width:40px}.ecoPlay.publicLearning .engagementGame .webConveyor{min-height:190px}}.ecoPlay.publicLearning .engagementGame .webConveyor{height:clamp(240px,36svh,360px);flex:none}@media (max-width:768px){.ecoPlay.publicLearning .engagementGame .webConveyor{height:clamp(210px,28svh,260px);min-height:210px}}@media (orientation:landscape) and (max-height:500px){.ecoPlay.publicLearning .engagementGame .webConveyor{height:190px;min-height:190px}}.ecoPlay .engagementGame .emojiVisual>svg{display:block;width:1.35em;height:1.35em}.practiceOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;text-align:center;background:#102b35;border-radius:20px;color:#f5fff9;overflow:auto}.practiceOverlay>small{color:#ffd574;font-size:10px;letter-spacing:1px;font-weight:750}.ecoPlay .engagementGame .practiceOverlay h2{color:#f5fff9;font-size:20px;margin:0;line-height:1.2}.practiceArtwork{width:92px;height:92px;flex:none}.practiceArtwork svg{width:100%;height:100%}.practiceOverlay p{font-size:12px;line-height:1.5;margin:0;max-width:330px;color:#d1e8e3}.practiceBins{display:flex;gap:10px;width:100%;max-width:260px}.ecoPlay .engagementGame .practiceBins button{flex:1;border-radius:12px;background:#168b50;color:#fff;border:0;padding:8px;margin:0;min-height:44px}.ecoPlay .engagementGame .practiceBins button:last-child{background:#2174d0}.ecoPlay .engagementGame .practiceContinue{background:#9df2d3;color:#102b35;border:0;border-radius:12px;padding:10px 16px;min-height:44px;margin:0}.ecoPlay .engagementGame .practiceSkip{background:transparent;border:0;color:#9df2d3;font-size:12px;min-height:44px;margin:0}.ecoPlay .engagementGame .webConveyor:has(.practiceOverlay){height:390px;min-height:390px}.journeyNote{font-size:13px;color:#c5e4db}.ecoPlay .engagementGame .revisitPractice{background:#9df2d3;color:#102b35;border:0;border-radius:12px;padding:10px 16px;margin:10px 0;min-height:44px}.ecoPlay .engagementGame .journeyWorld h2{font-size:18px;color:#e5f9f0;margin:20px 0 12px}.ecoPlay .engagementGame .journeyWorld .levelPicker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0}.ecoPlay .engagementGame .journeyWorld button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:14px;background:#244653;color:#f5fff9;min-height:64px;padding:6px;min-width:0}.journeyWorld button strong{font-size:18px}.journeyWorld button span{font-size:10px;letter-spacing:.5px;color:#ffd574}.ecoPlay .engagementGame .journeyWorld .activeLevel{background:#9df2d3;color:#102b35;border:2px solid #ffd574}.journeyWorld .activeLevel span{color:#102b35}.ecoPlay .engagementGame .journeyWorld button:disabled{opacity:.4}@media (min-width:769px){.ecoPlay .engagementGame .journeyWorld .levelPicker{grid-template-columns:repeat(10,minmax(0,1fr))}}.ecoPlay.publicLearning .engagementGame .gameShell:has(.practiceOverlay){height:auto;min-height:0}.ecoPlay .engagementGame .gameShell:has(.practiceOverlay)>.thumbBins,.ecoPlay .engagementGame .gameShell:has(.practiceOverlay)>.ecoCombo{display:none}.ecoPlay .engagementGame .gameHeader,.ecoPlay .engagementGame .scoreRow,.ecoPlay .engagementGame .gameTopBar{flex-shrink:0}.ecoPlay.publicLearning .engagementGame .ecoLevelPicker{background:#153640;border-color:#436f79;border-radius:22px}@media (max-width:768px){.ecoPlay.publicLearning .engagementGame .thumbBins{height:auto;grid-template-rows:repeat(3,auto);margin-top:0}}.ecoPlay.publicLearning .engagementGame .thumbBins button:not(.binUnavailable):is(:hover,:focus,:focus-visible,:active,:disabled){background:linear-gradient(160deg,var(--bin-color),color-mix(in srgb,var(--bin-color) 78%,#102b35))}.ecoPlay.publicLearning .engagementGame .thumbBins button:not(.binUnavailable):disabled{border-style:solid}.ecoPlay .engagementGame .webItemCard .emojiVisual{display:grid;place-items:center;width:88px;height:88px;aspect-ratio:1;flex:none;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:64px;line-height:1}.ecoPlay .engagementGame .emojiVisual>.itemEmoji{display:block;font-size:inherit;line-height:1.1}.ecoPlay .engagementGame .emojiVisual>svg{width:100%;height:100%}.ecoPlay.publicLearning .engagementGame .webItemCard{align-items:center}.ecoPlay.publicLearning .engagementGame .webConveyor{background:radial-gradient(ellipse at 50% 0%,#419d90,#1d625b);min-height:0}.ecoPlay .engagementGame .webConveyor:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(#dbfff50c 1px,transparent 1px),linear-gradient(90deg,#dbfff50c 1px,transparent 1px);background-size:32px 32px;opacity:1}.ecoPlay.publicLearning .engagementGame .gameShell.ecoInStage{box-sizing:border-box;min-height:0;margin:0;gap:8px;padding:12px}.ecoPlay .engagementGame .gameTopBar{min-height:48px;padding:0}.ecoPlay .engagementGame .gameTopBar :is(button,.gameHome,summary){box-sizing:border-box;min-height:48px;padding:8px 12px}.ecoPlay .engagementGame .thumbBins{margin:0;height:auto}@media (min-width:769px){.ecoPlay.publicLearning .engagementGame .gameShell.ecoInStage{height:min(720px,calc(100svh - 24px));display:grid;grid-template-columns:1fr 1fr;grid-template-rows:48px 60px 5px minmax(130px,1fr) 20px 104px;grid-template-areas:"top top" "header score" "progress progress" "belt belt" "combo combo" "bins bins";align-content:stretch}.ecoPlay .engagementGame .gameTopBar{grid-area:top}.ecoPlay .engagementGame .gameHeader{grid-area:header}.ecoPlay .engagementGame .scoreRow{grid-area:score}.ecoPlay .engagementGame .gameShell>.webScoreBar{display:block;grid-area:progress;margin:0}.ecoPlay.publicLearning .engagementGame .webConveyor{grid-area:belt;height:100%;min-height:0;flex:auto}.ecoPlay .engagementGame .ecoCombo{grid-area:combo}.ecoPlay .engagementGame .thumbBins{grid-area:bins;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:1fr;gap:8px}.ecoPlay.publicLearning .engagementGame .thumbBins button{min-height:0;height:100%;padding:6px;flex-direction:column}.ecoPlay .engagementGame .thumbBins button svg.physicalBin{width:54px;height:57px}}@media (max-width:768px){.ecoPlay.publicLearning .engagementGame .gameShell.ecoInStage{height:min(840px,calc(100svh - 16px));display:flex;flex-direction:column;gap:7px;padding:10px}.ecoPlay.publicLearning .engagementGame .webConveyor{height:auto;min-height:120px;flex:1}.ecoPlay .engagementGame .webItemCard .emojiVisual{width:76px;height:76px;font-size:56px}.ecoPlay.publicLearning .engagementGame .thumbBins{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,88px);height:auto;margin:0;gap:7px}.ecoPlay.publicLearning .engagementGame .thumbBins button{min-height:0;height:100%;padding:5px;flex-direction:column}.ecoPlay.publicLearning .engagementGame .thumbBins button svg.physicalBin{width:44px;height:46px}}@media (max-width:768px) and (max-height:660px){.ecoPlay.publicLearning .engagementGame .gameShell.ecoInStage{gap:5px;padding:8px}.ecoPlay.publicLearning .engagementGame .thumbBins{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,68px);gap:6px}.ecoPlay.publicLearning .engagementGame .thumbBins button svg.physicalBin{width:32px;height:34px}.ecoPlay .engagementGame .binLabel{font-size:11px}.ecoPlay .engagementGame .webItemCard .emojiVisual{width:64px;height:64px;font-size:48px}.ecoPlay.publicLearning .engagementGame .gameHeader h1{font-size:16px}}@media (min-width:769px) and (max-height:500px){.ecoPlay.publicLearning .engagementGame .gameShell.ecoInStage{gap:5px;padding:8px;height:calc(100svh - 16px);grid-template-rows:48px 42px 4px minmax(100px,1fr) 18px 66px}.ecoPlay.publicLearning .engagementGame .thumbBins button svg.physicalBin{width:32px;height:34px}.ecoPlay .engagementGame .webItemCard .emojiVisual{width:60px;height:60px;font-size:44px}.ecoPlay.publicLearning .engagementGame .gameHeader h1{font-size:18px}}.ecoPlay.publicLearning .engagementGame .gameShell.ecoInStage:has(.practiceOverlay){height:auto;display:flex;min-height:0}.ecoPlay.publicLearning .engagementGame .webConveyor:has(.practiceOverlay){flex:none;height:390px;min-height:390px}.ecoPlay.publicLearning:has(.engagementGame)>nav{display:none}@media (max-width:768px){.ecoPlay.publicLearning .engagementGame .gameShell.ecoInStage{height:auto;min-height:calc(100svh - 16px)}.ecoPlay.publicLearning .engagementGame .webConveyor{flex:1 0 220px;min-height:220px}.ecoPlay.publicLearning .engagementGame .thumbBins{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,84px)}.ecoPlay .engagementGame .webItemCard .emojiVisual{width:96px;height:96px;font-size:72px}.ecoPlay.publicLearning .engagementGame .webItemCard h2{font-size:15px;line-height:1.3;text-align:center}}@media (max-width:768px) and (max-height:660px){.ecoPlay.publicLearning .engagementGame .webConveyor{flex-basis:170px;min-height:170px}.ecoPlay.publicLearning .engagementGame .thumbBins{grid-template-rows:repeat(2,68px)}.ecoPlay .engagementGame .webItemCard .emojiVisual{width:76px;height:76px;font-size:56px}}@media (orientation:landscape) and (max-height:500px){.ecoPlay.publicLearning .engagementGame .gameShell.ecoInStage{height:auto;min-height:calc(100svh - 16px)}.ecoPlay.publicLearning .engagementGame .webConveyor{min-height:170px}}:root{--brand-ink:#102b35;--brand-forest:#174c56;--brand-leaf:#9df2d3;--brand-cream:#f3fbf7;--brand-fog:#d8f3e8;--brand-mist:#4d6870;--brand-gold:#ffd574;--brand-border:#c6ded8}body:not(:has(.engagementGame)){background:#f3fbf7}.publicLearning:not(.ecoPlay){color:#102b35}.publicLearning:not(.ecoPlay) h1{font-weight:800;letter-spacing:-.045em}.publicLearning:not(.ecoPlay) nav a{color:#365c66}.publicLearning:not(.ecoPlay) nav a[aria-current=page]{color:#102b35;background:#d8f3e8;border-radius:10px;padding:8px 12px;text-decoration:none}.publicLearning:not(.ecoPlay) .learningButton{background:#102b35;border-color:#102b35;border-radius:14px;font-weight:750;box-shadow:0 4px #c1ded5}.publicLearning:not(.ecoPlay) .learningButton:hover{background:#215766}.publicLearning .homeHeroCopy h1{font-size:clamp(48px,6vw,80px);font-weight:850;line-height:1.03;letter-spacing:-3px}.homeHeroCopy h1 span{color:#176e68}.homeHeroLayout{gap:48px;padding:54px 0}.sectionEyebrow{color:#326d6a!important;font-weight:800;letter-spacing:1.6px}.heroIntro{color:#46636b;font-size:18px}.heroAvailability{display:inline-block;background:#ffd574;color:#102b35;border-radius:20px;padding:6px 12px;font-weight:650}.sortingDemo{background:#153640;border:1px solid #436f79;border-radius:26px;box-shadow:0 18px 38px #102b3520;transform:rotate(1deg)}.sortingDemo .phoneHardware,.sortingDemo .demoTop{background:#102b35;color:#ccefe4;border-color:#436f79}.publicLearning .sortingDemo .demoQuestion h2{color:#f5fff9;font-weight:750}.sortingDemo .demoQuestion p,.sortingDemo .demoAudioStatus{color:#c1e4da}.sortingDemo .demoDot{background:#ffd574}.sortingDemo .demoVoice{background:#9df2d3;color:#102b35;border-color:#9df2d3;border-radius:10px}.sortingDemo .demoObject{background:radial-gradient(ellipse,#439e8c,#24695f);margin:16px 20px;border-radius:18px;color:#fff}.sortingDemo .demoObject>span{color:#d1eee4}.demoBinIcon{width:18px;height:22px;flex:none}.publicLearning .demoBins button{background:var(--category-color,#405c68);color:#fff;border:1px solid #ffffff30;border-radius:12px;font-weight:700;min-height:48px}.publicLearning .demoBins button:hover{background:var(--category-color,#405c68);filter:brightness(1.15)}.demoBins button>span:last-child{color:#fff}.publicLearning .demoBins button.isCorrect{background:#168b50;outline:3px solid #ffd574}.publicLearning .demoBins button.isIncorrect{background:#9e3549;outline:3px solid #ffd574}.sortingDemo .demoFeedback,.sortingDemo .demoFeedback strong{color:#d8f3e8}.publicLearning .sortingDemo .demoFeedback button{color:#ffd574}.learningOverview{background:#d8f3e8;border:0;border-radius:20px;padding:24px;margin-bottom:20px}.learningOverview>div strong{color:#102b35;font-size:36px;font-weight:800}.learningOverview p,.learningOverview>div span{color:#46636b}.learningSteps li,.learningAudience article{background:#fff;border:1px solid #c6ded8;border-radius:18px;padding:24px}.stepNumber{display:inline-flex;background:#ffd574;color:#102b35;border-radius:10px;padding:6px 10px;font-weight:800}.publicLearning .learningPartners{background:#102b35;border-radius:22px}.publicLearning .learningPartners .learningButton{background:#9df2d3;color:#102b35;box-shadow:none;border:0}.publicLearning .learningPartners .learningKicker{color:#ffd574}.publicLearning .learningFounder{padding:28px;background:#e0f4eb;border-radius:20px;margin-bottom:36px}.publicLearning .learningFounder h2{font-weight:750}.publicLearning .panel:not(.gameShell){border-color:#c6ded8;border-radius:20px;box-shadow:0 8px 28px #102b3508}.publicLearning .readingPage{max-width:900px;line-height:1.8}.publicLearning .readingPage:not(.howToPage) h1{font-size:clamp(28px,4vw,38px)}.visualSteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;gap:16px;margin:28px 0}.visualSteps li{background:#e2f6ee;border-radius:18px;padding:20px}.visualSteps li>span{font-size:42px}.publicLearning .visualSteps h2{font-size:20px;margin:12px 0}.visualSteps p{font-size:14px;line-height:1.7}.rulesCallout{background:#fff1c6;border-radius:16px;padding:16px 20px}.rulesCallout h2{margin-top:0!important}.publicLearning .dailyShell,.publicLearning .glossaryShell{padding:28px;margin:28px auto}.publicLearning .dailyShell .gameHeader,.publicLearning .glossaryShell .gameHeader{height:auto;display:block;margin:18px 0}.publicLearning .dailyShell h1,.publicLearning .glossaryShell h1{font-size:clamp(30px,4vw,46px)}.publicLearning .dailyStreak{background:#102b35;color:#f5fff9;border:0;border-radius:18px;padding:20px}.publicLearning .dailyStreak strong{color:#ffd574;font-size:24px}.publicLearning .dailyStreak p{color:#d1e8e3}.publicLearning .dailyCard{background:radial-gradient(ellipse at top,#d2f6e8,#eaf8f2);border:0;border-radius:20px;padding:24px}.publicLearning .dailyCard .emojiVisual{font-size:76px}.publicLearning .dailyShell .binGrid button{background:var(--category-color)!important;color:#fff;border:0;border-radius:14px;min-height:48px;font-weight:700}.publicLearning .dailyLearn{background:#eaf8f2;border-color:#c6ded8;border-radius:16px}.publicLearning .dailyLearn .shareAction,.publicLearning .accountForm button,.publicLearning .accountActions button,.publicLearning .classroomShell button{background:#174c56;color:#fff;border-radius:12px;min-height:44px}.publicLearning input:not([type=checkbox]):not([type=range]),.publicLearning select{border-color:#92b6b7;border-radius:12px;min-height:44px;max-width:100%}.glossaryFilters{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.publicLearning .glossaryFilters button{background:#edf6f2;color:#102b35;border:1px solid #c6ded8;border-radius:24px;min-height:44px;width:auto;padding:8px 16px;margin:0;font-weight:650}.publicLearning .glossaryFilters button[data-category]{background:var(--category-color);color:#fff;border-color:transparent}.publicLearning .glossaryFilters button[aria-pressed=true]{outline:3px solid #102b35;outline-offset:2px}.publicLearning .glossaryItem{border-color:#c6ded8;background:#fff;border-radius:18px;padding:18px;align-items:start}.publicLearning .emojiPreview{background:#d8f3e8;border-radius:16px;font-size:54px;min-width:76px;min-height:76px}.categoryBadge{display:inline-block;background:var(--category-color);color:#fff;padding:3px 10px;border-radius:20px;font-size:12px}[data-category=GREEN]{--category-color:#168b50}[data-category=BLUE]{--category-color:#2174d0}[data-category=BLACK]{--category-color:#303a3e}[data-category=DARK]{--category-color:#8050bc}[data-category=RED]{--category-color:#d03950}[data-category=GRAY]{--category-color:#56636b}.publicLearning .webFooterLinks{align-items:center;gap:8px 22px;padding:22px 0;font-size:12px}.footerCopyright{margin:0 auto 0 0;font-weight:650}.publicLearning .webFooterLinks>a{min-height:44px;display:inline-flex;align-items:center}.footerAccountStatus{flex-basis:100%;font-size:11px;opacity:.8}@media (max-width:760px){.homeHeroLayout{padding:32px 0;gap:30px}.publicLearning .homeHeroCopy h1{font-size:54px;letter-spacing:-2px}.sortingDemo{transform:none}.learningOverview{padding:20px;gap:14px}.learningOverview>div{padding-left:12px}.learningOverview>div strong{font-size:30px}.visualSteps{grid-template-columns:1fr}.publicLearning .dailyShell,.publicLearning .glossaryShell,.publicLearning .readingPage{padding:20px;margin:20px auto}.publicLearning .glossaryGrid{grid-template-columns:1fr}.publicLearning .glossaryItem{grid-template-columns:76px minmax(0,1fr)}.publicLearning .learningFounder{padding:22px}.footerCopyright{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.sortingDemo{transform:none}}.publicLearning .sortingDemo{background:#153640;color:#f5fff9;border-color:#102b35;height:auto;min-height:530px;padding:0 8px 8px;overflow:hidden}.publicLearning .sortingDemo .demoQuestion p,.publicLearning .sortingDemo .demoFeedback,.publicLearning .sortingDemo .demoFeedback strong,.publicLearning .sortingDemo .demoAudioStatus{color:#d1e8e3}.publicLearning .sortingDemo .demoVoice{background:#9df2d3;color:#102b35;border-color:#9df2d3}.publicLearning .sortingDemo .demoObject{margin:14px 6px;background:radial-gradient(ellipse,#439e8c,#24695f);border-radius:16px;color:#fff}.publicLearning .sortingDemo .demoObject>span{color:#d1eee4}.publicLearning .sortingDemo .demoBins button{background:var(--category-color);color:#fff;border-color:#ffffff30;min-height:48px}.publicLearning .sortingDemo .demoBins button.isCorrect{outline:3px solid #ffd574;outline-offset:-3px}.publicLearning .sortingDemo .demoBins button.isIncorrect{outline:3px solid #ffb3ae;outline-offset:-3px}.publicLearning .classroomPage{background:#fff;border:1px solid #c6ded8;border-radius:20px;padding:28px;margin:28px auto}.publicLearning .classroomPage button{background:#174c56;color:#fff;border-radius:12px;min-height:44px}.publicLearning .classroomPage .classNotice,.publicLearning .classroomPage .classInstructions{background:#e2f6ee;border-color:#c6ded8;border-radius:12px;color:#102b35}@media (max-width:760px){.publicLearning .classroomPage{padding:20px;margin:20px auto}}.homePlayModes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0 12px}.homePlayModes>a{display:flex;align-items:center;gap:22px;background:#102b35;border-radius:22px;padding:26px;color:#f5fff9;text-decoration:none}.homePlayModes>a:last-child{background:#d8f3e8;color:#102b35}.homePlayModes>a>span{display:grid;place-items:center;width:64px;height:64px;flex:none;background:#ffd574;color:#102b35;border-radius:20px;font-size:34px}.publicLearning .homePlayModes h2{color:inherit;font-size:24px;line-height:1.15;margin:8px 0;font-weight:750}.homePlayModes small{font-size:10px;font-weight:750;letter-spacing:1px}.homePlayModes p{font-size:13px;margin:10px 0 0}.homePlayModes>a:hover{box-shadow:0 8px 24px #102b3518}.learningSteps,.learningAudience{padding:30px 0}.learningPartners p{font-size:14px;line-height:1.7}.publicLearning .learningPartners h2{font-weight:750;font-size:28px}.publicLearning .learningFounder{max-width:none}.founderStory summary{cursor:pointer;font-weight:700;padding:12px 0;color:#174c56;min-height:44px}.publicLearning .dailyShell{max-width:820px}.publicLearning .dailyStreak{display:flex;align-items:center;gap:24px}.publicLearning .dailyStreak strong{flex:none;max-width:240px;line-height:1.25}.publicLearning .dailyStreak p{margin:0;font-size:13px}.publicLearning .dailyCard{gap:24px;min-height:210px}.publicLearning .dailyCard h2{font-size:30px;font-weight:800}.publicLearning .dailyShell .binGrid{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.publicLearning .dailyShell .binGrid button{min-height:60px}.publicLearning .glossaryGrid{gap:18px}.publicLearning .glossaryItem{transition:box-shadow .15s}.publicLearning .glossaryItem:hover{box-shadow:0 6px 22px #102b3510}.publicLearning .glossaryItem h2{font-weight:750;line-height:1.25}.publicLearning .glossaryControls input{flex:1;min-width:0}.publicLearning .readingPage:not(.howToPage){max-width:800px}.publicLearning .classroomPage h1{font-size:clamp(30px,4vw,46px);max-width:760px;line-height:1.12}@media (max-width:760px){.homePlayModes{grid-template-columns:1fr;gap:12px}.homePlayModes>a{padding:22px;gap:16px}.publicLearning .homePlayModes h2{font-size:23px}.publicLearning .dailyStreak{display:block}.publicLearning .dailyStreak p{margin-top:12px}.publicLearning .dailyCard{min-height:180px;padding:18px;gap:16px}.publicLearning .dailyCard h2{font-size:25px}}@media (prefers-reduced-motion:reduce){.publicLearning .glossaryItem{transition:none}}.publicLearning .dailyShell .binGrid{position:static;bottom:auto;background:transparent;margin-top:18px}.communityCounts{padding:28px;background:#102b35;border-radius:24px;color:#f5fff9;margin:10px 0 24px}.publicLearning .communityCounts h2{color:#f5fff9;font-weight:800;font-size:28px;line-height:1.2;margin:4px 0 22px}.communityCounts .sectionEyebrow{color:#9df2d3!important;margin-bottom:8px}.communityNumbers{display:grid;grid-template-columns:1fr 1fr .8fr;gap:24px}.communityNumbers>div{display:flex;flex-direction:column;gap:4px;min-width:0}.communityNumbers strong{font-size:clamp(30px,4vw,46px);line-height:1.15;color:#ffd574;font-weight:800;overflow-wrap:anywhere}.communityNumbers span{font-size:15px;font-weight:700}.communityNumbers small{font-size:11px;color:#c5e4db}.communityNumbers .visitCount strong{color:#9df2d3;font-size:32px}.countNote{font-size:11px;line-height:1.6;color:#c5e4db;margin:22px 0 0;max-width:850px}@media (max-width:600px){.communityCounts{padding:22px}.communityNumbers{grid-template-columns:1fr 1fr;gap:18px}.communityNumbers .visitCount{grid-column:1/-1;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:6px 12px}.communityNumbers .visitCount small{flex-basis:100%}}.publicLearning:not(.ecoPlay):not(.campaignPage){max-width:1200px;padding:10px 24px 16px;margin:0 auto}.publicLearning:not(.ecoPlay):not(.campaignPage)>nav{min-height:48px;padding:0 0 6px;margin:0;gap:8px 18px;position:relative;flex-wrap:nowrap}.publicLearning nav .siteBrand{font-size:18px;min-height:44px;margin:0 auto 0 0;flex-basis:auto;gap:6px}.publicLearning nav .siteBrand svg{width:24px;height:24px}.navLinks{display:flex;align-items:center;gap:4px 14px;flex-wrap:wrap;justify-content:flex-end}.publicLearning nav .navLinks a{min-height:44px;font-size:12px;padding:4px 0}.publicLearning .navMenu{display:none}.publicLearning:not(.ecoPlay):not(.campaignPage) .sectionEyebrow{margin:0 0 8px}.publicLearning:not(.ecoPlay):not(.campaignPage) h1{font-size:clamp(26px,3vw,36px);line-height:1.2;margin:0 0 12px}.publicLearning:not(.ecoPlay):not(.campaignPage) h2{line-height:1.3;margin:14px 0 8px}.publicLearning:not(.ecoPlay):not(.campaignPage) .panel{padding:18px;margin:12px auto;border-radius:18px}.publicLearning:not(.ecoPlay):not(.campaignPage) .readingPage{max-width:960px;line-height:1.65}.publicLearning .readingPage>p{margin:10px 0;line-height:1.65}.publicLearning .readingPage li{margin:6px 0}.publicLearning .learningButton{min-height:44px;padding:10px 16px;margin:6px 10px 6px 0;border-radius:12px}.publicLearning .learningSecondary{min-height:44px;padding:10px 0}.publicLearning .webFooterLinks{padding:8px 0;gap:4px 16px;font-size:11px;margin-top:12px}.publicLearning .webFooterLinks a{min-height:40px}.publicLearning .footerAccountStatus{flex-basis:auto;margin-left:auto}.publicLearning .homeHeroLayout{padding:18px 0;gap:28px;grid-template-columns:1fr 1fr;align-items:center}.publicLearning .homeHeroCopy h1{font-size:clamp(36px,4vw,48px);line-height:1.08;margin:0 0 14px;letter-spacing:-1.6px}.publicLearning .heroIntro{font-size:16px;line-height:1.6;margin:0 0 12px}.publicLearning .heroActions{gap:12px;margin:0}.publicLearning .heroAvailability{font-size:12px;padding:4px 8px;margin:6px 0}.publicLearning .heroDetail{gap:6px 12px;margin:6px 0;font-size:11px}.publicLearning .sortingDemo{min-height:0;padding:10px;border-radius:20px;transform:none;box-shadow:0 8px 24px #102b3512}.publicLearning .sortingDemo .phoneHardware,.publicLearning .sortingDemo .phoneHomeIndicator{display:none}.publicLearning .sortingDemo .demoTop{padding:0 6px 6px;min-height:38px;font-size:10px}.publicLearning .sortingDemo .demoVoice{min-height:36px}.publicLearning .sortingDemo .demoQuestion{padding:6px 8px 0}.publicLearning .sortingDemo .demoQuestion h2{font-size:19px;margin:0 0 4px}.publicLearning .sortingDemo .demoQuestion p{margin:0;font-size:12px}.publicLearning .sortingDemo .demoObject{padding:6px;margin:8px 4px;min-height:0}.publicLearning .sortingDemo .demoObject svg{height:86px;width:150px}.publicLearning .sortingDemo .demoObject strong{font-size:16px}.publicLearning .sortingDemo .demoObject>span{font-size:11px}.publicLearning .sortingDemo .demoBins{gap:6px;padding:0 4px}.publicLearning .sortingDemo .demoBins button{min-height:44px;padding:6px 8px;font-size:11px}.publicLearning .sortingDemo .demoFeedback{min-height:0;padding:8px;margin:8px 4px 0;font-size:12px;gap:4px}.publicLearning .sortingDemo .demoAudioStatus{padding:4px 6px;font-size:10px}.publicLearning .homeSpecialChallenge{padding:18px;margin:6px 0 16px;gap:16px}.publicLearning .homeSpecialChallenge h2{font-size:24px;margin:4px 0 6px}.publicLearning .homeSpecialChallenge p{font-size:14px;line-height:1.5;margin:6px 0}.publicLearning .communityCounts{padding:18px;margin:12px 0 16px}.publicLearning .communityCounts h2{font-size:24px;margin:4px 0 12px}.publicLearning .communityNumbers{gap:16px}.publicLearning .communityNumbers strong{font-size:32px}.publicLearning .communityNumbers .visitCount strong{font-size:28px}.publicLearning .countNote{margin:12px 0 0}.publicLearning .learningOverview{padding:18px;gap:16px;margin:12px 0}.publicLearning .learningOverview>div strong{font-size:28px}.publicLearning .homePlayModes{gap:12px;margin:16px 0}.publicLearning .homePlayModes>a{padding:18px;gap:14px;border-radius:18px}.publicLearning .homePlayModes>a>span{width:48px;height:48px;border-radius:14px;font-size:27px}.publicLearning .homePlayModes h2{font-size:22px;margin:4px 0}.publicLearning .homePlayModes p{margin:6px 0}.publicLearning .learningSteps,.publicLearning .learningAudience{padding:18px 0}.publicLearning .learningSteps h2,.publicLearning .learningAudience h2{font-size:25px;margin:0 0 14px}.publicLearning .learningSteps ol,.publicLearning .learningAudience>div{gap:18px}.publicLearning .stepNumber{margin-bottom:8px}.publicLearning .localGuidance{padding:14px 0;gap:14px}.publicLearning .learningPartners{margin:16px 0;gap:0}.publicLearning .learningPartners section{padding:20px}.publicLearning .learningPartners h2{font-size:24px;margin:8px 0}.publicLearning .learningFounder{margin:16px 0;padding:18px}.publicLearning .learningFounder h2{font-size:24px}.publicLearning .visualSteps{gap:12px;margin:16px 0}.publicLearning .visualSteps li{padding:14px}.publicLearning .visualSteps li>span{font-size:32px}.publicLearning .visualSteps h2{font-size:18px;margin:8px 0}.publicLearning .rulesCallout{padding:12px 16px}.publicLearning .dailyShell{max-width:900px}.publicLearning .dailyShell .gameHeader,.publicLearning .glossaryShell .gameHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0;flex-wrap:wrap}.publicLearning .dailyShell h1,.publicLearning .glossaryShell h1{font-size:28px;margin:0}.publicLearning .dailyStreak{padding:12px 16px;gap:18px}.publicLearning .dailyStreak strong{font-size:20px;max-width:190px}.publicLearning .dailyStreak p{font-size:12px;margin:0;line-height:1.5}.publicLearning .dailyCard{min-height:140px;padding:16px;gap:16px;margin:12px 0}.publicLearning .dailyCard h2{font-size:26px;margin:6px 0}.publicLearning .dailyCard .emojiVisual{font-size:60px}.publicLearning .dailyShell .binGrid{margin-top:10px;gap:8px}.publicLearning .dailyShell .binGrid button{min-height:48px}.publicLearning .dailyLearn{padding:14px;margin-top:12px}.publicLearning .dailyLearn h2{font-size:21px;margin:0 0 6px}.publicLearning .dailyLearn p{margin:6px 0}.publicLearning .glossaryControls{gap:8px;margin:8px 0}.publicLearning .glossaryFilters{gap:6px;margin:10px 0}.publicLearning .glossaryFilters button{min-height:40px;font-size:12px;padding:6px 12px}.publicLearning .glossaryGrid{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.publicLearning .glossaryItem{padding:12px;grid-template-columns:54px minmax(0,1fr);gap:12px}.publicLearning .glossaryItem h2{font-size:18px;margin:0 0 5px}.publicLearning .glossaryItem p{font-size:12px;line-height:1.5;margin:4px 0}.publicLearning .emojiPreview{min-width:54px;min-height:54px;font-size:38px;border-radius:12px}.publicLearning .accountForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:12px 0}.publicLearning .accountForm label{gap:5px;font-size:14px}.publicLearning .accountForm .checkLabel,.publicLearning .accountForm>p,.publicLearning .accountForm>button{grid-column:1/-1}.publicLearning .accountForm .checkLabel{display:flex;align-items:center;gap:8px;min-height:36px}.publicLearning .accountForm .checkLabel input{width:18px;height:18px;flex:none}.publicLearning .accountActions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}.publicLearning .accountActions button,.publicLearning .accountActions a{width:auto;min-height:44px;margin:0}.publicLearning .audioSettings label{min-height:44px}.publicLearning .audioSamples{gap:6px}.publicLearning .audioSamples button{min-height:44px;font-size:12px;margin:0;padding:6px 10px}.publicLearning .classroomPage{padding:18px;margin:12px auto}.publicLearning .classroomPage h1{font-size:30px;margin:0 0 10px}.publicLearning .classroomPage h2{font-size:23px}.publicLearning .classWorkspace{grid-template-columns:190px minmax(0,1fr);gap:16px;margin-top:14px}.publicLearning .classWorkspace>aside{padding:12px}.publicLearning .classWorkspace>section,.publicLearning .classReport{padding:18px}.publicLearning .classroomPage form{gap:10px}.publicLearning .classroomPage label{gap:5px}.publicLearning .classroomPage input,.publicLearning .classroomPage select{min-height:44px;padding:8px 10px}.publicLearning .classroomPage button,.publicLearning .classroomPage summary{min-height:44px}.publicLearning .classroomPage details{padding:8px 12px;margin:10px 0}.publicLearning .classMetrics,.publicLearning .classCategoryGrid{gap:8px;margin:12px 0}.publicLearning .classMetrics>div,.publicLearning .classCategoryGrid>div{padding:12px}.publicLearning .classReport{margin-top:16px}.publicLearning .classroomPage th,.publicLearning .classroomPage td{padding:8px}.publicLearning .classItem{padding:16px;margin:12px 0}.publicLearning .classFeedback{padding:12px;margin:12px 0}.ecoPlay.publicLearning{padding:6px 12px}.ecoPlay.publicLearning .engagementGame .gameShell{padding:12px;gap:6px}.ecoPlay.publicLearning .engagementGame .gameTopBar{gap:6px}.ecoPlay.publicLearning .engagementGame .gameTopBar button,.ecoPlay.publicLearning .engagementGame .gameHome{min-height:44px}.ecoPlay.publicLearning .engagementGame .gameHeader h1{font-size:23px}.ecoPlay.publicLearning .engagementGame .result{padding:18px}.ecoPlay.publicLearning .engagementGame .roundRecap{margin:12px 0;padding:12px}.ecoPlay.publicLearning .engagementGame .roundRecap article{padding:8px 0}.ecoPlay.publicLearning .ecoLevelPicker{margin:10px 0;padding:12px}.ecoPlay.publicLearning .gameSpecialBlock{padding:10px 0}@media (max-width:1000px) and (min-width:761px){.publicLearning .glossaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.publicLearning nav .navLinks{gap:4px 10px}.publicLearning nav .navLinks a{font-size:11px}}@media (max-width:760px){.publicLearning:not(.ecoPlay):not(.campaignPage){padding:6px 12px 12px}.publicLearning:not(.ecoPlay):not(.campaignPage)>nav{min-height:44px;gap:10px;padding:0 0 6px}.publicLearning nav .siteBrand{flex-basis:auto!important;min-height:44px;margin:0 auto 0 0!important}.publicLearning nav .navLinks{display:none}.publicLearning nav .navMenu{display:block;position:relative;border:0;padding:0;margin:0}.publicLearning .navMenu>summary{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;background:#e1f1eb;border:1px solid #bdd6cd;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;list-style:none}.publicLearning .navMenu>summary:after{content:"⌄";margin-left:8px}.publicLearning .navMenu[open]>summary:after{content:"⌃"}.publicLearning .navMenu>div{position:absolute;right:0;top:48px;z-index:50;width:min(270px,calc(100vw - 24px));display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#f8fffb;padding:10px;border:1px solid #bdd6cd;border-radius:14px;box-shadow:0 12px 32px #102b3520}.publicLearning nav .navMenu a{min-height:44px;display:flex;padding:8px 10px;font-size:13px;border-radius:8px}.publicLearning:not(.ecoPlay):not(.campaignPage) .panel{padding:14px;margin:10px auto}.publicLearning .homeHeroLayout{grid-template-columns:1fr;padding:14px 0;gap:14px}.publicLearning .homeHeroCopy h1{font-size:36px;margin-bottom:10px}.publicLearning .heroIntro{font-size:15px;margin:0 0 8px}.publicLearning .sortingDemo{max-width:520px;width:100%;justify-self:center}.publicLearning .homeSpecialChallenge{padding:16px;gap:10px;grid-template-columns:1fr}.publicLearning .homeSpecialChallenge h2{font-size:22px}.publicLearning .homeSpecialChallenge>a{justify-self:start;min-height:44px}.publicLearning .learningOverview{grid-template-columns:repeat(3,minmax(0,1fr));padding:14px;gap:10px}.publicLearning .learningOverview>p{grid-column:1/-1;margin:0}.publicLearning .learningOverview>div{padding-left:8px}.publicLearning .learningOverview>div strong{font-size:25px}.publicLearning .learningOverview>div span{font-size:10px}.publicLearning .communityCounts{padding:16px}.publicLearning .communityNumbers{gap:12px}.publicLearning .homePlayModes{grid-template-columns:1fr;gap:10px}.publicLearning .learningSteps,.publicLearning .learningAudience{padding:16px 0}.publicLearning .learningSteps ol,.publicLearning .learningAudience>div{gap:12px}.publicLearning .learningPartners{grid-template-columns:1fr;margin:14px 0}.publicLearning .learningPartners section{padding:16px}.publicLearning .learningFounder{padding:16px}.publicLearning .visualSteps{grid-template-columns:1fr;gap:8px;margin:12px 0}.publicLearning .visualSteps li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:4px 10px;padding:12px}.publicLearning .visualSteps li>span{grid-row:1/3;font-size:28px}.publicLearning .visualSteps li>h2{grid-column:2;margin:0;font-size:17px}.publicLearning .visualSteps li>p{grid-column:2;margin:0;font-size:13px;line-height:1.5}.publicLearning .dailyShell h1,.publicLearning .glossaryShell h1{font-size:24px}.publicLearning .dailyStreak{display:block;padding:10px 12px}.publicLearning .dailyStreak p{margin-top:5px}.publicLearning .dailyCard{padding:12px;min-height:110px;gap:12px}.publicLearning .dailyCard .emojiVisual{font-size:46px}.publicLearning .dailyCard h2{font-size:22px}.publicLearning .glossaryGrid{grid-template-columns:1fr;gap:10px}.publicLearning .glossaryControls{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.publicLearning .glossaryControls input,.publicLearning .glossaryControls select{width:100%;min-width:0}.publicLearning .accountForm{grid-template-columns:1fr;gap:8px}.publicLearning .classroomPage h1{font-size:26px}.publicLearning .classWorkspace{grid-template-columns:1fr;gap:12px}.publicLearning .classWorkspace>section,.publicLearning .classReport{padding:14px}.publicLearning .classroomPage .classSectionHead{gap:10px}.publicLearning .webFooterLinks{gap:4px 12px;padding:8px 0;margin-top:10px}.publicLearning .footerCopyright{flex-basis:auto}.publicLearning .footerAccountStatus{flex-basis:100%;margin-left:0}.ecoPlay.publicLearning{padding:4px 8px}.ecoPlay.publicLearning .engagementGame .gameShell{padding:10px;gap:5px}}@media print{.publicLearning .navMenu{display:none!important}}.publicLearning .sortingDemo{width:100%;max-width:560px;border-width:1px}.publicLearning .homeHeroLayout{gap:24px}@media (max-width:760px){.publicLearning .sortingDemo{max-width:520px}}.publicLearning:not(.ecoPlay):not(.campaignPage) .panel{gap:10px}.publicLearning .languageSwitch:empty{display:none;margin:0}.publicLearning .glossaryShell .gameHeader,.publicLearning .dailyShell .gameHeader{margin:4px 0}.publicLearning .glossaryControls{grid-template-columns:minmax(0,1fr)}.publicLearning .glossaryControls select[aria-label="Filter by bin"]{display:none}.publicLearning .glossaryShell>p{margin:4px 0}.publicLearning .glossaryFilters{margin:6px 0}.publicLearning .glossaryShell .gameHeader p{margin-bottom:6px}.publicLearning .sortingDemo{width:min(100%,350px);max-width:350px;justify-self:center;border:7px solid #102b35;border-radius:34px;padding:0 8px 6px;min-height:0;box-shadow:0 12px 28px #102b3520}.publicLearning .sortingDemo .phoneHardware{display:flex;height:28px}.publicLearning .sortingDemo .phoneHomeIndicator{display:block;background:#bad6d0;margin:7px auto 3px}.publicLearning .sortingDemo .demoObject{margin:8px 0;padding:8px}.publicLearning .sortingDemo .demoObject svg{height:90px}.publicLearning .sortingDemo .demoBins{gap:6px}.publicLearning .sortingDemo .demoBins button{min-height:44px}.publicLearning .sortingDemo .demoFeedback{padding:6px;font-size:11px}.publicLearning .sortingDemo .demoAudioStatus{display:none}.publicLearning .homeHeroLayout{grid-template-columns:minmax(0,1fr) minmax(300px,390px);align-items:center;gap:28px}@media (max-width:760px){.publicLearning .homeHeroLayout{grid-template-columns:1fr;gap:16px;padding:12px 0}.publicLearning .heroIntro{font-size:14px;line-height:1.5;margin:10px 0}.publicLearning .heroDetail{margin:8px 0}.publicLearning .homeHeroCopy h1{font-size:32px!important}.publicLearning .sortingDemo{width:min(100%,330px)}}.publicLearning .sortingDemo .demoAudioStatus[data-error=true]{display:block;color:#ffe7a3;font-size:12px;line-height:1.4}.publicLearning .sortingDemo{height:auto;min-height:0;transform:none;gap:0;padding:0 12px 8px;background:#153640}.publicLearning .sortingDemo .demoTop{height:auto;min-height:48px;padding:4px 0;display:flex;align-items:center}.publicLearning .sortingDemo .demoVoice{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:6px 8px;background:transparent;color:#ccefe4;border:1px solid #436f79;font-size:11px}.publicLearning .sortingDemo .demoQuestion{padding:8px 0 0}.publicLearning .sortingDemo .demoQuestion h2{font-size:22px;line-height:1.2;margin:0 0 5px;color:#f5fff9}.publicLearning .sortingDemo .demoQuestion p{font-size:12px;color:#c1e4da}.publicLearning .sortingDemo .demoObject{display:flex;flex-direction:column;align-items:center;margin:12px 0;padding:8px 8px 12px;background:radial-gradient(ellipse at 50% 25%,#439e8c,#24695f)}.publicLearning .sortingDemo .demoObject svg{width:min(100%,240px);height:150px}.publicLearning .sortingDemo .demoObject strong{font-size:17px;line-height:1.3}.publicLearning .sortingDemo .demoObject>span{font-size:12px;margin-top:3px}.publicLearning .sortingDemo .demoBins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;gap:8px}.publicLearning .sortingDemo .demoBins button{min-height:48px;font-size:12px;padding:8px;gap:7px}.publicLearning .sortingDemo .demoFeedback{margin:10px 0 0;min-height:0;padding:10px 0;font-size:12px;line-height:1.5;border-top:1px solid #436f79;color:#d8f3e8}.publicLearning .sortingDemo .demoFeedback strong{font-size:14px;color:#f5fff9}.publicLearning .sortingDemo .demoFeedback button{min-height:44px}.publicLearning .sortingDemo .demoVoice:focus-visible,.publicLearning .sortingDemo .demoBins button:focus-visible{outline:3px solid #ffd574;outline-offset:2px}@media (max-width:760px){.publicLearning .sortingDemo{width:100%;max-width:390px;border-width:1px;border-radius:22px;padding:12px 16px}.publicLearning .sortingDemo:before,.publicLearning .sortingDemo:after{display:none}.publicLearning .sortingDemo .phoneHardware,.publicLearning .sortingDemo .phoneHomeIndicator{display:none}.publicLearning .homeHeroCopy h1{font-size:clamp(36px,10vw,48px)!important;line-height:1.05}}.campaignItemSprite{display:block;width:168px;aspect-ratio:3/4;background-repeat:no-repeat;background-size:400% 300%;margin:0 auto;filter:drop-shadow(0 12px 10px #061c2740);flex:none}.spriteAssetProbe{display:none}.publicLearning.campaignPage .sanitaryQuestion>.campaignItemSprite{grid-column:1;grid-row:3/6;width:120px;align-self:center}.publicLearning.campaignPage .campaignGame{background:linear-gradient(145deg,#173b48,#0b2633);border:1px solid #315563;border-radius:24px;box-shadow:0 12px 32px #0a26351a,inset 0 1px #ffffff12;padding:16px;grid-template-columns:minmax(0,1fr) 230px;gap:12px 18px;color:#effcf7}.publicLearning.campaignPage .campaignGameHud{gap:16px;font-size:14px;min-height:38px}.campaignRoundProgress{height:5px;max-width:300px;flex:1;border-radius:8px;background:#ffffff16;overflow:hidden}.campaignRoundProgress i{display:block;height:100%;background:linear-gradient(90deg,#9df2d3,#ffd574);border-radius:inherit;transition:width .3s ease}.publicLearning.campaignPage .campaignGameHud button{background:#234754;color:#e8faf3;border:1px solid #476c76;border-radius:12px;padding:6px 14px;font-size:12px;min-height:38px;box-shadow:inset 0 1px #ffffff12;width:auto}.publicLearning.campaignPage .campaignFallArea{background:radial-gradient(ellipse at 48% 30%,#3a6f75,#25545f 42%,#193e4e);border:1px solid #537884;border-radius:18px;box-shadow:inset 0 1px #ffffff16,inset 0 -35px 60px #06243138;isolation:isolate}.publicLearning.campaignPage .campaignFallArea:before{background:radial-gradient(ellipse at 50% 95%,#9df2d321,transparent 50%);background-size:auto;pointer-events:none}.publicLearning.campaignPage .campaignFallArea:after{content:"";position:absolute;width:76%;height:42%;border:1px solid #a6dbd91a;border-radius:50%;left:12%;bottom:-24%;transform:perspective(300px) rotateX(55deg);box-shadow:0 0 40px #9df2d309;z-index:-1}.publicLearning.campaignPage .campaignFallItem{width:230px;left:clamp(115px,var(--fall-x),calc(100% - 115px))!important;z-index:1}.publicLearning.campaignPage .campaignFallItem .campaignItemSprite{width:150px;margin:0 auto 3px;transition:filter .18s ease,scale .18s ease}.publicLearning.campaignPage .campaignFallItem>strong{background:#112f3dde;border:1px solid #a7d6d72b;box-shadow:0 6px 16px #061e2920,inset 0 1px #ffffff09;padding:9px 12px;border-radius:12px;font-size:15px;font-weight:650;line-height:1.4;color:#f3fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.publicLearning.campaignPage .campaignGame[data-feedback=correct] .campaignFallItem .campaignItemSprite{filter:drop-shadow(0 0 16px #9df2d365);scale:1.04}.publicLearning.campaignPage .campaignBins{gap:10px}.publicLearning.campaignPage .campaignBins .campaignBin{position:relative;display:grid;grid-template-columns:60px 1fr;grid-template-rows:1fr;gap:12px;min-height:100px;padding:12px 16px;border:1px solid #ffffff35;border-radius:16px;box-shadow:inset 0 1px #ffffff28,0 5px #041e2733,0 7px 14px #061c2720;transition:box-shadow .15s,translate .15s,border-color .15s;background:linear-gradient(140deg,var(--campaign-bin-light),var(--campaign-bin-dark));color:#f8fff9;text-align:left}.publicLearning.campaignPage .campaignBins .sanitary{--campaign-bin-light:#c95073;--campaign-bin-dark:#962d52;--campaign-bin-art:#ffb2c0}.publicLearning.campaignPage .campaignBins .dry{--campaign-bin-light:#3485c6;--campaign-bin-dark:#1d548b;--campaign-bin-art:#a8d6ff}.publicLearning.campaignPage .campaignBins .wet{--campaign-bin-light:#299576;--campaign-bin-dark:#176449;--campaign-bin-art:#b5ecd2}.publicLearning.campaignPage .campaignBins .premiumBinArt{width:58px;height:64px;grid-column:1;grid-row:1;color:var(--campaign-bin-art);filter:drop-shadow(0 5px 3px #041d2725)}.publicLearning.campaignPage .campaignBins .campaignBin b{align-self:center;font-size:17px;letter-spacing:0;line-height:1.4;font-weight:750;color:inherit}.campaignBin kbd{position:absolute;top:8px;right:10px;font:600 10px system-ui;border:1px solid #ffffff30;border-radius:5px;padding:1px 4px;color:#effff4;background:#08263322}.publicLearning.campaignPage .campaignBins .campaignBin.selectedCorrect{border-color:#ffe7a0;outline:2px solid #ffe7a0;outline-offset:-4px;box-shadow:inset 0 1px #ffffff40,0 0 18px #ffd57428}.publicLearning.campaignPage .campaignBins .campaignBin.selectedRetry{border-color:#ffd574;outline:2px solid #ffd574;outline-offset:-4px}.publicLearning.campaignPage .campaignBins .campaignBin:disabled{opacity:1;cursor:default}.publicLearning.campaignPage .campaignBins .campaignBin:active:not(:disabled){translate:0 3px;box-shadow:inset 0 1px #ffffff28,0 2px #041e2733}.publicLearning.campaignPage .campaignSortFeedback{border:1px solid #ffffff12;background:#234854;border-radius:14px;min-height:82px;padding:12px;line-height:1.4}.publicLearning.campaignPage .campaignSortFeedback strong{font-size:13px;color:#ebfff5}.publicLearning.campaignPage .campaignSortFeedback p{font-size:11px;color:#c2dcdb;line-height:1.45}.publicLearning.campaignPage .campaignSortFeedback.right{background:#214e48;border-color:#8dcfb534}.publicLearning.campaignPage .campaignSortFeedback.retry{background:#584932;border-color:#d7b26555}.publicLearning.campaignPage .campaignGameFootnote{font-size:10px;color:#a7c8ca}.publicLearning.campaignPage .campaignPauseOverlay{background:#092b3bd9;color:#effff6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:16px;font-weight:650;border-radius:18px}@media (hover:hover){.publicLearning.campaignPage .campaignBins .campaignBin:hover:not(:disabled){translate:0 -2px;border-color:#ffffff7a;box-shadow:inset 0 1px #ffffff45,0 7px #041e2733,0 12px 20px #061c2725}}@media (max-width:650px){.publicLearning.campaignPage .sanitaryQuestion>.campaignItemSprite{grid-column:1;grid-row:3;width:52px}.publicLearning.campaignPage .campaignGame{grid-template-columns:minmax(0,1fr);gap:7px;padding:10px;border-radius:20px}.publicLearning.campaignPage .campaignGameHud{gap:10px;font-size:12px}.campaignRoundProgress{max-width:110px}.publicLearning.campaignPage .campaignFallItem{width:180px;left:clamp(90px,var(--fall-x),calc(100% - 90px))!important}.publicLearning.campaignPage .campaignFallItem .campaignItemSprite{width:105px}.publicLearning.campaignPage .campaignFallItem>strong{font-size:13px;padding:6px 9px;line-height:1.35}.publicLearning.campaignPage .campaignBins{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.publicLearning.campaignPage .campaignBins .campaignBin{display:flex;min-height:0;flex-direction:column;justify-content:center;text-align:center;padding:5px 3px;gap:1px;border-radius:13px}.publicLearning.campaignPage .campaignBins .premiumBinArt{width:37px;height:41px}.publicLearning.campaignPage .campaignBins .campaignBin b{font-size:12px!important;white-space:nowrap}.campaignBin kbd{display:none}.publicLearning.campaignPage .campaignSortFeedback{min-height:0;padding:8px}.publicLearning.campaignPage .campaignGameFootnote{font-size:9px}}@media (max-width:650px) and (max-height:650px){.publicLearning.campaignPage .sanitaryQuestion>.campaignItemSprite{display:none}.publicLearning.campaignPage .campaignFallItem .campaignItemSprite{width:54px}.publicLearning.campaignPage .campaignFallItem>strong{font-size:12px;padding:5px 8px}.publicLearning.campaignPage .campaignBins .campaignBin b{font-size:11px!important}}@media (prefers-reduced-motion:reduce){.publicLearning.campaignPage .campaignFallItem{top:50%!important;transform:translate(-50%,-50%)!important;transition:none}.publicLearning.campaignPage .campaignBins .campaignBin,.campaignItemSprite,.campaignRoundProgress i{transition:none!important}.publicLearning.campaignPage .campaignBins .campaignBin:hover{translate:none}}@media (min-width:651px){.publicLearning.campaignPage .campaignFallItem{width:250px;left:clamp(125px,var(--fall-x),calc(100% - 125px))!important}.publicLearning.campaignPage .campaignFallItem .campaignItemSprite{width:190px}}@media (max-width:650px) and (min-height:651px){.publicLearning.campaignPage .campaignFallItem .campaignItemSprite{width:120px}}@media (min-width:651px){.publicLearning.campaignPage .campaignFallArea{height:clamp(230px,calc(100dvh - 275px),390px)}.publicLearning.campaignPage .campaignBins .campaignBin{min-height:92px}.publicLearning.campaignPage .campaignSortFeedback{min-height:74px}}@media (min-width:651px) and (max-height:650px){.publicLearning.campaignPage .campaignBins .campaignBin{min-height:76px;padding:8px 12px}.publicLearning.campaignPage .campaignBins .premiumBinArt{width:46px;height:52px}.publicLearning.campaignPage .campaignSortFeedback{min-height:58px;padding:8px}}.publicLearning.campaignPage .campaignStepper li{min-width:0}.publicLearning.campaignPage .campaignStepper b{min-width:0;overflow-wrap:anywhere}@media (max-width:360px){.publicLearning.campaignPage .campaignStepper li{gap:4px;padding:6px}.publicLearning.campaignPage .campaignStepper b{font-size:11px}}.publicLearning.campaignPage .sanitaryQuestion>.campaignWorkerPortrait{grid-column:1;grid-row:3/6;margin:0;align-self:center;min-width:0}.campaignWorkerPortrait img{display:block;width:100%;height:210px;object-fit:cover;object-position:center 35%;border-radius:16px}.campaignWorkerPortrait figcaption{font-size:11px;line-height:1.4;color:#46636b;margin-top:8px}.publicLearning.campaignPage .campaignGame:has(.campaignGameDone){display:block;height:auto;min-height:0;max-height:none;padding:0;background:none;border:0;box-shadow:none}.publicLearning.campaignPage .campaignGameDone{overflow:visible;min-height:0;padding:0}.publicLearning.campaignPage .campaignResult{width:100%;max-width:760px;padding:24px;scroll-margin-top:16px}.publicLearning.campaignPage .campaignResult h2{font-size:clamp(24px,3vw,30px);line-height:1.2;margin:8px 0}.publicLearning.campaignPage .campaignResult p{font-size:14px;line-height:1.5;margin:10px 0}.publicLearning.campaignPage .campaignResult .sectionEyebrow{margin-top:0}.publicLearning.campaignPage .campaignResultActions{margin:16px 0;gap:10px}.publicLearning.campaignPage .campaignResultActions button{margin:0;min-height:48px;max-width:100%;padding:12px 18px}.publicLearning.campaignPage .campaignResult .campaignWorkerCaption{max-width:580px;margin:16px auto 10px;color:#c5e4db}.publicLearning.campaignPage .campaignResult .campaignFriends{font-size:13px;color:#c5e4db}@media (max-width:650px){.publicLearning.campaignPage .sanitaryQuestion:has(.campaignWorkerPortrait){grid-template-columns:100px minmax(0,1fr)}.publicLearning.campaignPage .sanitaryQuestion>.campaignWorkerPortrait{grid-column:1;grid-row:3/5}.campaignWorkerPortrait img{height:140px;border-radius:12px}.campaignWorkerPortrait figcaption{display:none}.publicLearning.campaignPage .campaignResult{padding:18px}.publicLearning.campaignPage .campaignResult h2{font-size:24px}.publicLearning.campaignPage .campaignResultActions{flex-direction:column;margin:14px 0;gap:8px}.publicLearning.campaignPage .campaignResultActions button{width:100%;font-size:14px}}@media (max-width:650px) and (max-height:650px){.publicLearning.campaignPage .campaignStage-round .sanitaryQuestion:has(.campaignWorkerPortrait){grid-template-columns:76px minmax(0,1fr)}.publicLearning.campaignPage .campaignStage-round .sanitaryQuestion:has(.campaignWorkerPortrait)>h2,.publicLearning.campaignPage .campaignStage-round .sanitaryQuestion:has(.campaignWorkerPortrait)>p{grid-column:2}.campaignWorkerPortrait img{height:105px}}@media (max-width:650px){.publicLearning.campaignPage .campaignStage-round .sanitaryQuestion:has(.campaignWorkerPortrait){grid-template-columns:76px minmax(0,1fr)}.publicLearning.campaignPage .campaignStage-round .sanitaryQuestion>.campaignWorkerPortrait{grid-column:1;grid-row:3;margin:0;align-self:start}.publicLearning.campaignPage .campaignStage-round .sanitaryQuestion:has(.campaignWorkerPortrait)>h2{grid-column:2;grid-row:3;align-self:center}.publicLearning.campaignPage .campaignStage-round .sanitaryQuestion:has(.campaignWorkerPortrait)>p:not(.sectionEyebrow){grid-column:1/-1;grid-row:4;margin:4px 0}.publicLearning.campaignPage .campaignStage-round .campaignWorkerPortrait img{height:105px}.publicLearning.campaignPage .campaignStage-round .sanitaryQuestion:has(.campaignWorkerPortrait)>.sanitaryAnswers{grid-column:1/-1;grid-row:5}.publicLearning.campaignPage .campaignStage-round .sanitaryQuestion:has(.campaignWorkerPortrait)>.sanitaryFeedback{grid-column:1/-1;grid-row:6}.publicLearning.campaignPage .sanitaryChallenge:has(.aakriAppBar) .campaignGame:not(:has(.campaignGameDone)){height:calc(100dvh - 248px)}}.publicLearning.campaignPage .campaignStage-round .sanitaryQuestion:has(.campaignWorkerPortrait)>.campaignChoiceTools{grid-column:1/-1;grid-row:2;min-width:0;flex-wrap:wrap}