@font-face{font-family:Story;src:url('../assets/story-serif.ttf')}*{box-sizing:border-box}body{margin:0;background:#fffdf8;color:#244b60;font-family:system-ui,-apple-system,sans-serif}button,select,a,input{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:15px;min-height:48px;padding:12px 20px;font-weight:650;color:#244b60}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #244b60;outline-offset:4px}a{color:inherit}h1,h2,blockquote{font-family:Story,Georgia,serif;font-weight:400}h1{font-size:clamp(24px,3vw,36px);margin:6px 0}h2{font-size:clamp(25px,3vw,36px);line-height:1.25;margin:8px 0 18px}p{line-height:1.6}.topbar{display:flex;align-items:center;justify-content:space-between;background:#e5f3f7;padding:14px max(22px,calc((100vw - 1180px)/2));gap:12px}.brand{text-decoration:none;font-family:Story,serif;font-size:20px}.brand span{color:#a13b5c}.app{max-width:1180px;margin:auto;padding:26px 26px 0}.heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.8px;margin:0}.pilot-tag{font-size:12px;background:#fff0bd;border:1px solid #ead59b;padding:7px 12px;border-radius:30px;white-space:nowrap}.modes{display:flex;gap:10px;margin:24px 0}.modes button{flex:1;background:#eff0ec;border:2px solid transparent;min-height:56px;font-size:16px}.modes button[aria-pressed=true]{background:#a13b5c;color:white}.modes span{margin-right:5px}.primary{background:#a13b5c;color:#fff}.quiet{background:#eaf0f1}.small{font-size:13px;line-height:1.5;color:#526971}.reader-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d9e3df;border-radius:24px;overflow:hidden;background:white}.story-art{position:relative;background:#e6eee0;align-self:stretch;display:flex;align-items:center}.story-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.page-badge{position:absolute;top:18px;left:18px;border-radius:25px;background:#fffdf8ef;padding:7px 13px;font-size:12px;font-weight:700}.story-copy{padding:30px;display:flex;flex-direction:column;justify-content:center}.story-copy h2{margin-top:13px}.story-text{font-family:Story,Georgia,serif;font-size:clamp(20px,2.1vw,25px);line-height:1.7;margin:0 0 22px}.audio-controls{display:flex;flex-wrap:wrap;gap:8px}.audio-controls button{padding:10px 15px}.check{font-size:13px;display:flex;align-items:center;gap:8px;min-height:44px}.check input{width:20px;height:20px;accent-color:#a13b5c}.page-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid #d9e3df}.page-controls span{font-size:13px}#story-finish{margin-top:16px}#story-finish p{font-size:14px}.reader-bottom{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0;font-size:13px}select{border:1px solid #aabcc2;background:white;color:#244b60;border-radius:10px;padding:12px;max-width:100%;min-height:48px}.reader-bottom .small{margin-left:auto}.activity-heading{text-align:center;margin:26px auto}.activity-heading h2{margin:12px 0}.activity-heading p:last-child{margin:0}.sequence-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px auto;max-width:760px}.slot{height:130px;border:2px dashed #b3c5c9;border-radius:18px;background:#f0f6f2;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:27px;position:relative}.slot img{width:100%;height:100%;object-fit:cover}.slot.filled{border:2px solid #4d7b69}.slot.filled span{position:absolute;bottom:5px;right:7px;background:white;border-radius:50%;width:28px;height:28px;font-size:18px;text-align:center}.game-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.game-card{padding:0;background:white;border:2px solid #d9e3df;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;position:relative}.game-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.game-card .caption{padding:12px;font-size:15px;min-height:70px;display:grid;place-items:center}.game-card:disabled{opacity:.55}.game-card .picked{position:absolute;top:10px;right:10px;background:#fff;padding:4px 10px;border-radius:15px}.feedback{text-align:center;min-height:30px;color:#634256;font-weight:650}.center-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px 0}.paint-layout{display:grid;grid-template-columns:210px minmax(0,680px);gap:25px;justify-content:center;align-items:start}.paint-tools{display:flex;flex-direction:column;gap:10px;padding:18px;background:#f1ecf7;border-radius:20px}.palette{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}.swatch{padding:0;border:3px solid white;box-shadow:0 0 0 1px #c6bcca;min-height:44px;position:relative}.swatch[aria-pressed=true]{outline:3px solid #244b60;outline-offset:1px}.swatch[aria-pressed=true]:after{content:'✓';color:#fff;text-shadow:0 1px 3px #000;font-size:23px}.paint-tools label{font-size:13px;font-weight:650}.paint-tools button[aria-pressed=true]:not(.swatch){outline:3px solid #244b60}.paint-paper{position:relative;background:#fff;aspect-ratio:1;border:1px solid #d3dce0;border-radius:12px;overflow:hidden}#paint-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}#line-art{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:multiply;pointer-events:none;user-select:none}.prayer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.verse-card,.prayer-card{padding:38px;border-radius:22px}.verse-card{background:#e8f1e5}.prayer-card{background:#f9e9e9}.prayer-grid h2{margin-top:18px}blockquote{font-size:30px;line-height:1.5;margin:28px 0}.prayer-text{font-family:Story,serif;font-size:23px;line-height:1.8}.card-link{display:block;margin-top:26px;line-height:1.6}.app-footer{display:flex;justify-content:space-between;gap:15px;padding:28px 0;font-size:12px;margin-top:20px}.app-footer span{font-family:Story,serif;font-size:16px}dialog{border:0;border-radius:24px;max-width:560px;width:calc(100% - 32px);padding:30px;color:#244b60;max-height:90dvh;overflow:auto}dialog::backdrop{background:#20384099}dialog h2{clear:both;padding-top:15px}dialog label{display:block;font-weight:600;font-size:14px;margin:14px 0 5px}dialog select{width:100%}.dialog-close{float:right}.noscript{padding:25px;background:#fff0bd}[hidden]{display:none!important}
@media(max-width:900px){.app{padding:20px 18px 0}.story-copy{padding:23px}.story-text{font-size:21px}.audio-controls button{padding:10px 12px}.paint-layout{grid-template-columns:180px minmax(0,1fr);gap:14px}.paint-tools{padding:14px}.game-card .caption{font-size:13px}.prayer-grid{gap:16px}.verse-card,.prayer-card{padding:25px}}
@media(max-width:650px){.topbar{padding:12px 16px}.brand{font-size:16px}.topbar button{font-size:12px;padding:8px 12px}.heading{align-items:flex-start}.pilot-tag{font-size:10px;padding:5px 8px}.eyebrow{font-size:9px;letter-spacing:1.3px}.modes{gap:6px;margin:20px 0}.modes button{padding:10px 5px;font-size:12px;min-height:52px}.modes span{display:block;margin:0 0 3px}.reader-card{grid-template-columns:1fr}.story-art img{max-height:440px;object-fit:contain}.story-copy{padding:23px}.story-text{font-size:22px}.reader-bottom{gap:8px}.reader-bottom select{width:100%}.reader-bottom .small{margin:4px 0}.game-cards{grid-template-columns:repeat(2,1fr);gap:12px}.sequence-slots{gap:7px}.slot{height:82px;border-radius:12px}.game-card .caption{min-height:55px}.paint-layout{display:flex;flex-direction:column-reverse;gap:16px}.paint-paper{width:100%}.paint-tools{width:100%;display:grid;grid-template-columns:repeat(2,1fr);align-items:center}.palette{grid-column:1/-1;grid-template-columns:repeat(6,1fr)}.paint-tools .small{grid-column:1/-1}.paint-tools label{margin:0}.prayer-grid{grid-template-columns:1fr}.app-footer{align-items:center}.app-footer span{font-size:13px}dialog{padding:22px}}
/* Each tablet page follows the corresponding printed interior page. */
.book-location{display:flex;justify-content:space-between;align-items:center;margin:14px 0;font-size:12px;color:#526971;gap:10px}.book-location .page-badge{position:static;background:#f6e4ed;color:#87324e}.text-page{display:block;max-width:850px;margin:auto}.text-page .story-copy{padding:32px 45px}.story-text{white-space:pre-line}.text-page .story-text{font-size:23px;line-height:1.65}.story-copy h2{scroll-margin-top:16px}.illustration-page .story-copy{padding:30px}.illustration-page .story-art img{object-fit:contain}.book-activity{}.activity-title{font-family:Story,Georgia,serif;font-weight:400;font-size:27px;margin:10px 0}.activity-instruction{font-size:16px;margin:0 0 20px}#book-activity{margin-top:22px;padding:24px;background:#fff9ed;border:1px solid #efe0c3;border-radius:20px}.book-feedback{min-height:24px;font-size:15px;color:#714459;margin:18px 0 0;line-height:1.6}.book-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.book-choice{padding:12px;display:flex;flex-direction:column;align-items:center;gap:10px;border:2px solid #e0e6de;background:white;position:relative;border-radius:18px;overflow:hidden}.book-choice[aria-pressed=true],.action-step[aria-pressed=true]{border-color:#a13b5c;background:#fcecf2}.book-choice[data-correct=true]:after,.action-step[aria-pressed=true]:after{content:'✓';color:#a13b5c;font-weight:800}.choice-label{font-size:16px}.choice-symbol{font-size:55px;font-family:system-ui,sans-serif;line-height:1.4;color:#477a87}.choice-picture{display:block;position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:12px}.choice-picture img{width:100%;height:100%;object-fit:cover}.choice-picture.girl,.choice-picture.naaman,.choice-picture.wife{border-radius:50%}.choice-picture.girl img{width:256%;height:256%;max-width:none;position:absolute;left:-26%;top:-59%}.choice-picture.naaman img{width:238%;height:238%;max-width:none;position:absolute;left:-52%;top:-33%}.choice-picture.wife img{width:233%;height:233%;max-width:none;position:absolute;left:-116%;top:-21%}.trace-road{display:block;width:100%;background:#fffef9;border:1px solid #dfd4bb;border-radius:18px;touch-action:none;user-select:none;cursor:crosshair;min-height:160px}.trace-road:focus-visible{outline:3px solid #244b60;outline-offset:4px}.book-drops{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:25px 0}.count-ripple,.count-drop{width:64px;height:64px;padding:0;border:2px solid #77aab3;font-size:25px;background:white}.count-ripple{border-radius:50%}.count-drop{border-radius:55% 55% 55% 15%;transform:rotate(-6deg)}.count-ripple[aria-pressed=true],.count-drop[aria-pressed=true]{background:#b7e0ec;border-color:#367481;box-shadow:inset 0 0 0 5px #e5f5fa}.book-sequence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.book-sequence .choice-picture{aspect-ratio:1.3}.order-number{background:#fff0bd;border-radius:20px;padding:5px 12px}.action-steps{display:grid;gap:12px}.action-step{background:white;text-align:left;padding:18px;border:2px solid #e0e6de;display:flex;flex-direction:column;gap:8px}.action-step small{font-weight:400;line-height:1.6;font-size:14px}.lesson-picture{display:block;width:190px;max-width:100%;border-radius:18px;margin:0 auto 20px}.book-draw-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.book-draw-tools button:not(.swatch){padding:10px 14px;font-size:14px}.book-palette{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;width:100%;margin:6px 0 12px}.book-palette .swatch{min-height:44px}.book-paper{position:relative;width:100%;aspect-ratio:1;background:white;border:1px solid #cfdbd7;border-radius:12px;overflow:hidden}.book-paper canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.book-outline{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:multiply;pointer-events:none;user-select:none}.portrait-guide{position:absolute;inset:11.25%;border:2px dashed #bbcacb;border-radius:50%;pointer-events:none}.book-note{display:block;font-size:16px;font-weight:600;margin-top:18px}.book-note textarea{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid #bdc9c8;border-radius:12px;font:400 16px/1.5 system-ui;resize:vertical;color:#244b60}.book-note textarea:focus-visible{outline:3px solid #244b60;outline-offset:2px}.clear-book-drawing{padding:14px;border:1px solid #b68290;border-radius:12px;margin:10px 0}.clear-book-drawing button{margin:8px}.book-draw-tools button[aria-pressed=true]:not(.swatch){outline:3px solid #244b60}
@media(max-width:650px){.text-page .story-copy{padding:22px 18px}.text-page .story-text{font-size:21px}#book-activity{padding:18px 12px;margin-top:18px}.activity-title{font-size:24px}.activity-instruction{font-size:15px}.book-choices{gap:7px}.book-choice{padding:7px;gap:6px;border-radius:12px}.choice-label{font-size:13px}.choice-symbol{font-size:40px}.book-location{font-size:10px}.book-location .page-badge{font-size:11px}.book-palette{grid-template-columns:repeat(4,minmax(0,1fr))}.book-draw-tools{gap:7px}.book-draw-tools select{width:100%}.book-drops{gap:10px}.count-ripple,.count-drop{width:55px;height:55px}.page-controls{gap:8px}.page-controls button{padding:12px 16px}}
.two-friends{grid-template-columns:repeat(2,minmax(0,1fr));max-width:480px;margin:auto}.choice-picture.david,.choice-picture.jonathan{border-radius:50%}.choice-picture.david img{position:absolute;max-width:none;width:217%;height:213%;left:-6.5%;top:-27.7%}.choice-picture.jonathan img{position:absolute;max-width:none;width:204%;height:204%;left:-102%;top:-4%}.count-heart{position:relative;background:transparent;width:90px;height:90px;padding:0;border:0;color:#6b3a50}.heart-shape{display:block;font:90px/1 Georgia,serif;color:#fff;filter:drop-shadow(0 0 1px #a13b5c)}.heart-number{position:absolute;left:0;right:0;top:28px;text-align:center;font-size:23px}.count-heart[aria-pressed=true] .heart-shape{color:#efb5ca}.count-heart[aria-pressed=true]{color:#6a2442}

.book-intro{padding:18px 22px;background:#e8f4f4;border-radius:18px;line-height:1.7;margin:12px 0 24px}.book-intro strong{color:#244b60}.activity-directions{margin:0 0 20px;font-size:15px}#to-activity{margin-top:12px}.book-verse{margin:24px 0;padding:22px;background:#edf6f4;border:1px solid #cfdfdb;border-radius:18px}.book-verse blockquote{font:26px/1.5 Story,Georgia,serif;margin:12px 0}.book-verse p:last-child{font-size:16px;line-height:1.6}#book-activity{scroll-margin-top:16px}