:root{--ink:#172723;--muted:#66706b;--orange:#ff8a3d;--cream:#fff8ed;--line:#e3e8e0;--green:#267853;--blue:#346bb4;--red:#b94b3b;--special-color:#242929;--wet-bg:#e8f3e9;--dry-bg:#e9f0fb;--sanitary-bg:#fae7e1;--special-bg:#E9ECE9;--radius:24px;font-family:'Segoe UI',Arial,'Nirmala UI',sans-serif;color:var(--ink);background:#fffcf7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #2567c0;outline-offset:4px}button{color:inherit}a{color:inherit;text-underline-offset:4px}img{max-width:100%;display:block}[hidden]{display:none!important}.site-header{max-width:1240px;margin:auto;padding:25px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:18px}.brand{display:flex;align-items:center;gap:12px;border:0;background:none;padding:0;text-align:left;font-size:25px;font-weight:650;letter-spacing:-1px}.brand strong{color:#ba5420}.brand-icon{width:45px;height:45px;border-radius:14px;background:#e4eee3;display:grid;place-items:center}.brand-icon img{width:34px}.header-controls{display:flex;align-items:center;gap:16px}.header-note{font-size:12px;color:var(--muted)}.quiet-button{background:none;border:0;padding:11px 12px;font-size:13px;font-weight:650;min-height:44px}.outlined{border:1px solid var(--line);border-radius:12px}.language-switch{display:flex;background:#f1f2ec;padding:4px;border-radius:12px}.language-switch button{border:0;background:none;padding:9px 12px;min-height:38px;border-radius:9px;font-size:13px}.language-switch button[aria-pressed=true]{background:var(--ink);color:white}main{max-width:1180px;margin:0 auto;padding:0 28px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:35px;align-items:center;padding:58px 0 55px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px;display:flex;gap:9px;align-items:center}.live-dot{width:7px;height:7px;background:var(--green);border-radius:50%}h1{font-size:clamp(42px,5.2vw,68px);line-height:1.07;letter-spacing:-3px;font-weight:800;margin:20px 0 22px}.orange-text{color:#bb541e}.hero-description{font-size:17px;line-height:1.75;color:var(--muted);max-width:480px;margin:0 0 28px}.button{border:0;min-height:48px;border-radius:13px;padding:13px 22px;display:inline-flex;align-items:center;justify-content:center;font-weight:750;font-size:14px;gap:12px;transition:transform .16s,box-shadow .16s}.button:hover{transform:translateY(-2px)}.primary{background:var(--orange);color:#192921;box-shadow:0 5px 0 #df6b24}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #df6b24}.secondary{background:white;border:1px solid #d4dcd3}.dark{background:var(--ink);color:white}.hero-facts{display:flex;flex-wrap:wrap;gap:13px;margin-top:24px;font-size:11px;color:var(--muted)}.hero-facts span+span{border-left:1px solid #ccd3c9;padding-left:13px}.hero-art{position:relative;background:var(--cream);border-radius:38px;padding:26px 12px 12px;aspect-ratio:1.05;overflow:hidden}.mascot-hero{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;animation:float 5s ease-in-out infinite}.art-caption{position:absolute;font-size:11px;font-weight:700;background:white;padding:10px 15px;border:1px solid #e9e5d8;border-radius:30px;z-index:1}.top-caption{top:18px;left:24px;transform:rotate(-4deg)}.bottom-caption{bottom:16px;right:20px;display:flex;align-items:center;gap:7px;transform:rotate(3deg)}.pill-dot{height:8px;width:8px;background:#72b994;border-radius:50%}.levels-section{padding:30px 0 45px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px}.section-heading h2,.intro-strip h2{font-size:32px;letter-spacing:-1px;margin:7px 0 0}.section-heading p{font-size:13px;color:var(--muted);max-width:290px;line-height:1.6;margin:0}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.level-card{position:relative;background:white;border:1px solid var(--line);border-radius:20px;padding:23px;text-align:left;transition:transform .2s,border-color .2s;min-height:205px}.level-card:hover{transform:translateY(-5px);border-color:var(--orange)}.level-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:1.1px}.level-index{border-radius:11px;display:grid;place-items:center;width:38px;height:38px;font-size:18px;background:#e8f3e9}.level-card:nth-child(2) .level-index{background:#e9f0fb}.level-card:nth-child(3) .level-index{background:#fff0d4}.level-card h3{font-size:21px;margin:18px 0 9px;letter-spacing:-.5px}.level-card p{font-size:13px;color:var(--muted);line-height:1.5;min-height:40px;margin:0}.level-meta{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:11px;color:var(--muted)}.level-play{color:var(--ink);font-weight:750}.intro-strip{display:grid;grid-template-columns:1fr 1.3fr;gap:35px;background:#eef3eb;border-radius:24px;padding:30px;margin:0 0 40px}.intro-strip h2{font-size:25px}.intro-strip p{font-size:13px;line-height:1.6;color:var(--muted);max-width:350px}.mini-streams{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;align-items:center}.mini-stream{padding:12px 6px;border-radius:14px;text-align:center;font-weight:750;font-size:11px}.mini-stream img{width:50px;height:50px;object-fit:contain;margin:0 auto 6px}.wet{--stream-color:var(--green);--stream-bg:var(--wet-bg)}.dry{--stream-color:var(--blue);--stream-bg:var(--dry-bg)}.sanitary{--stream-color:var(--red);--stream-bg:var(--sanitary-bg)}.special{--stream-color:var(--special-color);--stream-bg:var(--special-bg)}.mini-stream{background:var(--stream-bg);color:var(--stream-color)}footer{border-top:1px solid var(--line);max-width:1180px;margin:0 auto;padding:28px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px;line-height:1.6}.footer-brand{font-weight:800;font-size:17px;color:var(--ink)}.footer-links{display:flex;flex-direction:column;align-items:end;gap:8px}.text-button{background:none;border:0;padding:6px 0;text-decoration:underline;text-underline-offset:4px;font-size:12px;color:var(--muted)}.game-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 25px}.game-title{font-size:38px;letter-spacing:-1.5px;margin:9px 0 0}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line);border-radius:18px;padding:17px 26px}.stats-bar>div+div{padding-left:28px;border-left:1px solid var(--line)}.stat-label{display:block;font-size:10px;font-weight:750;letter-spacing:1.3px;color:var(--muted);margin-bottom:4px}.stats-bar strong{font-size:28px;line-height:1.1}.stat-denominator{font-size:13px;color:var(--muted)}.timer-stat.urgent strong{color:#ac394b}.round-progress{display:flex;gap:5px;margin:15px 0}.round-progress span{height:5px;background:#e7ebe3;border-radius:5px;flex:1}.round-progress span.current{background:var(--orange)}.round-progress span.correct{background:#65ad81}.round-progress span.wrong{background:#daa1a8}.play-area{display:grid;grid-template-columns:1fr 230px;align-items:center;min-height:350px}.item-stage{text-align:center;padding-left:200px}.stage-note{font-size:10px;letter-spacing:1.5px;font-weight:750;color:var(--muted);margin:10px 0}.item-orbit{width:220px;height:200px;border-radius:50%;background:#f5f0e5;margin:5px auto;display:grid;place-items:center}.item-card{width:155px;height:155px;cursor:grab;touch-action:none;user-select:none;display:grid;place-items:center;transition:transform .2s}.item-card:active{cursor:grabbing;transform:rotate(-6deg) scale(1.06)}.item-card img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.item-stage h2{font-size:26px;letter-spacing:-.6px;margin:12px 0 5px}.item-hint{font-size:13px;color:var(--green);margin:7px 0;min-height:21px}.input-help{font-size:11px;color:var(--muted);margin:10px 0 20px}.buddy-note{text-align:center;background:#f4f7ef;border-radius:24px;padding:10px 16px 20px}.buddy-small{height:115px;width:150px;object-fit:cover;margin:auto;mix-blend-mode:multiply}.buddy-note p{font-weight:650;font-size:13px;line-height:1.5}.tiny-label{font-size:10px;color:var(--muted);line-height:1.5}.bins-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:15px}.bin{position:relative;border:2px solid transparent;border-radius:20px;min-height:155px;background:var(--stream-bg);color:var(--stream-color);padding:15px;text-align:center;transition:transform .2s,border-color .2s}.bin:hover,.bin.drop-target{border-color:var(--stream-color);transform:translateY(-5px)}.bin img{width:62px;height:62px;margin:0 auto 7px;object-fit:contain;transition:transform .25s}.bin.bin-receive img{animation:receive .6s}.bin-title{display:block;font-size:16px;font-weight:800}.bin-key{position:absolute;top:12px;left:12px;font-size:10px;border:1px solid currentColor;border-radius:6px;width:21px;height:21px;display:grid;place-items:center;opacity:.7}.bin-desc{display:block;font-size:11px;line-height:1.5;margin-top:4px}.feedback-panel{margin:18px 0 0;border-radius:18px;padding:20px 23px;background:#eef4e9;border:1px solid #cedecc;display:flex;justify-content:space-between;align-items:center;gap:20px}.feedback-panel.incorrect{background:#fff3e6;border-color:#f0d4b0}.feedback-panel strong{font-size:17px}.feedback-panel p{font-size:13px;line-height:1.65;margin:7px 0 0;max-width:730px}.feedback-panel .button{flex-shrink:0}.game-bottom{display:flex;justify-content:space-between;align-items:center;margin:20px 0 30px;font-size:11px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:25px;background:#fffcf7;padding:35px;max-width:650px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 30px 100px #17272333}dialog::backdrop{background:#17272388;backdrop-filter:blur(5px)}dialog h2{font-size:28px;letter-spacing:-.5px}dialog p{line-height:1.65}.dialog-close{float:right}.about-stream{margin:18px 0;display:flex;gap:16px;align-items:center}.about-stream img{height:45px;width:45px}.about-stream strong{color:var(--stream-color)}.about-stream p{font-size:13px;margin:4px 0}.small{font-size:11px;color:var(--muted);line-height:1.6}.error-box{background:#fff0df;padding:30px;border-radius:20px;margin:30px 0}.results-view{padding:40px 0}.result-header{text-align:center}.result-header .eyebrow{justify-content:center}.result-header h1{font-size:46px;letter-spacing:-2px}.result-header>p{color:var(--muted)}.result-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;margin:30px 0}.score-card{background:#eff4e9;border:1px solid #dae3d3;border-radius:27px;text-align:center;padding:30px}.medal{width:90px;height:90px;margin:auto}.score-number{font-size:100px;letter-spacing:-5px;font-weight:850;line-height:1.2}.score-number>span+span{font-size:24px;letter-spacing:-1px;color:var(--muted)}.result-stars{font-weight:750;color:#725921;background:#fff3cd;border-radius:20px;display:inline-block;padding:7px 18px;font-size:13px}.score-card p{font-size:14px;color:var(--muted)}.result-level{font-size:12px;font-weight:750;margin:15px 0}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.share-box,.champion-box{border:1px solid var(--line);border-radius:22px;padding:25px;background:white}.share-box h2,.champion-box h2{font-size:24px;letter-spacing:-.6px;margin:9px 0}.share-box p,.champion-box p{font-size:13px;color:var(--muted);line-height:1.6}.share-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.champion-box{margin-top:18px;background:var(--cream)}label{font-size:12px;font-weight:650;display:block;margin-bottom:7px}input,select,textarea{width:100%;background:white;border:1px solid #cdd5cb;border-radius:10px;padding:12px;color:var(--ink)}.champion-box .button{margin-top:12px}.review-section{margin-top:30px}.review-section h2{font-size:25px;letter-spacing:-.7px}.review-item{display:flex;gap:18px;align-items:center;background:white;border-bottom:1px solid var(--line);padding:18px;border-radius:12px;margin-top:8px}.review-item img{width:52px;height:52px;object-fit:contain}.review-item p{font-size:12px;line-height:1.6;color:var(--muted);margin:6px 0}.review-item strong{font-size:14px}.review-category{font-weight:750;color:var(--stream-color)}#certificateDialog{max-width:1000px}#certificatePreview{width:100%;margin:18px 0}.certificate-actions{display:flex;justify-content:center;gap:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 24px;border-radius:14px;z-index:20;font-size:13px;max-width:calc(100vw - 30px);box-shadow:0 8px 25px #17272333}#confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:15}.confetti-piece{position:absolute;top:-20px;width:9px;height:15px;animation:fall 2.4s ease-in forwards;background:var(--orange)}#printArea{display:none}.loading{opacity:.5;pointer-events:none}.drag-ghost{position:fixed;width:100px;height:100px;object-fit:contain;pointer-events:none;z-index:30;filter:drop-shadow(0 6px 10px #17272333)}
@keyframes float{50%{transform:translateY(-7px)}}@keyframes receive{30%{transform:translateY(-8px) rotate(-8deg)}70%{transform:translateY(3px) rotate(5deg)}}@keyframes fall{to{transform:translateY(105vh) rotate(550deg);opacity:.2}}
@media(max-width:850px){.header-note{display:none}.hero{gap:20px;padding-top:35px}.hero-facts{gap:8px}.hero-facts span+span{padding-left:8px}.intro-strip{grid-template-columns:1fr}.item-stage{padding-left:0}.play-area{grid-template-columns:1fr 180px}.game-title{font-size:32px}.bin-desc{font-size:10px}.level-card{padding:18px}.hero-description{font-size:15px}.top-caption{left:12px;font-size:9px}.bottom-caption{font-size:9px;right:10px}.result-layout{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.site-header{padding:18px;gap:8px}.brand{font-size:21px;gap:8px}.brand-icon{width:37px;height:37px;border-radius:11px}.brand-icon img{width:28px}.header-controls{gap:2px}.quiet-button{font-size:11px;padding:10px 8px}.language-switch button{padding:7px 9px}.language-switch{padding:3px}main{padding:0 18px}.hero{grid-template-columns:1fr;padding:35px 0;gap:28px}.hero-copy h1{font-size:49px;letter-spacing:-2.5px;margin:18px 0}.hero-description{font-size:15px;line-height:1.7}.hero-art{aspect-ratio:1.4;max-height:300px;padding:5px 35px}.top-caption{top:15px;left:18px;font-size:10px}.bottom-caption{bottom:12px;right:18px;font-size:10px}.hero-facts{font-size:10px}.level-grid{grid-template-columns:1fr;gap:12px}.level-card{min-height:0;padding:18px 20px}.level-card h3{margin:0 0 7px;padding-right:55px;font-size:20px}.level-top{float:right}.level-top>span:last-child{display:none}.level-card p{min-height:0}.level-meta{margin-top:12px}.section-heading{align-items:start;flex-direction:column;gap:10px}.section-heading h2{font-size:28px}.section-heading p{max-width:none;font-size:12px}.intro-strip{padding:22px 18px;gap:15px}.mini-streams{gap:5px}.mini-stream{font-size:10px;padding:10px 3px}.mini-stream img{width:42px;height:42px}.intro-strip h2{font-size:23px}footer{padding:24px 18px;flex-direction:column;gap:9px}.footer-links{align-items:start}.game-heading{margin:25px 0 20px;gap:12px}.game-title{font-size:28px;letter-spacing:-1px}.game-heading .eyebrow{font-size:9px;letter-spacing:1px}.stats-bar{padding:14px 12px}.stats-bar>div+div{padding-left:12px}.stats-bar strong{font-size:23px}.stat-label{font-size:8px;letter-spacing:.8px}.stat-denominator{font-size:10px}.play-area{display:block;min-height:0}.buddy-note{display:none}.item-orbit{height:165px;width:185px}.item-card{height:130px;width:130px}.item-stage h2{font-size:22px;min-height:26px}.item-hint{font-size:12px}.bins-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.bin{min-height:117px;padding:10px 8px;border-radius:17px}.bin img{width:44px;height:44px;margin-bottom:4px}.bin-title{font-size:14px}.bin-desc{font-size:10px}.bin-key{top:9px;left:9px;width:18px;height:18px}.feedback-panel{padding:16px;display:block}.feedback-panel .button{margin-top:12px;width:100%}.feedback-panel p{font-size:12px}.result-layout{grid-template-columns:1fr;gap:16px}.result-header h1{font-size:37px}.result-header p{font-size:13px;line-height:1.6}.score-number{font-size:85px}.score-card{padding:25px}.share-box,.champion-box{padding:22px}.share-buttons .button{padding:12px 10px;font-size:12px}.result-actions .button{font-size:12px;padding:12px 15px}dialog{padding:24px}.certificate-actions{flex-wrap:wrap}.review-item{padding:14px;gap:12px}.input-help{margin-bottom:10px}.view{scroll-margin-top:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{@page{size:A4 landscape;margin:0}body>*{display:none!important}#printArea{display:block!important;position:relative;width:297mm;height:210mm;margin:0;background:white}#printArea img{width:297mm;height:210mm;object-fit:contain;print-color-adjust:exact}#printArea .print-credit{position:absolute;top:192mm;left:28.5mm;width:240mm;height:6mm;background:#fffcf7;color:#66706b;text-decoration:none;text-align:center;font-size:3.47mm;line-height:6mm;print-color-adjust:exact}}

/* Keep each sorting decision and its four choices together in the viewport. */
body:has(#game:not([hidden])) .site-header{padding-top:12px;padding-bottom:12px}
#game .game-heading{margin:18px 0 14px}
#game .game-title{font-size:clamp(25px,3vw,34px);margin-top:6px}
#game .stats-bar{padding:12px 22px}
#game .stats-bar strong{font-size:25px}
#game .round-progress{margin:12px 0}
.sorting-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:14px 32px;align-items:center}
#game .play-area{display:block;min-height:0}
#game .item-stage{padding:0}
#game .stage-note{margin:6px 0;font-size:9px}
#game .item-orbit{width:180px;height:160px;margin:5px auto}
#game .item-card{width:125px;height:125px}
#game .item-stage h2{font-size:24px;margin:8px 0 4px}
#game .item-hint{margin:5px 0;min-height:18px;font-size:12px}
#game .input-help{margin:7px 0;font-size:11px}
#game .buddy-note{display:none}
#game .bins-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
#game .bin{min-height:125px;padding:12px;border-radius:18px}
#game .bin img{width:48px;height:48px;margin-bottom:5px}
#game .bin-title{font-size:16px}
#game .feedback-panel{grid-column:1/-1;margin:0;padding:14px 18px}
#game .feedback-panel p{margin:4px 0 0;line-height:1.5}
#game .game-bottom{margin:10px 0 16px}
@media(max-width:600px){
 body:has(#game:not([hidden])) .site-header{padding:10px 16px}
 #game .game-heading{margin:12px 0 10px}
 #game .game-title{font-size:25px}
 #game .stats-bar{padding:10px 12px}
 #game .stats-bar strong{font-size:22px}
 #game .round-progress{margin:9px 0}
 .sorting-layout{grid-template-columns:1fr;gap:10px}
 #game .item-stage{display:grid;grid-template-columns:92px minmax(0,1fr);grid-template-rows:auto auto auto;gap:2px 12px;align-items:center;text-align:left}
 #game .stage-note{display:none}
 #game .item-orbit{grid-column:1;grid-row:1/4;width:92px;height:92px;margin:0}
 #game .item-card{width:75px;height:75px}
 #game .item-stage h2{grid-column:2;grid-row:1;font-size:20px;margin:0;align-self:end;min-height:0}
 #game .item-hint{grid-column:2;grid-row:2;font-size:11px;margin:0;min-height:0}
 #game .input-help{grid-column:2;grid-row:3;font-size:10px;margin:0;align-self:start;line-height:1.5}
 #game .bins-grid{gap:9px}
 #game .bin{min-height:106px;padding:9px 7px;border-radius:15px}
 #game .bin img{width:38px;height:38px;margin-bottom:4px}
 #game .bin-title{font-size:14px}
 #game .bin-desc{font-size:10px}
 #game .feedback-panel{padding:12px 14px}
 #game .feedback-panel strong{font-size:15px}
 #game .feedback-panel p{font-size:12px}
 #game .feedback-panel .button{margin-top:9px;min-height:42px;padding:9px 15px}
}
@media(min-width:601px) and (max-height:700px){
 #game .game-heading{margin:10px 0}
 #game .bin{min-height:108px;padding:9px}
 #game .bin img{width:38px;height:38px}
 #game .item-orbit{width:145px;height:130px}
 #game .item-card{width:105px;height:105px}
}
@media(max-width:600px) and (max-height:700px){
 #game .game-heading{margin:8px 0}
 #game .game-title{font-size:22px}
 #game .stats-bar{padding:8px 12px}
 #game .round-progress{margin:7px 0}
 #game .item-orbit{width:75px;height:75px}
 #game .item-card{width:62px;height:62px}
 #game .item-stage{grid-template-columns:75px minmax(0,1fr)}
 #game .item-stage h2{font-size:18px}
 #game .bin{min-height:90px;padding:7px}
 #game .bin img{width:30px;height:30px;margin-bottom:2px}
 .sorting-layout{gap:8px}
}

@font-face{font-family:'Noto Bengali';src:url('/assets/notosansbengali.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Noto Devanagari';src:url('/assets/notosansdevanagari.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--ink:#203A32;--muted:#52645C;--orange:#356650;--cream:#F2EEE3;--line:#DCE4D8;--green:#356650;--blue:#365C80;--red:#9B4D5A;--special-color:#242929;--wet-bg:#E6EEE3;--dry-bg:#E7EFF4;--sanitary-bg:#F3E6E8;--special-bg:#E9ECE9;background:#FAF8F2}
html[lang=bn]{font-family:'Noto Bengali','Nirmala UI',sans-serif}html[lang=hi]{font-family:'Noto Devanagari','Nirmala UI',sans-serif}[lang=bn]:not(html){font-family:'Noto Bengali','Nirmala UI',sans-serif}[lang=hi]:not(html){font-family:'Noto Devanagari','Nirmala UI',sans-serif}
.brand strong,.orange-text{color:#356650}.primary{background:#356650;color:#fff;box-shadow:0 4px 0 #234A39}.primary:active{box-shadow:0 1px 0 #234A39}.hero-art{background:#E9EEDD;border:1px solid #DCE4D8}.art-caption{background:#FAF8F2;color:#356650}.live-dot,.pill-dot{background:#73946B}.hero{padding:40px 0;gap:40px}.hero-description{color:#52645C}.hero-copy h1{letter-spacing:-2px}.level-card{background:#FFFEFA;border-color:#DCE4D8;box-shadow:0 4px 12px #203A3205}.level-card:hover{border-color:#73946B;box-shadow:0 8px 20px #203A320A}.level-play{color:#356650}.level-index{background:#E6EEE3}.level-card:nth-child(3) .level-index{background:#F4EED8}.levels-section{padding-bottom:36px}.intro-strip{background:#E6EEE3;margin-top:34px;margin-bottom:36px}.language-switch{background:#EAEFE5}.language-switch button[aria-pressed=true]{background:#356650}.round-progress span.current{background:#A56B51}.bin:hover,.bin.drop-target{box-shadow:0 5px 12px #203A3210}.item-orbit{background:#ECEEE2}.feedback-panel{background:#E6EEE3}.feedback-panel.incorrect{background:#F6EADF;border-color:#E6C8B3}.score-card{background:#E6EEE3}.champion-box{background:#F2EEE3}.result-stars{background:#F4EED8;color:#766020}.confetti-piece{background:#88A779}#printArea .print-credit{background:#FAF8F2;color:#52645C}
.why-section{padding:12px 0 0}.why-section .section-heading p,.habits-section .section-heading p{max-width:330px;line-height:1.65}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.story-card,.habit-card{background:#FFFEFA;border:1px solid #DCE4D8;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 5px 20px #203A3205}.story-card>img,.habit-card>img{width:100%;height:170px;object-fit:cover}.learning-copy{padding:20px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.learning-copy h3{font-size:21px;line-height:1.35;letter-spacing:-.4px;margin:0 0 10px}.learning-copy p{font-size:14px;line-height:1.8;color:#52645C;margin:0 0 16px}.learning-action{font-size:13px;line-height:1.6;color:#356650;margin-top:auto}.source-link{font-size:11px;color:#52645C;margin-top:12px;display:inline-block;padding:5px 0}.learning-closing{background:#E9EEDD;border-radius:16px;padding:18px 22px;font-size:14px;line-height:1.8;font-weight:650;margin:20px 0 0;border-left:3px solid #88A779}.habits-section{padding:8px 0 36px}.habit-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;touch-action:pan-y}.habit-card{display:grid;grid-template-columns:42% 1fr;align-items:stretch}.habit-card>img{height:100%;min-height:245px;object-fit:contain;background:#E9EEDD}.habit-kind{font-size:10px;letter-spacing:.6px;font-weight:750;color:#6E624F;margin-bottom:10px;text-transform:uppercase}.habit-card .learning-copy h3{font-size:20px}.habit-card .learning-copy p{font-size:13px;line-height:1.75}.carousel-controls{display:flex;gap:18px;align-items:center;justify-content:center;margin-top:20px}.carousel-arrow{border:1px solid #CAD7C7;background:#FFFEFA;border-radius:50%;width:44px;height:44px;font-size:23px;color:#356650}.carousel-arrow:disabled{opacity:.4;cursor:default}.carousel-dots{display:flex;gap:8px}.carousel-dot{width:28px;height:28px;border:0;background:transparent;border-radius:50%;position:relative}.carousel-dot:after{content:'';position:absolute;inset:9px;border-radius:50%;background:#BAC9B5}.carousel-dot[aria-pressed=true]:after{background:#356650;inset:7px}.habit-carousel>p{text-align:center;margin:8px 0}.habit-note{text-align:center;font-size:12px;line-height:1.8;color:#52645C;max-width:640px;margin:14px auto 0}.habit-carousel:focus-visible{border-radius:22px}.pledge-text{background:#E9EEDD;padding:20px 24px;border-radius:18px;font-size:17px;line-height:1.9;border-left:3px solid #88A779}.pledge-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:20px}.pledge-error{font-size:13px;color:#A32A3D;line-height:1.6}.pledge-error:empty{display:none}#pledgeDialog{max-height:90vh;overflow:auto}html:not([lang=en]) h1,html:not([lang=en]) h2,html:not([lang=en]) h3{letter-spacing:0;line-height:1.45}html:not([lang=en]) .game-title{font-size:28px}html:not([lang=en]) .hero-copy h1{font-size:clamp(34px,4.5vw,58px)}
@media(max-width:1000px){.habit-card{display:flex}.habit-card>img{height:170px;min-height:0;object-fit:cover}.story-card>img{height:145px}.learning-copy{padding:17px}.learning-copy h3{font-size:19px}}
@media(max-width:600px){.site-header{padding:12px;gap:7px}.brand{font-size:19px;gap:6px;white-space:nowrap}.brand-icon{width:30px;height:30px}.brand-icon img{width:24px}.header-controls{gap:0}.language-switch button{font-size:12px;padding:6px 7px;min-height:36px}.quiet-button{padding:8px 6px;min-height:38px}.header-controls>.quiet-button{max-width:56px;line-height:1.3}.hero{padding:28px 0;gap:22px}.hero-copy h1{font-size:43px}.hero-art{padding:6px 35px;max-height:260px}.story-grid,.habit-cards{grid-template-columns:1fr}.story-card{display:grid;grid-template-columns:100px minmax(0,1fr)}.story-card>img{height:100%;object-fit:contain;background:#E7EFF4}.story-card:nth-child(2)>img{background:#E6EEE3}.story-card:nth-child(3)>img{background:#F1E8E7}.story-card .learning-copy{padding:16px}.story-card .learning-copy h3{font-size:18px}.story-card .learning-copy p{font-size:12px;line-height:1.8}.learning-action{font-size:12px}.learning-closing{padding:16px 18px;font-size:12px}.habit-card{display:grid;grid-template-columns:105px minmax(0,1fr)}.habit-card>img{height:100%;object-fit:contain}.habit-card .learning-copy h3{font-size:19px}.habit-card .learning-copy p{font-size:12px}.habit-cards{gap:0}.why-section .section-heading,.habits-section .section-heading{gap:8px}.intro-strip{margin-top:25px}.pledge-text{font-size:15px;padding:16px}.pledge-actions{display:grid;grid-template-columns:1fr}.pledge-actions .primary{grid-row:1}.pledge-actions .button{font-size:13px;line-height:1.6}.habit-note{font-size:11px}html:not([lang=en]) .game-title{font-size:22px}html:not([lang=en]) #game .item-stage h2{font-size:18px}html:not([lang=en]) #game .bin-title{font-size:12px}html:not([lang=en]) #game .bin-desc{font-size:9px}html:not([lang=en]) #game .stat-label{font-size:8px;letter-spacing:0}}
@media(max-width:360px){.site-header{flex-wrap:wrap}.header-controls{margin-left:auto}.header-controls>.quiet-button{max-width:none}.hero-copy h1{font-size:38px}#game .stats-bar>div+div{padding-left:7px}}
@media(max-width:600px) and (max-height:700px){html:not([lang=en]) #game .game-title{font-size:19px}html:not([lang=en]) #game .item-stage h2{font-size:16px}#game .bin{min-height:92px}.site-header .header-note{display:none}}

@media print{#printArea .print-credit{top:195.5mm}}

.survey-header-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:9px 13px;background:#E6EEE3;border:1px solid #BCCFB6;border-radius:13px;color:#244B38;font-size:13px;font-weight:750;text-decoration:none;line-height:1.35;transition:background .16s,border-color .16s}.survey-header-link svg{flex-shrink:0}.survey-header-link:hover{background:#D6E4CB;border-color:#88A779}.survey-card{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:32px;padding:32px 38px;margin:0 0 38px;background:#E9EEDD;border:1px solid #CDDCC2;border-radius:26px}.survey-copy{min-width:0}.survey-copy .eyebrow{color:#356650;letter-spacing:1px}.survey-copy h2{font-size:clamp(24px,2.8vw,34px);line-height:1.25;letter-spacing:-.7px;margin:12px 0;max-width:650px}.survey-copy>p{color:#52645C;font-size:15px;line-height:1.7;margin:0 0 18px}.survey-button{background:#356650;color:#fff;text-decoration:none;box-shadow:0 3px 0 #244B38}.survey-button:hover{background:#294F3F}.survey-copy>.survey-language-note{font-size:12px;margin:12px 0 0;color:#52645C}.survey-art{width:260px;height:auto;justify-self:center}
@media(max-width:1100px){.header-note{display:none}.header-controls{gap:8px}}
@media(max-width:760px){.site-header{flex-wrap:wrap}.header-controls{flex:1;justify-content:flex-end;flex-wrap:wrap}.survey-card{grid-template-columns:minmax(0,1fr) 170px;gap:14px;padding:25px}.survey-art{width:170px}}
@media(max-width:600px){.header-controls{flex:0 0 100%;justify-content:flex-end;gap:5px;flex-wrap:nowrap}.survey-header-link{margin-right:auto;max-width:calc(100% - 185px);min-height:40px;padding:7px 9px;font-size:12px;gap:5px}.survey-header-link svg{width:16px;height:18px}.survey-card{grid-template-columns:minmax(0,1fr) 80px;gap:12px;padding:22px 18px;margin-bottom:28px;border-radius:21px}.survey-art{width:100%;align-self:start}.survey-copy h2{font-size:24px;letter-spacing:-.3px}.survey-copy>p{font-size:13px}.survey-button{font-size:13px;padding:12px 16px}.survey-copy>.survey-language-note{font-size:11px}.survey-copy .eyebrow{font-size:10px;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.survey-header-link{transition:none}}

.brand .brand-logo{width:285px;height:95px;object-fit:contain}.site-header{padding-top:8px;padding-bottom:8px}.footer-brand-logo{width:220px;height:auto}@media(max-width:1100px){.brand .brand-logo{width:245px;height:82px}}@media(max-width:760px){.brand .brand-logo{width:230px;height:77px}}@media(max-width:600px){.brand .brand-logo{width:210px;height:70px}.site-header{padding-top:0;padding-bottom:10px;gap:0}}

.carousel-controls{flex-wrap:wrap}.carousel-arrow:disabled{cursor:default;opacity:.3;background:#edf0e9}.privacy-page{max-width:900px;margin:30px auto;padding:24px}.privacy-page h1{font-size:36px}.privacy-page p{line-height:1.75}.privacy-page h2{margin-top:32px}.privacy-page .language-switch{display:inline-flex}.feedback-panel .review-category{margin-top:8px}

/* Certificate actions precede sharing in the DOM and on all screen sizes. */
.result-side{display:flex;flex-direction:column;gap:18px}.result-side>.champion-box{margin-top:0}