/* Matches Noah's September 28 weekly page. Shell; play controls; reading;
   number games; stories; faith/planner; responsive and motion rules. */
:root{--o:#e8823a;--g:#4fa83d;--y:#f4c430;--p:#6a3f9a;--ink:#2b2140;--muted:#5e5370;--bg:#fff7e8;--r:22px;font-family:ui-rounded,"Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{margin:0;min-height:100vh;background-image:radial-gradient(circle at 8% 18%,#ffe7bf 0 70px,transparent 71px),radial-gradient(circle at 92% 62%,#dff1d3 0 90px,transparent 91px),radial-gradient(circle at 60% 96%,#ece0f7 0 80px,transparent 81px);background-attachment:fixed}
button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;min-height:48px}a{color:inherit}button:disabled{cursor:default}button:active:not(:disabled){transform:translateY(3px)}[hidden]{display:none!important}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:4px solid var(--p);outline-offset:5px}.page{max-width:980px;margin:auto;padding:12px 14px 40px}
.week-header{text-align:center;padding:6px 0 2px}.week-title{display:flex;justify-content:center;gap:2px;font-size:clamp(46px,12vw,92px);font-weight:900;line-height:1;letter-spacing:-2px;margin:0 0 12px;min-height:clamp(46px,12vw,92px)}
.floating-letter{display:inline-block;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 #0002;color:var(--o)}.floating-letter:nth-child(2),.floating-letter:nth-child(6){color:var(--g)}.floating-letter:nth-child(3),.floating-letter:nth-child(7){color:var(--y)}.floating-letter:nth-child(4){color:var(--p)}
.week-subtitle{margin:4px 0 12px;font-size:clamp(14px,3.6vw,20px);font-weight:800}.starbar{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;background:#fff;border:3px solid var(--ink);border-radius:999px;padding:6px 14px;font-weight:800;box-shadow:0 3px 0 var(--ink);text-decoration:none;font-size:15px}.collection-pill img{object-fit:contain}.collection-pill{font-size:14px}
.today{margin:18px 0 16px;width:100%;background:var(--y);border:3px solid var(--ink);border-radius:var(--r);padding:12px 16px;text-align:left;font-weight:800;display:flex;gap:12px;align-items:center;box-shadow:0 5px 0 var(--ink)}.today img{object-fit:contain;flex:none}.today span{font-size:18px}.today small{display:block;font-size:13px;margin-top:4px}.today b{margin-left:auto;font-size:27px}
.activity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.adventure{position:relative;background:#fff1e2;border:3px solid var(--ink);border-radius:var(--r);padding:14px;text-align:left;box-shadow:0 6px 0 var(--ink);transition:transform .12s,box-shadow .12s;display:flex;flex-direction:column;gap:5px;min-height:174px}.adventure:nth-child(4n+2){background:#eaf6e3}.adventure:nth-child(4n+3){background:#fff8d6}.adventure:nth-child(4n){background:#f0e8fa}.adventure:hover{transform:translateY(-2px)}.adventure:active{transform:translateY(4px);box-shadow:0 2px 0 var(--ink)}
.adventure>.card-picture{display:block;width:75px;height:63px;object-fit:cover;border-radius:12px;margin-bottom:5px}.card-copy{display:flex;flex-direction:column;gap:4px}.card-copy strong{font-size:23px;line-height:1.15;font-weight:900}.card-copy small{font-size:14px;line-height:1.4;font-weight:700;color:var(--muted)}.card-star{position:absolute;top:13px;right:14px;width:30px;height:30px;object-fit:contain;filter:grayscale(1);opacity:.28}.done .card-star{filter:none;opacity:1}
.card-art{display:flex;width:80px;height:64px;align-items:center;justify-content:center;position:relative;margin-bottom:5px;overflow:hidden}.pond-art>img{width:66px;height:64px;object-fit:contain}.little-pad{display:none}.double-art{width:116px;gap:8px}.flower-trio{display:flex;align-items:center;width:54px;gap:0}.flower-trio img{width:18px;height:42px;object-fit:contain}.prayer-kid{display:block;background:url('images/story-sprites/scenes-atlas.png') 75% 0 / 500% 500%;width:70px;height:70px}
.plan-icon{width:62px;height:64px;border:3px solid var(--ink);border-radius:10px;background:#fff;overflow:hidden;display:grid;place-items:center;font-size:32px;font-weight:900;margin-bottom:5px;position:relative;padding-top:14px}.plan-icon:before{content:'OCT';position:absolute;top:0;left:0;right:0;background:var(--o);font-size:11px;padding:2px;text-align:center;border-bottom:2px solid var(--ink)}
.movie-section{margin-top:30px}.movie-section h2{font-size:30px;margin:0 4px 14px}.movie-link{display:flex;align-items:center;gap:24px;border:3px solid var(--ink);background:#fff4d6;border-radius:var(--r);padding:20px;text-decoration:none;box-shadow:0 6px 0 var(--ink)}.movie-link>img{width:42%;max-width:336px;height:auto;border:3px solid var(--ink);border-radius:16px}.movie-link>span{display:flex;flex-direction:column;gap:10px}.movie-link small{font-size:13px;font-weight:800;color:var(--muted)}.movie-link strong{font-size:27px}.movie-link span span{font-size:17px;line-height:1.5}.movie-link b{font-size:16px}
.grownup{font-size:15px;line-height:1.65;margin-top:28px}.grownup summary{cursor:pointer;min-height:48px;padding:10px 4px;font-weight:800}.grownup a{display:inline-block;min-height:44px;padding:7px 0}footer{display:flex;justify-content:space-between;gap:20px;font-size:13px;font-weight:700;padding:25px 4px 0}footer a{min-height:44px}.skip{position:fixed;top:8px;left:10px;background:white;padding:15px;z-index:30}.skip:not(:focus){visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* Small stars are UI shapes, with no bitmap background around them. */
.card-star{background:var(--y);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%)}
.collection-pill img{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%)}
.double-art{width:88px;gap:4px}.flower-trio{width:42px}.flower-trio img{width:42px;height:58px}
/* Play controls */
.activity-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:5px 0 10px}.activity-bar p{margin:0}.eyebrow{font-size:14px;font-weight:800;color:var(--muted)}#activity>h1{font-size:clamp(25px,5vw,34px);line-height:1.15;margin:12px 0 18px;font-weight:900}#play{background:#fffdf5;border:3px solid var(--ink);border-radius:var(--r);padding:24px;min-height:430px;box-shadow:0 6px 0 var(--ink)}h2,h3,p{margin-top:0}.instructions{font-size:21px;line-height:1.5;max-width:750px;margin:0 auto 20px;text-align:center;font-weight:700}
.primary,.secondary,.text-button{border:3px solid var(--ink);border-radius:16px;padding:10px 18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-size:18px;box-shadow:0 4px 0 var(--ink);background:#fff}.primary{background:var(--y)}.primary:disabled{background:#e5efda;color:#48613b;box-shadow:0 2px 0 var(--ink)}.row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:13px}
.tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:22px}.tabs button{border:3px solid var(--ink);background:#fff;border-radius:13px;padding:9px 17px;font-size:20px;font-weight:900;box-shadow:0 3px 0 var(--ink)}.tabs button[aria-pressed=true]{background:var(--y)}.feedback{text-align:center;font-size:20px;font-weight:800;min-height:32px;margin:22px 0 16px;line-height:1.5;color:#345d30}.small-note{text-align:center;color:var(--muted);font-size:14px;line-height:1.6;margin:18px 0 0}.round-counter{text-align:center;font-size:15px;font-weight:700;color:var(--muted);margin:18px 0 0}

/* Reading */
.workbench{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:25px;background:#fff0d2;border:3px solid var(--ink);border-radius:var(--r);padding:22px;margin-bottom:22px}.word-picture{width:100%;height:210px;object-fit:contain;mix-blend-mode:multiply;border-radius:18px}.word-target{text-align:center;font-size:48px;letter-spacing:5px;margin:0 0 14px;font-weight:900}.word-target mark{background:var(--y);border-radius:8px;color:inherit}.slots{min-height:84px;display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:20px 0}.slot,.tile{height:68px;min-width:62px;padding:4px 13px;font-size:36px;border-radius:14px;display:grid;place-items:center;font-weight:900}.slot{border:3px dashed #a29983;color:#8b8273;background:#ffffff90}.slot.filled{background:#fff;border:3px solid var(--ink);color:var(--ink)}.tile{background:#fff;border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink)}.tile:disabled{opacity:.3;box-shadow:none}.heart-display{text-align:center;background:#ffeadf;border:3px solid var(--ink);padding:25px;border-radius:var(--r)}.heart-display .word-target{font-size:64px;letter-spacing:4px}.heart-display p{font-size:25px;line-height:1.5}.heart-display .small-note{font-size:17px}.sentence-word{color:#a73536;text-decoration:underline;text-decoration-color:#e18a78;text-underline-offset:6px}

/* Math */
.pond{height:235px;background:linear-gradient(#dbefdf 0 43%,#a6dacf 43% 92%,#79ae79 92%);border:3px solid var(--ink);border-radius:var(--r);position:relative;overflow:hidden;margin:20px 0}.number-line{position:absolute;display:flex;align-items:end;justify-content:space-between;left:3%;right:3%;bottom:28px;gap:3px}.pad{display:grid;place-items:center;width:7%;height:45px;max-width:59px;border:2px solid #315d32;border-radius:50%;background:#eaf3b8;color:var(--ink);font-size:21px;font-weight:900;box-shadow:0 5px 0 #548e74}.pad.active{background:var(--y);box-shadow:0 5px 0 #b49242}.frog{position:absolute;bottom:86px;width:84px;height:84px;left:3%;transform:translateX(-21px);background-image:url('images/story-sprites/animals-atlas.png');background-size:500% 500%;background-position:50% 50%;pointer-events:none}.equation{font-size:42px;letter-spacing:2px;text-align:center;font-weight:900;margin:10px 0}.control-label{display:grid;gap:7px;text-align:center;font-size:17px;font-weight:800}.control-label input{width:150px;accent-color:var(--p);min-height:44px}.garden{background:#e5f2d8;border:3px solid var(--ink);border-radius:var(--r);padding:25px;min-height:210px;display:flex;gap:15px;align-items:center;justify-content:center}.garden-half{display:grid;grid-template-columns:repeat(5,minmax(24px,58px));justify-content:center;gap:6px;flex:1;align-items:center;min-height:150px}.garden-half img{width:100%}.garden-plus{font-size:40px}

/* Stories: hen gutter excludes stray pixels from the atlas cell above it. */
.story-choice{display:grid;grid-template-columns:1fr 1fr;gap:20px}.story-choice button{border:3px solid var(--ink);background:#fff0d6;border-radius:var(--r);padding:22px;text-align:left;box-shadow:0 5px 0 var(--ink)}.story-choice button:nth-child(2){background:#eaf6e3}.story-choice img{width:100%;height:165px;object-fit:contain;border-radius:15px}.story-choice h2{font-size:26px;margin:18px 0 12px}.story-choice p{line-height:1.5;font-size:18px}.story-stage{position:relative;border:3px solid var(--ink);border-radius:var(--r);background:linear-gradient(#dcead6 0 68%,#bbcc93 68%);height:270px;overflow:hidden;display:flex;align-items:end;justify-content:center;padding:25px}.story-stage .rabbit{position:absolute;width:135px;height:145px;object-fit:contain;left:12%;bottom:30px;mix-blend-mode:multiply}.garden-gate{position:absolute;right:9%;bottom:25px;border:8px solid #b88852;border-bottom:0;width:90px;height:140px;border-radius:50% 50% 0 0}.garden-gate:after{content:'HOME';position:absolute;top:30px;left:8px;background:#fff6dc;border-radius:8px;padding:10px;font-weight:900;font-size:14px}.house{position:absolute;left:18%;width:64%;height:195px;bottom:20px;background:#ffeac4;border:6px solid #c99767;border-radius:60px 60px 8px 8px}.house-roof{position:absolute;top:-5px;left:12%;width:76%;height:38px;background:#bb674b;border-radius:50% 50% 0 0}.animal{position:absolute;width:100px;height:100px;background-image:url('images/story-sprites/animals-atlas.png');background-size:500% 500%;z-index:2;bottom:30px;transition:left .5s}.animal.hen{background-position:75% 25%;left:22%;clip-path:inset(12% 0 0)}.animal.pig{background-position:0 0;left:43%}.animal.dog{background-position:50% 0;left:64%}.story-text{font-size:26px;font-weight:700;line-height:1.5;max-width:810px;margin:22px auto;text-align:center}.story-progress{text-align:center;color:var(--muted);font-size:14px;font-weight:800}.noise-meter{height:18px;background:#fff;border:3px solid var(--ink);border-radius:12px;max-width:320px;margin:18px auto;overflow:hidden}.noise-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--g),var(--y),var(--o));transition:width .5s}

/* The seed/flower cells have neighboring artwork along their bottom edge. */
.faith-garden .bloom{clip-path:inset(0 0 12% 0)}
/* Faith and homework */
.faith-garden{background:linear-gradient(#e2f0dd,#fff3cc);border:3px solid var(--ink);border-radius:var(--r);padding:30px;text-align:center;min-height:265px}.faith-garden .bloom{display:inline-block;width:100px;height:100px;background-image:url('images/story-sprites/scenes-atlas.png');background-size:500% 500%;background-position:0 75%;margin:15px}.faith-garden blockquote{font-size:25px;font-weight:700;line-height:1.5;margin:10px}.planner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px}.planner-day{background:#fff7d5;border:3px solid var(--ink);border-radius:var(--r);padding:16px 12px;box-shadow:0 4px 0 var(--ink)}.planner-day:nth-child(2n){background:#eaf6e3}.planner-day h2{font-size:21px}.planner-day label{display:flex;gap:9px;align-items:start;font-size:15px;line-height:1.5;min-height:52px;cursor:pointer;padding:8px 0;font-weight:700}.planner-day input{width:25px;height:25px;accent-color:var(--g);flex:none}.planner-day small{display:block;min-height:42px;color:#8c3921;line-height:1.5;font-weight:700}.timer{background:#eee6fa;border:3px solid var(--ink);border-radius:var(--r);margin:25px auto 0;padding:23px;text-align:center;max-width:480px;box-shadow:0 5px 0 var(--ink)}.timer h2{font-size:24px}.timer output{display:block;font-size:48px;font-weight:900;margin:12px}.timer p{font-size:15px;line-height:1.5}#celebration{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:10}.confetti{position:absolute;width:12px;height:17px;border-radius:7px 0;background:var(--o);left:50%;top:45%}

@media(max-width:700px){
.pill{font-size:13px;padding:6px 10px}.starbar{gap:8px}.collection-pill{font-size:12px}.collection-pill img{width:23px;height:23px}.today{padding:12px}.today span{font-size:17px}.today small{font-size:12px}.today img{width:40px;height:40px}.adventure{min-height:158px}.card-copy strong{font-size:23px}.adventure>.card-picture{height:55px;width:66px}.card-art{height:55px}.prayer-kid{width:60px;height:60px}.plan-icon{height:56px;width:57px;font-size:29px}
.movie-link{flex-direction:column;align-items:stretch;padding:17px;gap:16px}.movie-link>img{width:100%;max-width:none}.movie-link strong{font-size:25px}.movie-link span span{font-size:17px}#play{padding:17px}.instructions{font-size:19px}.activity-bar p{font-size:12px}.activity-bar button{font-size:16px;padding:10px 13px}.workbench{grid-template-columns:1fr;padding:17px;gap:5px}.word-picture{height:135px}.word-target{font-size:39px}.slots{margin:12px 0;gap:6px;min-height:65px}.slot,.tile{min-width:46px;height:58px;font-size:28px;padding:4px 10px}.tabs{gap:7px}.tabs button{padding:9px 14px;font-size:18px}.feedback{font-size:18px}.heart-display{padding:22px 12px}.heart-display .word-target{font-size:52px}.heart-display p{font-size:23px}.heart-display .small-note{font-size:16px}
.pond{height:210px}.pad{font-size:16px;height:39px;width:8.5%;border-radius:13px}.number-line{left:2%;right:2%;gap:1px}.frog{width:67px;height:67px;bottom:84px}.equation{font-size:34px}.control-label{font-size:15px}.control-label input{width:128px}.garden{gap:8px;padding:14px}.garden-half{grid-template-columns:repeat(2,minmax(25px,46px));gap:4px;min-height:165px}.garden-plus{font-size:30px}.story-choice{grid-template-columns:1fr}.story-choice img{height:140px}.story-stage{height:225px;padding:12px}.story-text{font-size:22px;line-height:1.5}.animal{width:80px;height:80px}.animal.hen{left:12%}.animal.pig{left:39%}.animal.dog{left:66%}.house{left:7%;width:86%;height:160px}.story-stage .rabbit{width:110px;height:120px}.faith-garden{padding:15px}.faith-garden .bloom{width:70px;height:70px;margin:5px}.faith-garden blockquote{font-size:22px}.planner-grid{grid-template-columns:1fr 1fr;gap:12px}.planner-day:last-child{grid-column:span 2}.planner-day label{font-size:14px}.planner-day h2{font-size:19px}.planner-day input{width:22px;height:22px}.primary,.secondary{font-size:17px;padding:10px 14px}.small-note{font-size:13px}.round-counter{font-size:14px}
}
@media(max-width:360px){.planner-grid{grid-template-columns:1fr}.planner-day:last-child{grid-column:auto}.slot,.tile{min-width:42px;padding:4px 8px}.control-label input{width:112px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}body.quiet *,body.quiet *::before,body.quiet *::after{transition:none!important;animation:none!important}

/* Round 1 builder A: pictures first, warm-up, see-you-tomorrow, growth chart, double-l font. */
.week-title{font-size:clamp(34px,8vw,64px);margin:0 0 6px;min-height:clamp(34px,8vw,64px)}.week-header{padding:2px 0 0}.week-subtitle{margin:0 0 8px;font-size:clamp(12px,3.2vw,16px)}
.today{margin:16px 0 8px}
.activity-grid{margin-top:12px}
/* Letters that must read as two lowercase l's: serif-slab face with tailed l, only for word displays. */
body .word-target,body .slot,body .tile,body .twins,body .fuse,body .rule-chip b,body .word-font,body .warm-sum{font-family:Georgia,"Iowan Old Style","Palatino Linotype","Times New Roman",serif;letter-spacing:.06em}
body .word-target{letter-spacing:.08em}
.warmup,.tomorrow{background:#e9f4ff;border:3px solid var(--ink);border-radius:var(--r);padding:12px 14px;margin:12px 0 4px;box-shadow:0 5px 0 var(--ink)}
.warm-head{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}.warm-head strong{font-size:22px}.warm-head small{font-size:14px;font-weight:800;color:var(--muted)}
.warm-q{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0;font-weight:800;font-size:18px}.warm-q img{width:64px;height:64px;object-fit:contain;mix-blend-mode:multiply}.warm-sum{font-size:38px;font-weight:900}
.warm-hear{min-height:48px;padding:6px 16px;font-size:17px}
.warm-opts{display:flex;gap:10px;flex-wrap:wrap}.warm-opt{min-width:84px;min-height:56px;font-size:28px;font-weight:900;background:#fff;border:3px solid var(--ink);border-radius:16px;box-shadow:0 4px 0 var(--ink);padding:6px 16px}.warm-opt:disabled{background:#e5efda}
.warm-msg{margin:8px 0 0;min-height:26px;font-weight:800;font-size:18px;color:#345d30}
.tomorrow{background:#fff8d6;text-align:center}.tomorrow h2{margin:0 0 6px;font-size:26px}.tomorrow-plants{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.tomorrow-plants .tp{display:flex;flex-direction:column;align-items:center}.tomorrow-plants .plant{width:48px;height:52px}.tomorrow-plants small{font-size:11px;font-weight:800;line-height:1.1}.tomorrow .teaser{font-weight:800;background:#fff;border:3px solid var(--ink);border-radius:14px;padding:8px 10px}
.tomorrow-plants .plant{transform-origin:50% 100%;animation:sway 3.2s ease-in-out infinite}@keyframes sway{50%{transform:rotate(3deg)}}
.growth-report{margin:8px 0 14px}.growth-report h3{margin:0 0 8px;font-size:18px}.gr-row{display:grid;grid-template-columns:1fr;gap:3px;padding:10px 0;border-top:2px solid #0002}.gr-row strong{font-size:15px}.gr-bar{width:100%;max-width:300px;height:22px}.gr-row small{font-size:14px;line-height:1.4}.gr-meter{height:8px;max-width:300px;border:2px solid var(--ink);border-radius:8px;background:#fff;overflow:hidden}.gr-meter i{display:block;height:100%;background:#4fa83d}.gr-row em{font-size:14px;font-style:normal;font-weight:800;color:#345d30}.gr-note{display:block;color:var(--muted)}
@media(max-width:700px){
.week-title{gap:0;margin-bottom:2px}.floating-letter{-webkit-text-stroke:2px var(--ink)}.week-subtitle{display:none}
.starbar{flex-wrap:nowrap;overflow-x:auto;gap:6px;justify-content:flex-start;padding:2px 2px 6px;scrollbar-width:none}.starbar::-webkit-scrollbar{display:none}.pill{flex:none;font-size:12px;padding:4px 10px;box-shadow:0 2px 0 var(--ink)}
.activity-grid{grid-template-columns:1fr 1fr;gap:12px}
.adventure{min-height:150px;padding:10px 8px 12px;align-items:center;text-align:center;gap:4px;justify-content:flex-start}
.adventure>.card-picture{width:100%;height:84px;object-fit:contain;margin:2px 0 0}.card-art{width:100%;height:84px}.pond-art>img{width:84px;height:80px}.double-art{width:100%}.flower-trio img{height:76px}.prayer-kid{width:80px;height:80px}.plan-icon{width:70px;height:72px}
.card-copy{align-items:center}.card-copy strong{font-size:19px}.card-copy small{display:none}.card-star{top:8px;right:8px;width:24px;height:24px}
#growing{padding:8px 8px 10px;margin-bottom:12px}#growing h2{font-size:18px}#growing .grow-help{display:none}#growing .grow-row{gap:5px}#growing .grow-plant{min-height:92px;padding:4px 2px;border-width:2px}#growing .grow-plant strong,#growing .grow-plant small{display:none}#growing .plant{width:46px;height:50px}#growing .grow-meter{margin:8px 0 2px;height:12px}
.today{margin:4px 0 12px}.warm-opt{font-size:24px;min-width:76px}
}