@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#f5f1e8;--ink:#213433;--gold:#b58b46;--muted:#6d7770}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px 'DM Sans',sans-serif}aside{width:242px;position:fixed;inset:0 auto 0 0;background:#142526;color:#e9e0cf;padding:35px 25px;display:flex;flex-direction:column;z-index:5}.brand{color:inherit;text-decoration:none;letter-spacing:2px;font-size:15px;line-height:1.8}.brand>span{display:block;color:#d5ad6d;font-size:42px}.brand small{display:block;font-size:9px;letter-spacing:3px;color:#b6b9aa}.brand i{color:#d5ad6d}nav{margin-top:53px;display:grid;gap:8px}nav a{padding:13px 10px;color:#bfc9bf;text-decoration:none;font-size:13px;border-radius:7px}nav a:hover,nav a.active{background:#2a3b38;color:#f1c783}.aside-foot{margin-top:auto;color:#aab7ac;font-size:10px;letter-spacing:2px}.aside-foot strong{display:block;color:#eee4ce;font:30px 'Cormorant Garamond',Georgia;margin-top:8px}.aside-foot p{letter-spacing:0;font-size:12px}.aside-foot small{letter-spacing:0}main{margin-left:242px;padding:30px 48px 60px;max-width:1700px}.topline{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:2px;color:var(--muted);margin-bottom:30px}.pill{border:1px solid #d9cfb9;border-radius:30px;padding:9px 14px;font-size:10px;letter-spacing:1px}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500}h1{font-size:clamp(40px,4.6vw,67px);line-height:1.05;margin:12px 0 20px}h2{font-size:32px;margin:12px 0}h3{font-size:25px;margin:8px 0}p{line-height:1.8}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;color:var(--gold)}.hero{position:relative;overflow:hidden;background:#203c3b;border-radius:15px;min-height:420px;color:#f6eedf;display:grid;grid-template-columns:1fr 1.1fr}.hero-copy{padding:48px 0 45px 38px;z-index:1}.hero p{max-width:340px;color:#c9d5cb;font-size:14px}.hero-art{align-self:stretch;display:flex;align-items:center;position:relative}.hero-art svg{width:100%;height:100%;min-height:360px}.btn,button{font:inherit;cursor:pointer;border:0;border-radius:6px;padding:13px 20px;background:var(--ink);color:white;text-decoration:none;display:inline-block;font-size:12px;font-weight:600}.btn.gold,button.gold{background:#d9b77b;color:#22342f}.btn.light,button.light{background:#e9e4d8;color:var(--ink)}.btn.outline{border:1px solid #8a9b87;background:transparent;color:#e2e9dd}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.section-title{display:flex;justify-content:space-between;align-items:end;margin:32px 0 17px}.section-title a{font-size:12px;color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fffcf5;border:1px solid #e5ded0;border-radius:10px;padding:23px}.card p{font-size:13px;color:var(--muted)}.card .num{font-size:10px;letter-spacing:2px;color:var(--gold)}.card a{color:var(--ink);font-size:12px}.progress{height:5px;border-radius:4px;background:#dedfd3;overflow:hidden;margin:15px 0}.progress span{display:block;background:#8f9f76;height:100%}.split{display:grid;grid-template-columns:1.55fr 1fr;gap:20px;margin-top:25px}.quote{background:#e7e9dc;padding:25px;border-radius:10px}.quote blockquote{margin:10px 0;font:26px/1.35 'Cormorant Garamond',Georgia}.small{font-size:12px;color:var(--muted)}textarea,input,select{font:inherit;background:#fffdf8;border:1px solid #cbcdbd;border-radius:7px;padding:13px;width:100%;color:var(--ink)}textarea{min-height:115px;resize:vertical}label{display:block;margin:18px 0 8px;font-size:13px}button:focus-visible,a:focus-visible{outline:3px solid #bc8b3f;outline-offset:3px}.lesson{max-width:850px}.lesson .body{font-size:16px}.lesson .body p{margin:18px 0}.note{padding:15px;border-left:3px solid var(--gold);background:#eae8db;font-size:13px;line-height:1.7;margin:20px 0}.story-stage{height:320px;background:#203c3b;border-radius:13px;overflow:hidden;position:relative}.story-stage svg{width:100%;height:100%}.story-stage .caption{position:absolute;bottom:18px;left:20px;right:20px;background:#142526dc;color:white;padding:13px;border-radius:6px;font-size:13px}.choices{display:grid;gap:10px;margin:20px 0}.choices button{text-align:left;background:#fffaf0;color:var(--ink);border:1px solid #d6cdbb;line-height:1.6}.choices button:hover{border-color:#a47a3c;background:#eee7d5}.result{background:#e4e9dc;padding:22px;border-radius:10px;margin-bottom:20px}.entry{padding:18px 0;border-bottom:1px solid #ddd7c9}.entry p{white-space:pre-wrap;overflow-wrap:anywhere}.entry button{padding:6px 10px;font-size:10px}.jar{width:160px;height:190px;margin:25px auto;border:3px solid #b3a273;border-radius:16px 16px 45px 45px;background:linear-gradient(100deg,#ffffff77,#c3d8b633,#ffffff55);position:relative;display:flex;align-content:flex-end;justify-content:center;flex-wrap:wrap;padding:20px;gap:6px;box-shadow:inset 10px 0 15px #fff8}.jar:before{content:'';position:absolute;top:-12px;left:12px;right:12px;height:13px;background:#ac8651;border-radius:4px}.scroll{width:22px;height:13px;background:#d2b16d;border-radius:3px;box-shadow:0 0 12px #e2c56c;animation:glow 3s infinite alternate}.reader{max-width:830px;background:#fffcf5;padding:35px;border-radius:10px}.reader p{white-space:pre-wrap;line-height:1.9}.reader h3{margin-top:35px}.search{max-width:500px;margin:15px 0}.float{animation:float 6s ease-in-out infinite}.cloud{animation:float 10s ease-in-out infinite}.flame{transform-origin:center bottom;animation:glow 1.4s infinite alternate}.character{transform-origin:center bottom;animation:breathe 3s ease-in-out infinite}.banner{transform-origin:top;animation:sway 4s ease-in-out infinite}#toast{position:fixed;bottom:22px;right:22px;background:#142526;color:white;padding:15px 22px;border-radius:8px;opacity:0;pointer-events:none;z-index:20}#toast.show{opacity:1}.lesson-list{display:grid;gap:14px}.lesson-list .card{display:flex;gap:20px;align-items:center}.lesson-list .card>div{flex:1}.motion-toggle{padding:7px 10px;font-size:10px;background:#e9e4d8;color:var(--ink)}body.still *,body.still *::before,body.still *::after{animation-play-state:paused!important;scroll-behavior:auto!important}@keyframes float{50%{transform:translateY(-9px)}}@keyframes glow{to{opacity:.65}}@keyframes breathe{50%{filter:brightness(1.08)}}@keyframes sway{50%{transform:rotate(3deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:1000px){aside{width:195px;padding:25px 16px}main{margin-left:195px;padding:25px}.hero{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr 1fr}.hero-copy{padding-left:25px}.split{grid-template-columns:1fr}}@media(max-width:700px){aside{position:relative;width:100%;padding:18px 20px}.brand>span{display:none}.brand small{display:inline;margin-left:12px}.brand{font-size:12px}nav{display:flex;overflow-x:auto;margin-top:17px;gap:5px}nav a{white-space:nowrap;font-size:11px;padding:9px}.aside-foot{display:none}main{margin:0;padding:22px 18px 45px}.hero{grid-template-columns:1fr}.hero-copy{padding:30px 26px 0}.hero-art{height:240px}.hero-art svg{min-height:240px}.grid{grid-template-columns:1fr}.topline{font-size:9px;letter-spacing:1px}.reader{padding:20px}.lesson-list .card{align-items:flex-start;flex-wrap:wrap}.story-stage{height:290px}}
/* Chapter engine and layered illustrated scenes, edition 2. */
.book-back{color:inherit;text-decoration:none}.book-back:hover{color:var(--gold)}.hero{min-height:500px;grid-template-columns:.9fr 1.3fr;background:#17352f}.hero-copy{padding-top:65px;padding-bottom:60px}.hero-art{position:relative;min-height:500px}.kingdom-scene{position:relative;width:100%;height:100%;min-height:420px;overflow:hidden;background:#335e52;isolation:isolate}.castle-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;will-change:transform}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#17352f88,transparent 45%),linear-gradient(0deg,#0d2d36aa,transparent 45%)}.royal-layer{position:absolute;bottom:-6%;left:22%;height:80%;width:65%;transform-origin:center bottom;will-change:transform;filter:drop-shadow(0 18px 15px #0a1e24aa)}.royal-pair{width:100%;height:100%;object-fit:contain;object-position:center bottom}.mist{position:absolute;width:180%;left:-40%;height:33%;pointer-events:none;background:radial-gradient(ellipse at center,#ffefd8aa,transparent 65%);filter:blur(20px);mix-blend-mode:screen}.mist-one{top:3%}.mist-two{bottom:-8%}.embers{position:absolute;inset:0;pointer-events:none}.embers i{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffe4a2;box-shadow:0 0 14px 3px #eec56788;pointer-events:none}.dragon-flight{position:absolute;left:0;top:10%;width:100px;height:60px;opacity:0;pointer-events:none}.dragon-flight svg{width:100%;height:100%;min-height:0}.dragon-wing{transform-origin:85px 48px}.scene-label{position:absolute;bottom:22px;left:24px;right:24px;text-align:center;font-size:9px;letter-spacing:3px;color:#f9e9c4;text-shadow:0 1px 5px #0a2428}.hero-art .kingdom-scene{border-radius:0 15px 15px 0}.story-stage{height:390px}.story-stage .kingdom-scene{min-height:390px}.story-stage .royal-layer{left:35%;width:40%;height:82%;bottom:-9%}.story-stage .caption{z-index:3;bottom:12px}.story-stage .scene-label{display:none}.kingdom-scene[data-scene="storm"] .scene-shade{background:linear-gradient(0deg,#102d40aa,#3c506b44)}.motion-toggle{border:1px solid #d8c8a8;border-radius:25px;white-space:nowrap;font-size:10px;min-height:36px}.hero-copy p{max-width:350px}.lesson-heading{margin-top:30px}.lesson-heading h1{font-size:50px;max-width:780px}.stepper{display:flex;margin:25px 0;gap:12px;max-width:650px}.stepper a{display:flex;align-items:center;justify-content:center;flex:1;gap:10px;border:1px solid #d8d5c6;color:var(--muted);background:transparent;padding:12px 15px;font-size:13px}.stepper a span{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e5e4d8}.stepper a[aria-current]{background:#213e38;color:#fff1d8;border-color:#213e38}.stepper a[aria-current] span{background:#cbaa69;color:#142526}.guided-panel{border:1px solid #e2d9c5;border-radius:12px;background:#fffcf5;padding:35px;box-shadow:0 10px 30px #45381305;min-height:350px}.guided-panel h2{font-size:33px;line-height:1.25}.guided-panel p{font-size:15px;line-height:1.9}.guided-panel textarea{min-height:180px;font-size:16px;background:#faf8f0;line-height:1.7}.guided-panel .save-status{font-size:12px;color:#5b7665;margin:10px 0}.lesson-actions{padding-top:20px;border-top:1px solid #e4dfd1;margin-top:28px}.completion-seal{display:grid;place-items:center;background:#e7eddb;border:1px solid #b8c59a;color:#546b3e;width:65px;height:65px;border-radius:50%;font-size:30px;margin-bottom:20px}.completion .eyebrow{display:block}.book-intro{max-width:770px;margin:40px 0}.book-intro h1{font-size:clamp(38px,4vw,58px)}.book-intro p{color:var(--muted);max-width:570px}.book-intro .pill{display:inline-block}.chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.chapter-tile{display:flex;gap:22px;background:#fffcf5;border:1px solid #e2d9c5;border-radius:10px;padding:25px;text-decoration:none;color:var(--ink);transition:transform .2s,border-color .2s;min-height:190px}.chapter-tile:hover{transform:translateY(-3px);border-color:#ac8749}.chapter-tile.available{background:#203d36;color:#f6ead2;border-color:#203d36}.chapter-number{font:52px/1 'Cormorant Garamond',Georgia;color:#b79c66;min-width:48px}.chapter-status{font-size:9px;letter-spacing:2px;color:#9c814b}.chapter-tile.available .chapter-status{color:#dfc28e}.chapter-tile h3{font-size:26px;line-height:1.15;margin:12px 0}.chapter-tile p{font-size:12px;color:var(--muted);line-height:1.6;margin:10px 0}.chapter-tile.available p{color:#bfd0c4}.chapter-link{font-size:11px;display:block;margin-top:15px}.chapter-placeholder{margin-top:35px;padding:40px;background:#fffcf5;border-radius:15px;border:1px solid #e2d9c5}.chapter-placeholder .chapter-number{display:block;margin-bottom:30px}.chapter-placeholder h1{font-size:45px}.lesson-heading h1:focus{outline:none}.loading{padding:80px 0}.topline{gap:15px}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-copy{padding:35px}.hero-art{min-height:420px}.hero-art .kingdom-scene{border-radius:0 0 15px 15px}.chapter-grid{grid-template-columns:1fr}.royal-layer{height:86%;width:55%;left:30%}}
@media(max-width:700px){.hero{min-height:0}.hero-copy{padding:28px}.hero-art{min-height:350px}.kingdom-scene{min-height:350px}.royal-layer{left:15%;width:80%;height:90%;bottom:-7%}.hero-copy h1{font-size:44px}.hero-copy p{font-size:14px}.story-stage{height:320px}.story-stage .kingdom-scene{min-height:320px}.story-stage .royal-layer{left:18%;width:75%;height:86%;bottom:-8%}.lesson-heading h1{font-size:38px}.guided-panel{padding:22px 18px}.guided-panel h2{font-size:29px}.stepper{gap:6px}.stepper a{padding:10px 6px;font-size:11px;gap:6px}.stepper a span{height:21px;width:21px}.lesson-actions .btn,.lesson-actions button{flex:1;text-align:center;min-width:130px}.chapter-tile{padding:22px 18px;gap:14px}.chapter-placeholder{padding:25px 20px}.chapter-placeholder h1{font-size:36px}.scene-label{font-size:8px;letter-spacing:2px}.topline{align-items:flex-start}.book-back{max-width:55%;line-height:1.6}.motion-toggle{font-size:9px;padding:8px 10px}.book-intro{margin:25px 0}.guided-panel p{font-size:14px}.guided-panel textarea{min-height:180px}}
/* Chapter-specific story and drill libraries. */
.library-heading{max-width:750px;margin:35px 0}.library-heading h1{font-size:clamp(35px,4vw,55px)}.library-heading p{max-width:650px;color:var(--muted)}.library-chapters{display:grid;gap:13px}.library-chapter{display:flex;align-items:center;gap:25px;padding:22px 27px;border:1px solid #ddd6c6;background:#fffdf7;border-radius:10px;text-decoration:none;color:var(--ink);transition:background .2s,border-color .2s}.library-chapter>div{flex:1}.library-chapter h3{font-size:26px;margin:5px 0}.library-chapter p{font-size:12px;color:var(--muted);margin:4px 0}.library-chapter.available{border-color:#9baf93;background:#e9eddf}.library-chapter:hover{border-color:#b08c50;background:#efe9d9}.library-count{font-size:11px;white-space:nowrap;display:flex;align-items:center;gap:28px;color:#6a735f}.library-count b{font-size:22px;color:#9a7a3e;font-weight:400}.collection-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;margin:30px 0}.collection-heading h1{margin:16px 0;font-size:54px}.collection-heading p{color:var(--muted);max-width:600px}.library-picker{margin:0;min-width:215px;max-width:290px;font-size:11px;color:var(--muted)}.library-picker select{display:block;margin-top:8px;font-size:12px;padding:11px;background:#fffdf7;max-width:100%}.chapter-badge{display:inline-block;padding:8px 13px;background:#e5eadb;border:1px solid #ced8bd;border-radius:25px;color:#4d6344;font-size:11px;text-decoration:none;font-weight:600}.item-chapter{margin-top:25px}.collection-tag{font-size:10px;letter-spacing:.4px;color:#6f7f63;display:block;border-bottom:1px solid #e5dfd1;padding-bottom:12px;margin-bottom:17px}.collection-heading+.grid .card .eyebrow{font-size:9px}.motion-explainer{font-size:11px!important;color:#788271;line-height:1.6}.royal-layer{z-index:2}.dragon-flight{width:190px;height:125px;top:5%;z-index:1;filter:drop-shadow(0 6px 5px #18392a55)}.dragon-flight img{width:100%;height:100%;object-fit:contain}.scene-label{z-index:4}.story-stage .caption{z-index:5}.embers{z-index:3}.mist{z-index:1}.scene-shade{z-index:0}.castle-layer{z-index:-1}
@media(max-width:700px){.library-chapter{padding:20px 16px;gap:14px;align-items:flex-start;flex-wrap:wrap}.library-chapter .chapter-number{font-size:40px;min-width:35px}.library-chapter>div{min-width:200px}.library-chapter h3{font-size:24px}.library-count{margin-left:49px;white-space:normal}.collection-heading{flex-direction:column}.collection-heading h1{font-size:40px}.library-picker{width:100%;max-width:100%}.library-chapter .eyebrow{font-size:9px}.dragon-flight{width:145px;height:100px;top:4%}.library-heading{margin:25px 0}}
.entry-chapter{font-size:11px;color:#718366;margin:9px 0}
/* Chapter 1 featured lessons and the dragon's treasure. */
.featured-lesson{position:relative;display:flex;align-items:center;gap:22px;background:#24433a;color:#f3e8cd;border-radius:10px;padding:25px;margin-bottom:28px;overflow:hidden}.featured-lesson .eyebrow{color:#d1b77d}.featured-lesson h3{font-size:28px}.featured-lesson p{font-size:11px!important;color:#c5d3c4;margin:6px 0 0}.feature-symbol{font-family:Georgia,serif;font-size:65px;min-width:90px;color:#d9b875;text-align:center}.theme-rao{background:#334657}.theme-rao .feature-symbol{font:15px 'DM Sans',sans-serif;letter-spacing:3px;white-space:nowrap}.theme-kobe{background:linear-gradient(120deg,#352947,#463154)}.theme-wooden{background:linear-gradient(120deg,#243d4c,#315f64)}.activity-worksheet{background:#eeeee2;border:1px solid #d9ddc8;border-radius:9px;padding:22px;margin:25px 0}.activity-worksheet input{background:#fffdf7;font-size:15px;line-height:1.6}.activity-worksheet label{font-size:13px;line-height:1.6}.activity-preview{margin-top:20px;padding:18px;border-left:3px solid #a68a4e;background:#e4e8d7;font-size:13px;line-height:1.9;overflow-wrap:anywhere}.effort-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.treasury-summary{display:flex;align-items:center;gap:20px;background:#e7eadb;border:1px solid #d7d9be;border-radius:12px;margin-top:24px;padding:24px}.treasury-summary>div:nth-child(2){flex:1}.treasury-summary h3{margin:8px 0;font-size:29px}.treasury-summary h3 span{font:12px 'DM Sans',sans-serif;color:#7c8268}.treasury-summary p{font-size:12px;margin:0;color:#6a775f}.treasury-icon{font-size:42px;color:#ae883b}.treasury-heading{margin:30px 0}.treasury-heading p{color:var(--muted)}.treasure-overview{display:grid;grid-template-columns:1fr 1.05fr;gap:24px}.treasure-display{position:relative;min-height:400px;border-radius:13px;background:radial-gradient(ellipse at 50% 65%,#49673d,#142e2d 70%);overflow:hidden}.treasure-art{position:relative;width:100%;height:310px;isolation:isolate;overflow:hidden}.treasure-aura{position:absolute;inset:30% 10% 0;border-radius:50%;background:radial-gradient(ellipse,#edc46166,transparent 65%);animation:treasureGlow 3s ease-in-out infinite alternate}.reward-chest{position:absolute;width:68%;height:76%;bottom:-3%;left:15%;object-fit:contain;z-index:2;filter:drop-shadow(0 10px 14px #090e0c55)}.guardian-dragon{position:absolute;top:-2%;right:4%;width:63%;height:65%;object-fit:contain;z-index:1;filter:drop-shadow(0 5px 8px #0005);animation:guardianHover 5s ease-in-out infinite}.treasure-counter{text-align:center;position:absolute;bottom:22px;left:0;right:0;color:#f2dba0}.treasure-counter strong{display:block;font:54px 'Cormorant Garamond',Georgia}.treasure-counter span{font-size:9px;letter-spacing:3px}.milestone{padding:28px}.milestone label{font-size:12px;color:#6b7860;margin-top:20px}.milestone h2{font-size:34px}.milestone .progress span{background:linear-gradient(90deg,#8b9f67,#c3a65a)}.keepsake-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.keepsake{display:flex;align-items:center;gap:18px;background:#fffdf7;border:1px solid #e1d8c2;border-radius:10px;padding:22px}.keepsake-symbol{font-size:33px;color:#b59147;display:grid;place-items:center;width:50px;height:50px;min-width:50px;background:#f1ebd7;border-radius:50%}.keepsake h3{font-size:23px;margin:7px 0}.keepsake p{font-size:11px;color:#7a816d;margin:6px 0}.crown-keepsake{background:#eee6c8;border-color:#ba9c59}.treasure-dialog{padding:0;border:1px solid #b19b61;border-radius:17px;background:#142f2b;color:#f4e9cc;width:min(600px,92vw);max-height:92dvh;overflow-y:auto;box-shadow:0 30px 100px #0007}.treasure-dialog::backdrop{background:#112420bb;backdrop-filter:blur(5px)}.reward-modal{position:relative;text-align:center;padding:15px 32px 30px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#526a3a77,transparent 60%)}.reward-modal .treasure-art{height:290px}.reward-modal .eyebrow{color:#cfb777;display:block}.reward-modal h2{font-size:39px;margin:10px 0}.reward-modal>p{font-size:13px;line-height:1.8;color:#d3dbc7;max-width:460px;margin:10px auto}.reward-modal .small{font-size:11px;color:#aab9a2}.reward-modal .actions{justify-content:center}.reward-close{position:absolute;right:12px;top:12px;z-index:4;padding:7px 12px;background:#40584c;color:#f4e9cd;border-radius:50%;font-size:22px}.reward-coins{font:45px 'Cormorant Garamond',Georgia;color:#f0cc72;margin:15px 0}.reward-coins span{font:12px 'DM Sans',sans-serif}.coin-burst{position:absolute;left:50%;top:58%;z-index:3}.coin-burst i{position:absolute;width:9px;height:12px;border-radius:50%;background:linear-gradient(100deg,#ac7a25,#ffe8a1,#c58e2e);border:1px solid #edcc75;opacity:0;transform:rotate(var(--angle)) translateX(0);box-shadow:0 0 15px #f1d16b77}.treasure-dialog[open] .coin-burst i{animation:coinBurst 1.7s ease-out both;animation-delay:calc(var(--n)*35ms)}.treasure-dialog[open] .reward-chest{animation:chestReveal .8s cubic-bezier(.2,.8,.3,1.1) both}.treasure-dialog[open] .guardian-dragon{animation:guardianArrival 1.1s ease-out both,guardianHover 5s 1.1s ease-in-out infinite}@keyframes chestReveal{from{opacity:0;transform:translateY(50px) scale(.65)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes guardianArrival{from{opacity:0;transform:translate(90px,-30px) rotate(-10deg)}to{opacity:1;transform:translate(0,0) rotate(0)}}@keyframes guardianHover{50%{transform:translateY(-9px) rotate(2deg)}}@keyframes treasureGlow{to{opacity:.55;transform:scale(1.15)}}@keyframes coinBurst{0%{opacity:0;transform:rotate(var(--angle)) translateX(0) scale(.2)}25%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateX(var(--travel)) scale(1)}}
@media(max-width:1000px){.treasure-overview{grid-template-columns:1fr}.treasury-summary{flex-wrap:wrap}.treasury-summary .btn{margin-left:60px}.keepsake-grid{grid-template-columns:1fr}}
@media(max-width:700px){.featured-lesson{gap:12px;padding:20px 16px}.feature-symbol{min-width:55px;font-size:45px}.theme-rao .feature-symbol{font-size:10px;letter-spacing:1px}.featured-lesson h3{font-size:25px}.activity-worksheet{padding:18px 15px}.effort-columns{grid-template-columns:1fr;gap:0}.treasury-summary{padding:20px 16px;gap:12px}.treasury-summary h3{font-size:26px}.treasury-summary h3 span{display:block;margin-top:8px}.treasury-summary .btn{margin-left:0;width:100%;text-align:center}.treasury-icon{font-size:34px}.treasure-art{height:280px}.treasure-display{min-height:365px}.milestone{padding:24px 20px}.reward-modal{padding:10px 20px 25px}.reward-modal .treasure-art{height:245px}.reward-modal h2{font-size:33px}.reward-coins{font-size:39px}.keepsake{padding:20px 15px;gap:12px}.keepsake h3{font-size:22px}.reward-modal .actions .btn,.reward-modal .actions button{min-width:160px}}
.reward-motion{margin:16px 0 0}.reward-motion .motion-toggle{background:#2d4a3d;color:#d5dcbf;border-color:#6d7951;font-size:10px}
/* Chapter 1 polish: resume, themed paths, progress, and the first story player. */
.continue-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px 28px;border:1px solid #d5d8c4;background:#eef0e2;border-radius:12px;margin:24px 0}.continue-panel h3{font-size:29px;margin:9px 0}.continue-panel p{font-size:12px;color:#6c795f;margin:5px 0}.continue-panel .actions{margin:0;flex-shrink:0}.featured-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.featured-path{color:#f7edd8;border-radius:11px;padding:25px 23px;text-decoration:none;display:flex;flex-direction:column;min-height:190px;box-shadow:0 9px 25px #243d250b;transition:transform .2s}.featured-path:hover{transform:translateY(-4px)}.featured-path .eyebrow{color:#dbbe7f;font-size:10px}.featured-path h3{font-size:28px;line-height:1.2;margin:18px 0}.featured-link{font-size:11px;color:#e3d0a0;margin-top:auto}.lesson-list{margin-top:28px}.lesson-row{border-left:4px solid #d6ddca}.lesson-theme-kobe{border-left-color:#9876bd;background:linear-gradient(100deg,#eee6f5,#fffdf8)}.lesson-theme-kobe h3{color:#523767}.lesson-theme-rao{border-left-color:#7593ac;background:linear-gradient(100deg,#e8edf2,#fffdf8)}.lesson-theme-wooden{border-left-color:#6f9d91;background:linear-gradient(100deg,#e7f0e9,#fffdf8)}.completion-label{display:block;font-size:10px;color:#5c7b4a;margin:8px 0 0}.review-heading{margin:25px 0}.review-heading h1{font-size:52px}.review-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.review-stats>div{padding:24px;background:#fffcf5;border:1px solid #ded6c3;border-radius:10px}.review-stats strong{font:40px 'Cormorant Garamond',Georgia;display:block;color:#496143}.review-stats span{display:block;font-size:11px;color:#768169;margin-top:8px}.review-tracks{display:grid;grid-template-columns:1fr 1fr;gap:20px}.review-tracks h2{font-size:32px}.review-item{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.6;color:#304737;text-decoration:none;padding:14px 0;border-bottom:1px solid #e3ddcc}.review-item>span{color:#8f9d69}.review-item b{margin-left:auto;color:#a88c51;font-weight:400}.review-item:hover{color:#a17a36}.review-treasure{background:#e9e6d4}.review-treasure p{font-size:14px}.reader-contents{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.reader-contents a{color:#526a4a;border:1px solid #cbd4b8;background:#ebefdf;padding:9px 13px;font-size:11px;text-decoration:none;border-radius:24px}.reader h2{scroll-margin-top:25px;font-size:34px;padding-top:20px;border-top:1px solid #ded7c6}.reader h2:focus{outline:2px solid #c1ad7d;outline-offset:8px}.scene-playback{position:relative;isolation:isolate;width:100%;height:100%;min-height:390px;overflow:hidden}.scene-art>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 50%;transition:object-position 1.8s ease;animation:storyCamera 18s ease-in-out infinite alternate}.scene-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#102720e6,transparent 70%);pointer-events:none}.scene-dialogue{position:absolute;bottom:0;left:0;right:0;padding:25px 28px;background:linear-gradient(0deg,#153629ed,#15362999,transparent);color:#f6ecd3}.scene-dialogue .eyebrow{color:#d8bc78;font-size:10px}.scene-dialogue p{font-size:14px;line-height:1.7;margin:10px 0 0;max-width:760px}.story-toolbar{padding:18px 0 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.story-play-actions{display:flex;gap:8px;flex-wrap:wrap}.story-play-actions button{font-size:11px;padding:11px 14px}.story-toolbar .small{font-size:10px;max-width:155px;line-height:1.7}.story-play-actions button:disabled{opacity:.45;cursor:default}.choices.decision-ready{border-left:3px solid #c8ac68;padding-left:15px;transition:border-color .3s}.save-status{font-size:12px;color:#627c52;line-height:1.8}@keyframes storyCamera{from{transform:scale(1.025)}to{transform:scale(1.12)}}
@media(max-width:1000px){.continue-panel{align-items:flex-start;flex-wrap:wrap}.continue-panel .actions{flex-shrink:1}.featured-paths{grid-template-columns:1fr}.featured-path{min-height:145px}.featured-path h3{margin:14px 0}.review-tracks{grid-template-columns:1fr}.story-toolbar{align-items:flex-start;flex-direction:column}.story-toolbar .small{max-width:none}}
@media(max-width:700px){.continue-panel{padding:22px 19px}.continue-panel h3{font-size:26px}.continue-panel .actions{width:100%}.continue-panel .actions .btn{flex:1;text-align:center}.review-heading h1{font-size:38px}.review-stats{gap:8px}.review-stats>div{padding:18px 11px}.review-stats strong{font-size:32px}.review-stats span{font-size:9px;line-height:1.7}.scene-playback{min-height:360px}.story-stage:has(.scene-playback){height:360px}.scene-dialogue{padding:20px 18px}.scene-dialogue p{font-size:12px;line-height:1.7}.scene-art>img{object-position:58% 50%}.story-play-actions{width:100%}.story-play-actions button{flex:1;min-width:115px}.featured-path{padding:23px}.choices.decision-ready{padding-left:10px}.reader-contents{gap:6px}.reader-contents a{font-size:10px;padding:8px 11px}}
/* Keep the whole family visible; captions sit below the scene instead of covering it. */
.story-stage:has(.scene-playback){height:auto;aspect-ratio:auto}.scene-playback{height:auto;min-height:0;display:flex;flex-direction:column}.scene-art>img{position:relative;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 0;transform-origin:center top}.scene-dialogue{position:relative;padding:22px 26px;background:#1b3b31;z-index:2}.scene-vignette{display:none}@keyframes storyCamera{from{transform:scale(1)}to{transform:scale(1.045)}}
@media(max-width:700px){.story-stage:has(.scene-playback){height:auto}.scene-playback{min-height:0}.scene-dialogue{padding:19px 18px}.scene-dialogue p{font-size:12px;line-height:1.8}}
/* Chapter 2: understanding, foundations, and the next practice. */
.theme-erikson{background:linear-gradient(120deg,#243e55,#365d69)}.theme-maslow{background:linear-gradient(120deg,#66502c,#8b7041)}.theme-jordan{background:linear-gradient(120deg,#202327,#3b2026);border-bottom:4px solid #c44349}.theme-jordan .eyebrow{color:#efb3a6}.lesson-theme-erikson{border-left-color:#7093ac;background:linear-gradient(100deg,#e5edf2,#fffdf8)}.lesson-theme-maslow{border-left-color:#b79b5e;background:linear-gradient(100deg,#f0ead9,#fffdf8)}.lesson-theme-jordan{border-left-color:#bd4148;background:linear-gradient(100deg,#f2e1e2,#fffdf8)}.lesson-theme-jordan h3{color:#713139}.chapter-switch-label{display:flex;align-items:center;gap:8px;margin:0 0 0 auto;font-size:9px;letter-spacing:.5px;color:#6d7a65;white-space:nowrap}.chapter-switch-label select{font-size:10px;padding:8px 27px 8px 10px;width:205px;max-width:100%;border-radius:20px;letter-spacing:0;background:#fffcf3;min-height:36px}.topline .motion-toggle{flex-shrink:0}.topline .book-back{line-height:1.7;max-width:55%}
@media(max-width:1100px){.topline{flex-wrap:wrap}.chapter-switch-label{margin-left:0}.topline .book-back{max-width:100%;flex:1 0 100%}.chapter-switch-label select{width:240px}.topline .motion-toggle{margin-left:auto}}
@media(max-width:700px){.chapter-switch-label{max-width:calc(100% - 112px);min-width:0;display:block;white-space:normal}.chapter-switch-label span{display:none}.chapter-switch-label select{width:100%;font-size:10px;padding:8px 24px 8px 10px}.topline{gap:10px}.topline .book-back{max-width:100%}.featured-paths .theme-jordan{border-bottom-width:4px}}
aside{overflow-y:auto}aside nav{flex-shrink:0}.aside-foot{padding-top:25px}#journal-chapter{max-width:500px;font-size:13px;background:#fffdf7}
@media(max-width:700px){aside{overflow-y:visible}.aside-foot{padding-top:0}}
/* Every available story has its own preview and three-moment player. */
.story-card{padding:0 0 24px;overflow:hidden}.story-card>.collection-tag,.story-card>.eyebrow,.story-card>.completion-label,.story-card>.scene-available,.story-card>h3,.story-card>p,.story-card>.btn{margin-left:22px;margin-right:22px}.story-card>.collection-tag{margin-top:18px}.story-card>p{margin-bottom:20px}.story-thumbnail{display:block;position:relative;aspect-ratio:3/2;background:#264d41;overflow:hidden}.story-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .5s ease}.story-thumbnail:hover img{transform:scale(1.045)}.story-thumbnail>span{position:absolute;bottom:14px;right:14px;display:grid;place-items:center;width:37px;height:37px;border:1px solid #e0ca8c;background:#17372bcc;color:#e8ce8e;border-radius:50%;font-size:13px;padding-left:2px}.scene-available{display:block;font-size:9px;color:#8c7540;letter-spacing:1px;margin-top:10px;margin-bottom:12px}.scene-moment-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.scene-moment-nav button{display:flex;align-items:center;gap:9px;text-align:left;color:#6b765d;border:1px solid #d8dac7;background:#eaece0;font-size:10px;line-height:1.5;padding:12px}.scene-moment-nav button>span{display:grid;place-items:center;background:#d9ddc7;color:#526442;border-radius:50%;min-width:22px;width:22px;height:22px;font-size:10px}.scene-moment-nav button.current{background:#274a3c;color:#eee0be;border-color:#274a3c}.scene-moment-nav button.current>span{background:#cfb26d;color:#233a2c}.scene-art>img{transition:object-position 1.8s ease,transform-origin 1.8s ease}
@media(max-width:700px){.scene-moment-nav{gap:5px}.scene-moment-nav button{font-size:9px;padding:10px 7px;gap:5px;align-items:flex-start;flex-direction:column}.scene-moment-nav button>span{min-width:20px;width:20px;height:20px}.story-card>.collection-tag,.story-card>.eyebrow,.story-card>.completion-label,.story-card>.scene-available,.story-card>h3,.story-card>p,.story-card>.btn{margin-left:20px;margin-right:20px}}
@media(prefers-reduced-motion:reduce){.story-thumbnail img,.scene-art>img{transition:none}}
.choices button.choice-selected{border-color:#829569;background:#e6ecd9;box-shadow:inset 3px 0 #93a470}

.story-practice-bridge{margin-top:24px;padding-top:24px;border-top:1px solid #c9b78b}.story-practice-bridge h3{margin:12px 0}.story-practice-bridge .actions{margin:18px 0}.story-play-actions{flex-wrap:wrap}

.lesson-story-experience{margin:0 0 40px;padding:22px;background:#f4f0e5;border:1px solid #d7ccb2;border-radius:16px}.lesson-story-experience .story-stage{margin-top:22px}.lesson-story-experience .scene-moment-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-story-label{display:block;color:#77602c;font-size:12px;margin:10px 0}.lesson-story-experience select{width:100%;margin:8px 0 16px}#lesson-idea{scroll-margin-top:28px}@media(max-width:600px){.lesson-story-experience{padding:12px}.lesson-story-experience .scene-moment-nav{grid-template-columns:1fr 1fr}}

.scene-atmosphere{position:absolute;inset:0 0 26%;pointer-events:none;overflow:hidden}.scene-atmosphere i{position:absolute;width:6px;height:6px;background:#f9d775;border-radius:50%;box-shadow:0 0 17px 7px #f6d97670;animation:sceneFirefly calc(5s + var(--light)*.4s) ease-in-out infinite alternate;animation-delay:calc(var(--light)*-.8s)}.candle-glow i{width:40px;height:40px;filter:blur(20px);opacity:.2;animation-name:sceneCandle;animation-duration:3s}@keyframes sceneFirefly{from{opacity:.12;transform:translate(-12px,18px) scale(.6)}to{opacity:.8;transform:translate(18px,-25px) scale(1)}}@keyframes sceneCandle{from{opacity:.12;transform:scale(.8)}to{opacity:.3;transform:scale(1.2)}}.still .scene-atmosphere i{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.scene-atmosphere i{animation:none;opacity:.25}}

.stone-map{margin:30px 0;padding:32px;border-radius:18px;background:radial-gradient(ellipse at top,#315745,#142b26 70%);color:#f4ecd7;overflow:hidden}.stone-map h2{color:#f4ecd7;margin:12px 0}.stone-map-intro p{color:#c3d1bc;max-width:630px}.stone-map-intro strong{font-size:12px;color:#e2c580}.stone-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 12px;margin:28px 0}.stone-link{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 8px 14px;border:1px solid #a6c39829;border-radius:14px;text-decoration:none;background:#a9c69f08;color:#f2ecd8;transition:background .2s,transform .2s}.stone-link:hover{background:#bdd6a31c;transform:translateY(-3px)}.stone-link:focus-visible{outline:3px solid #e4c482;outline-offset:4px}.stone-gem{display:grid;place-items:center;width:54px;height:46px;border-radius:43% 52% 41% 49%;background:radial-gradient(ellipse at 30% 20%,#ffffffc9,hsl(var(--stone-hue) 55% 53%) 38%,hsl(var(--stone-hue) 60% 18%) 95%);box-shadow:inset 1px 1px 3px #fff8,0 0 17px hsl(var(--stone-hue) 60% 60% / .18);border:1px solid hsl(var(--stone-hue) 70% 75% / .5);font:20px Georgia;color:white;text-shadow:0 1px 3px #102c20;animation:stoneLight 4s ease-in-out infinite alternate;animation-delay:var(--stone-delay)}.stone-name{font:19px Georgia;margin:16px 0 8px}.stone-link small{font-size:10px;color:#becbb3}.stone-complete{border-color:#d4b66d88}.stone-complete small{color:#e2c580}.stone-lesson-banner{display:flex;align-items:center;gap:16px;padding:18px 20px;background:#e9eddf;border:1px solid #cbd5bc;border-radius:12px;margin-bottom:24px}.stone-lesson-banner p{margin:5px 0;font:22px Georgia}.stone-lesson-banner .btn{margin-left:auto}.stone-mini{color:#9d7c3c;font-size:32px}@keyframes stoneLight{from{filter:brightness(.95)}to{filter:brightness(1.2)}}@media(max-width:800px){.stone-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.stone-map{padding:22px 14px}.stone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stone-lesson-banner{flex-wrap:wrap}.stone-lesson-banner .btn{margin-left:0}}@media(prefers-reduced-motion:reduce){.stone-gem{animation:none}.stone-link{transition:none}}

.story-reading-options{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:18px 0}.story-reading-options label{font-size:11px;min-width:200px;margin:0}.story-reading-options select{display:block;margin:7px 0 0;width:100%}.story-transcript{border:1px solid #d5d8c4;border-radius:10px;background:#fbf8ee;margin:18px 0;padding:16px 18px}.story-transcript summary{cursor:pointer;font-size:12px;color:#365644;font-weight:600}.story-transcript ol{padding-left:23px}.story-transcript li{padding:12px 0 22px;border-bottom:1px solid #dedbcb}.story-transcript h3{font-size:24px;margin:12px 0}.story-transcript p{font-size:14px}.story-transcript button{font-size:11px}.story-reading-options button{margin:0}@media(max-width:520px){.story-reading-options label,.story-reading-options button{width:100%}}

.theme-edison{background:linear-gradient(130deg,#4b351b,#856335)}.theme-mandela{background:linear-gradient(130deg,#173f3a,#326e5d)}.theme-strategy{background:linear-gradient(130deg,#283947,#506270)}.lesson-theme-edison{border-left-color:#b18a46}.lesson-theme-mandela{border-left-color:#5b9984}.lesson-theme-strategy{border-left-color:#738da1}

.story-lesson-links{background:#edf0e5;border:1px solid #d0d9c3;border-radius:10px;margin:20px 0;padding:17px 20px}.story-lesson-links summary{cursor:pointer;font-size:12px;color:#385842}.story-lesson-links>div{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin-top:15px}.story-lesson-links a{display:flex;gap:10px;padding:10px 0;color:#385842;font-size:12px;text-decoration:none;border-top:1px solid #d8dfcc}@media(max-width:550px){.story-lesson-links>div{grid-template-columns:1fr}}

.story-source-note{font-size:11px;color:#6b755f;line-height:1.8}.story-source-note a{color:#49684d;margin-left:8px}

.story-chapter-navigation{margin-top:36px;padding-top:25px;border-top:1px solid #d2d8c3}.story-chapter-navigation>div{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.story-neighbor{display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid #cbd4b8;border-radius:10px;background:#edf0e3;color:#304e3c;text-decoration:none}.story-neighbor span{font-size:9px;letter-spacing:1.4px;color:#7b6a41}.story-neighbor strong{font:24px Georgia}.story-neighbor:hover{background:#e2e8d6}.story-neighbor:focus-visible{outline:3px solid #ba9a56;outline-offset:4px}@media(max-width:550px){.story-chapter-navigation>div{grid-template-columns:1fr}.story-chapter-navigation>div>span:empty{display:none}}

.drill-steps{padding-left:26px}.drill-steps>li{padding-left:8px;margin:18px 0}.drill-steps>li::marker{color:#9a783a;font-weight:700}.drill-support{padding-left:14px;border-left:2px solid #d6dabc;color:#637059}.drill-subheading{font-size:25px;margin-top:26px}.drill-instructions{margin:20px 0 28px}.lesson-row>div,.card,.topline>*{min-width:0}.story-neighbor strong,.stone-name{overflow-wrap:anywhere}

.theme-jung{background:linear-gradient(125deg,#203c42,#426c68)}.theme-elizabeth{background:linear-gradient(125deg,#50272e,#86494e)}.lesson-theme-jung{border-left-color:#628e8a}.lesson-theme-elizabeth{border-left-color:#a86c76}

/* Reading comfort across standalone and journey story players. */
.scene-playback.large-captions .scene-dialogue p{font-size:18px;line-height:1.8}.story-progress{flex:1;min-width:100px;height:5px;background:#dce1cf;border-radius:8px;overflow:hidden}.story-progress>span{display:block;height:100%;background:#9d7d3e;transition:width .25s ease}.story-play-actions button,.story-reading-options button,.scene-moment-nav button{min-height:44px}.story-reading-options select{min-height:44px}@media(max-width:700px){.scene-playback.large-captions .scene-dialogue p{font-size:17px}.story-play-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.story-play-actions button{padding:12px 10px;white-space:normal}.story-toolbar .story-progress{width:100%;flex:none}.scene-moment-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.story-progress>span{transition:none}}

/* Longer chapters are organized into named paths without changing saved item IDs. */
.chapter-path-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:28px 0}.chapter-path-nav button{display:flex;flex-direction:column;text-align:left;gap:9px;min-height:85px;padding:17px;border:1px solid #cad2bd;background:#eef0e5;color:#294a3b}.chapter-path-nav button strong{font:19px Georgia}.chapter-path-nav button span{font-size:10px;color:#687660}.chapter-path-heading{grid-column:1/-1;scroll-margin-top:24px;margin:27px 0 0;padding:20px 0 5px;border-top:1px solid #cbd3be}.chapter-path-heading h2{margin:10px 0;font-size:32px}.chapter-path-heading:focus{outline:2px solid #b59857;outline-offset:7px}.drill-source-link{font-size:12px}.theme-robbins{background:linear-gradient(120deg,#213f45,#466a60);border-bottom:4px solid #ccb674}.theme-robbins .eyebrow{color:#f2dda8}.lesson-theme-robbins{border-left-color:#527d76;background:#eef2e8}@media(max-width:700px){.chapter-path-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-path-nav button{padding:14px}.chapter-path-nav button strong{font-size:17px}.chapter-path-heading h2{font-size:28px}}@media(max-width:380px){.chapter-path-nav{grid-template-columns:1fr}}

/* Chapter 6: restrained story-specific atmosphere above the illustration only. */
.chapter-six-atmosphere{top:0;left:0;right:0;bottom:auto;height:auto;aspect-ratio:3/2;z-index:1}.chapter-six-atmosphere::before{content:"";position:absolute;inset:0;opacity:.45;animation:c6Glow 6s ease-in-out infinite alternate}.chapter-six-atmosphere i{width:4px;height:4px;box-shadow:0 0 10px 3px #f4d79055;opacity:.35;animation-duration:7s}.scene-ember::before{background:radial-gradient(ellipse at 55% 78%,#ffad5c45,transparent 50%)}.scene-ember i{background:#ffb65f;box-shadow:0 0 14px 4px #e98a3d88;animation-name:c6Ember}.scene-mist::before{background:linear-gradient(135deg,#769eb91a,transparent 45%,#c9deed35);animation-name:c6Mist}.scene-mist i{background:#c5ddf1;box-shadow:0 0 17px 7px #b2cee744;animation-name:c6MistParticle}.scene-water::before{background:radial-gradient(ellipse at 50% 90%,#a9e6df44,transparent 52%)}.scene-water i{background:#d5fff5;box-shadow:0 0 12px 4px #80dbd080;animation-name:c6Sparkle}.scene-garden::before{background:radial-gradient(ellipse at 75% 15%,#fbe7ab42,transparent 48%)}.scene-garden i{background:#d7eda2;box-shadow:0 0 12px 4px #d9e9a077;animation-name:c6Drift}.scene-candle::before{background:radial-gradient(ellipse at 75% 18%,#ffd78736,transparent 48%)}.scene-candle i{background:#f5dc9a;animation-name:c6Sparkle}@keyframes c6Glow{from{opacity:.18}to{opacity:.55}}@keyframes c6Mist{from{opacity:.15;transform:translateX(-2%)}to{opacity:.45;transform:translateX(2%)}}@keyframes c6Ember{from{opacity:0;transform:translateY(20px) scale(.5)}50%{opacity:.7}to{opacity:0;transform:translateY(-35px) scale(1)}}@keyframes c6MistParticle{from{opacity:.1;transform:translate(-12px,8px)}to{opacity:.55;transform:translate(18px,-8px)}}@keyframes c6Sparkle{from{opacity:.1;transform:scale(.5)}to{opacity:.75;transform:scale(1.2)}}@keyframes c6Drift{from{opacity:.15;transform:translate(-8px,-10px)}to{opacity:.65;transform:translate(14px,18px)}}body.still .scene-art>img{transition:none}@media(prefers-reduced-motion:reduce){.chapter-six-atmosphere::before{animation:none;opacity:.2}.chapter-six-atmosphere i{animation:none;opacity:.2}}

/* A purple glow for Kobe’s practice scenes, respecting motion preferences. */
.scene-purple::before{background:radial-gradient(ellipse at 65% 25%,#9e73e03d,transparent 55%)}.scene-purple i{background:#e5ccff;box-shadow:0 0 12px 4px #b47cff80;animation-name:c6Sparkle}

/* Chapter 7: a flexible seven-day practice */
.perspective-week-card{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem;margin:1.5rem 0;border:1px solid #b99a5d;background:linear-gradient(130deg,#183a34,#102a2b);border-radius:18px;color:#fff}.perspective-week-card h2{margin:.35rem 0}.perspective-week-card p{margin:.4rem 0 .8rem}.perspective-week{margin:1.4rem 0;padding:1.4rem;border:1px solid #d8c59b;border-radius:16px;background:#f8f3e6;color:#203c36}.perspective-week h2{margin:.4rem 0}.perspective-week select,.perspective-week textarea{width:100%}.perspective-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.perspective-days textarea{min-height:90px}.perspective-days label{display:block;font-weight:700}.perspective-week .small{margin-top:1rem}@media(max-width:600px){.perspective-week-card{align-items:flex-start;flex-direction:column}.perspective-days{grid-template-columns:1fr}}

#perspective-week-selected[hidden]{display:none!important}

.reader-practices{margin:12px 0 22px;padding:14px 16px;border:1px solid #d6d8c8;border-radius:10px;background:#f0f2e8}.reader-practices summary{cursor:pointer;color:#254a39;font-weight:700;line-height:1.5}.reader-practices .reader-contents{margin:14px 0 0}.reader-practices summary:focus-visible{outline:3px solid #ba9a56;outline-offset:4px}

.chapter-care{margin:18px 0 24px;padding:18px 20px;border:1px solid #d8c9aa;border-radius:12px;background:#f5efe1;color:#31443d}.chapter-care p{margin:8px 0;line-height:1.6}.chapter-care details{margin-top:10px;font-size:13px}.chapter-care summary{cursor:pointer;font-weight:700;color:#526c59}.chapter-care summary:focus-visible{outline:3px solid #bc8b3f;outline-offset:3px}

.drill-story-links{margin:24px 0 30px;padding:22px;background:#e9ece1;border:1px solid #d3dbca;border-radius:14px}.drill-story-links h2{margin:7px 0}.drill-story-links p{margin:4px 0 14px;font-size:13px}.drill-story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.drill-story-card{display:flex;align-items:center;gap:12px;background:#fffcf5;border:1px solid #dcd6c5;border-radius:10px;padding:8px;color:#213433;text-decoration:none}.drill-story-card:hover{border-color:#a9874f}.drill-story-card img{width:82px;height:64px;object-fit:cover;border-radius:6px}.drill-story-card span{display:grid;gap:6px}.drill-story-card small{color:#6a735d}@media(max-width:600px){.drill-story-links{padding:16px}.drill-story-grid{grid-template-columns:1fr}}

.shadow-garden-path{margin:30px 0;padding:26px;background:#1e3a2f;color:#f8efdc;border-radius:16px;border:1px solid #85946c}.garden-intro h2{margin:8px 0;font-size:clamp(32px,4vw,46px);color:#f8efdc}.garden-intro p,.garden-note{color:#d3dfca;font-size:13px;max-width:720px}.garden-intro .eyebrow{color:#dec289}.garden-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.garden-step{overflow:hidden;border:1px solid #80917a;border-radius:11px;color:#f8efdc;text-decoration:none;background:#29483b}.garden-step img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .4s ease}.garden-step:hover img{transform:scale(1.03)}.garden-step span{display:grid;gap:8px;position:relative;padding:16px;background:#29483b}.garden-step small{color:#e1c886;letter-spacing:1.4px;font-size:10px;font-weight:700}.garden-step strong{font:24px/1.1 'Cormorant Garamond',Georgia,serif}.garden-step em{color:#e6dcbd;font-style:normal;font-size:12px}.garden-note{margin-bottom:0}@media(max-width:700px){.shadow-garden-path{padding:19px}.garden-steps{grid-template-columns:1fr}.garden-step{display:grid;grid-template-columns:110px 1fr}.garden-step img{height:100%;min-height:110px;aspect-ratio:auto}.garden-step strong{font-size:22px}.garden-step span{padding:13px}}@media(prefers-reduced-motion:reduce){.garden-step img{transition:none}}

.wolves-practice{margin:25px 0;border:1px solid #b6c5ad;border-radius:15px;overflow:hidden;background:#eef2e8}.wolves-practice>img{display:block;width:100%;max-height:330px;object-fit:cover}.wolves-practice-content{padding:22px}.wolves-practice-content h2{margin-top:10px}.wolves-practice-content p{font-size:13px}.wolves-practice-content textarea{min-height:70px}.wolves-practice-content a{color:#3b634b;font-weight:600}@media(max-width:700px){.wolves-practice-content{padding:17px}.wolves-practice>img{max-height:220px}}

.book-closing-card{margin:28px 0;padding:26px;border-radius:14px;background:linear-gradient(120deg,#1d3a30,#365e44);color:#f5eedb;border:1px solid #9aab83}.book-closing-card .eyebrow{color:#e4c584}.book-closing-card h2{color:#fff4dd;font-size:clamp(34px,4vw,46px)}.book-closing-card p{color:#d8e3d0;max-width:650px}@media(max-width:700px){.book-closing-card{padding:20px}.book-closing-card .actions .btn{width:100%;text-align:center}}

/* The image viewport contains every moving layer; captions stay in normal flow. */
.scene-world{position:relative;isolation:isolate;aspect-ratio:3/2;overflow:hidden;background:#203c31;flex:none;width:100%}
.scene-art>img{display:block;width:100%;height:100%;aspect-ratio:3/2;object-fit:cover;position:absolute;inset:0}
.scene-world-animated>img{animation:none;will-change:transform}
.scene-world .chapter-six-atmosphere{inset:0;aspect-ratio:auto;height:100%;z-index:3}
.story-weather{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3;opacity:.5}
.story-weather span{position:absolute;inset:-10%;background:radial-gradient(ellipse at 85% 10%,#ffdfa22e,transparent 60%);animation:storyLight 8s ease-in-out infinite alternate}
.story-weather span:nth-child(2){animation-delay:-3s;opacity:.35;transform:scaleX(-1)}.story-weather span:nth-child(3){display:none}
.scene-world[data-mood="storm"] .story-weather span{background:repeating-linear-gradient(112deg,transparent 0px,transparent 36px,#d6e7f13d 37px,transparent 38px,transparent 75px);animation:storyRain 1s linear infinite}
.scene-world[data-mood="storm"][data-phase="resolve"] .story-weather{opacity:.12;transition:opacity 2s}
.scene-world[data-mood="forest"] .story-weather span,.scene-world[data-mood="mist"] .story-weather span{background:radial-gradient(ellipse at 20% 90%,#cfdfed55,transparent 60%);animation:storyMist 12s ease-in-out infinite alternate}
.scene-world[data-mood="forge"] .story-weather span{background:radial-gradient(ellipse at 30% 70%,#ff963640,transparent 50%);animation-duration:2.2s}
.scene-world[data-mood="hearth"] .story-weather span{background:radial-gradient(ellipse at 10% 60%,#ffc16d44,transparent 50%);animation-duration:3s}
@keyframes storyRain{from{translate:0 -5%}to{translate:-3% 5%}}
@keyframes storyLight{from{opacity:.3;transform:translateX(-2%)}to{opacity:.8;transform:translateX(2%)}}
@keyframes storyMist{from{translate:-6% 2%;opacity:.25}to{translate:6% -2%;opacity:.6}}

@media(prefers-reduced-motion:reduce){.story-actor{transition:none}.story-weather{opacity:.15}}

.scene-world{background-size:cover;background-position:center}

.scene-art{position:absolute;inset:0;transform-origin:center;will-change:transform}
.scene-art>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;animation:none}
#story-motion-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;pointer-events:none}
#story-motion-canvas.motion-ready{opacity:1;object-fit:cover;object-position:var(--scene-focus,center)}
.scene-world[data-art-state="loading"] .scene-art,.scene-world[data-art-state="error"] .scene-art{visibility:hidden}
.scene-art-notice{display:none;position:absolute;inset:auto 12px 12px;z-index:5;background:#142526;color:#fff;padding:10px 14px;border-radius:8px}
.scene-world[data-art-state="loading"] .scene-art-notice,.scene-world[data-art-state="error"] .scene-art-notice{display:block}
.scene-art-notice [hidden]{display:none}
/* Keep the established camera motion in chapters 1–11. */
.scene-world:not(.scene-world-animated) .scene-art>img{animation:storyCamera 18s ease-in-out infinite alternate}

/* Earned-gold personalization and launch offer. */
body[data-kingdom-theme="amethyst"]{--bg:#f3eef7;--gold:#775195;--ink:#34273e}
body[data-kingdom-theme="amethyst"] aside{background:#291d38}
body[data-kingdom-theme="amethyst"] aside nav a.active{background:#483455;color:#f4dfb6}
body[data-kingdom-theme="amethyst"] button.gold,body[data-kingdom-theme="amethyst"] .btn.gold{background:#775195;color:white}
body[data-kingdom-theme="amber"]{--bg:#fbf1df;--gold:#976320;--ink:#41331f}
body[data-kingdom-theme="amber"] aside{background:#392a1a}
body[data-kingdom-theme="amber"] aside nav a.active{background:#594326;color:#ffe2a5}
body[data-journal-style="gilded"] #app[data-route="#journal"] .card,body[data-journal-style="gilded"] #entries>article{border:2px solid #b58b46;background:#fff8e8;box-shadow:inset 0 0 0 4px #f3e6cb}
body[data-journal-style="garden"] #app[data-route="#journal"] .card,body[data-journal-style="garden"] #entries>article{border:2px solid #789174;background:#f0f5e9}
.royal-title{color:var(--gold);letter-spacing:1px;padding:8px 12px;border:1px solid currentColor;border-radius:22px;font-size:10px}
.topline{flex-wrap:wrap;gap:12px}.treasure-shop{margin:40px 0;padding:28px;border:1px solid #d9cfb9;border-radius:16px;background:#ffffff66}.gold-balance{color:var(--gold);white-space:nowrap}.shop-wallet{display:flex;gap:22px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid #d9cfb9;margin-bottom:22px;font-size:13px}.reward-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.shop-reward{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.shop-reward p{flex:1;margin:0}.shop-reward button{margin-top:10px;min-height:44px}.shop-reward-icon{font:38px Georgia;color:var(--gold)}.reward-amethyst .shop-reward-icon{color:#775195}.reward-amber .shop-reward-icon{color:#976320}.reward-garden .shop-reward-icon{color:#54784f}.shop-reward button:disabled,.full-offer button:disabled{opacity:.65;cursor:default}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.upgrade-hero{max-width:1000px}.full-offer{border:2px solid var(--gold)}.full-offer h2{font-size:54px}.full-offer h2 small{font:13px 'DM Sans',sans-serif}.offer-grid ul{padding-left:22px;line-height:2}.offer-grid button,.offer-grid .btn{margin-top:20px}.shop-reward strong{font-size:13px}.treasure-shop .section-title{margin-top:0}
@media(max-width:700px){.offer-grid{grid-template-columns:1fr}.treasure-shop{padding:18px}.reward-grid{grid-template-columns:1fr}.royal-title{font-size:9px}.shop-wallet{gap:12px}}

/* Launch navigation, onboarding and local backup. */
.skip-link{position:fixed;top:-100px;left:16px;padding:12px 18px;background:#142526;color:white;z-index:100}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8862a9;outline-offset:4px}#app:focus{outline:none}.app-footer{border-top:1px solid #d9cfb9;margin-top:48px;padding-top:22px;color:var(--muted);font-size:12px}.app-footer nav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.app-footer nav a{color:var(--ink);padding:8px;font-size:12px}.welcome-hero{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin:30px 0}.welcome-hero>img{width:100%;border-radius:24px;aspect-ratio:1/1;object-fit:cover}.welcome-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-page{max-width:1000px}.info-page>h2{margin-top:36px}.info-page>p{max-width:780px}.info-page .grid{grid-template-columns:1fr 1fr}.help-detail{border-bottom:1px solid #d9cfb9;padding:20px 4px}.help-detail summary{font-weight:600;cursor:pointer;min-height:30px}.backup-tools{margin:30px 0}.backup-tools input[type=file]{max-width:100%;padding:12px;border:1px solid #d9cfb9;border-radius:8px}.backup-picker{display:none}.backup-tools .actions{align-items:center;flex-wrap:wrap}.data-reminder{margin-top:24px}.info-page a{overflow-wrap:anywhere}button,[role=button],.btn{min-height:42px}.info-page .card{min-width:0}
@media(max-width:850px){.welcome-steps{grid-template-columns:1fr}.welcome-hero{grid-template-columns:1fr}.welcome-hero>img{max-height:320px;aspect-ratio:16/9}.info-page .grid{grid-template-columns:1fr}.app-footer nav a{min-height:44px;display:flex;align-items:center}.backup-tools{padding:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Five simple screens with the established emerald King as a guide. */
.king-guide{width:min(760px,calc(100vw - 32px));box-sizing:border-box;padding:26px;border:1px solid #d7c6a5;border-radius:24px;background:#f8f3e8;color:#213433;max-height:90dvh;overflow:auto;box-shadow:0 20px 100px #0005}.king-guide::backdrop{background:#102321bb;backdrop-filter:blur(4px)}.guide-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.guide-close{font-size:26px;padding:4px 14px}.guide-layout{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:start;margin-top:16px}.king-guide-character{text-align:center}.king-guide-character>span{display:block;font-size:11px;margin-top:12px;color:#6d7770;letter-spacing:1px}.king-guide-portrait{width:145px;height:180px;border-radius:72px 72px 30px 30px;background:linear-gradient(#e9ddbc,#d3c097);overflow:hidden;position:relative}.king-guide-portrait img{position:absolute;width:285px;max-width:none;height:auto;top:8px;left:-25px}.king-guide-speech h2{font-size:36px;line-height:1.12;margin-top:8px}.king-guide-speech p{font-size:15px}.king-guide-speech .small{font-size:12px}.guide-count{font-size:12px!important;color:#87632c;margin:0}.guide-mini-chapter,.guide-mini-steps,.guide-mini-story,.guide-mini-journal,.guide-mini-gold{background:#ece6d6;border:1px solid #d9cfb9;border-radius:12px;padding:18px;margin:20px 0 0}.guide-mini-chapter{display:flex;gap:16px;align-items:center}.guide-mini-chapter>span{font:36px Georgia;color:#9b763c}.guide-mini-chapter strong,.guide-mini-chapter small,.guide-mini-story strong,.guide-mini-story small,.guide-mini-journal strong,.guide-mini-journal small,.guide-mini-gold strong,.guide-mini-gold small{display:block}.guide-mini-chapter small{font-size:9px;letter-spacing:1px}.guide-mini-chapter b{margin-left:auto}.guide-mini-steps{display:flex;justify-content:space-between;gap:8px;font-size:12px}.guide-mini-steps span{padding:8px;background:#fbf8ef;border-radius:6px}.guide-mini-story>span,.guide-mini-journal>span,.guide-mini-gold>span{float:left;font-size:36px;color:#9b763c;margin-right:16px}.guide-mini-story small,.guide-mini-journal small,.guide-mini-gold small{font-size:11px;color:#6d7770;margin-top:6px}.guide-actions{display:flex;justify-content:space-between;gap:16px}.guide-dots{display:flex;justify-content:center;gap:8px;margin:24px}.guide-dots span{height:7px;width:7px;border-radius:50%;background:#d6cdb8}.guide-dots span.current{width:24px;border-radius:8px;background:#a77a36}.guide-skip{display:block;margin:18px auto 0;padding:8px 14px;background:transparent;color:#58695d;text-decoration:underline;border:0}.guide-help{background:transparent;color:var(--ink);font-size:12px;margin-left:18px;padding:8px 12px;border:1px solid #d9cfb9;border-radius:20px}.answer-privacy-note{font-size:12px;color:var(--muted);border-top:1px solid #d9cfb9;padding-top:18px;margin-top:30px}.answer-privacy-note a{color:var(--ink)}
@media(max-width:600px){.king-guide{padding:20px}.guide-layout{grid-template-columns:1fr;gap:14px}.king-guide-character{display:flex;align-items:center;gap:16px}.king-guide-portrait{width:74px;height:84px;border-radius:42px}.king-guide-portrait img{width:155px;left:-16px;top:4px}.king-guide-character>span{margin:0}.king-guide-speech h2{font-size:30px}.guide-mini-steps{padding:12px}.guide-help{margin:12px 0 0;display:block}.guide-actions button{min-height:46px}.guide-skip{min-height:44px}}
.king-guide-speech h2:focus{outline:none}

/* A simple tap-open navigation on phones. */
.mobile-menu{display:none}
@media(max-width:700px){aside{position:relative}.brand{max-width:calc(100% - 100px);font-size:11px;display:block}.brand small{display:block;margin-left:0;margin-top:3px}.mobile-menu{display:block;position:absolute;right:18px;top:16px;background:#2a3b38;color:#f5e4be;border:1px solid #5c6d5f;border-radius:8px;padding:8px 12px;font-size:12px;min-height:44px}aside nav{display:none;margin-top:16px;overflow:visible}.mobile-nav-open aside nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}aside nav a{white-space:normal;min-height:44px;display:flex;align-items:center;font-size:12px;padding:10px}.topline{align-items:flex-start}.chapter-switch-label{max-width:100%}.chapter-switch-label select{max-width:100%;width:auto}}

.welcome-kingdom{height:440px;overflow:hidden;border-radius:24px}.welcome-kingdom .kingdom-scene{height:100%;min-height:0}@media(max-width:850px){.welcome-kingdom{height:340px}}

/* Phone controls remain usable around iPhone display cutouts and browser chrome. */
@media(max-width:700px){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}main{padding-bottom:calc(45px + env(safe-area-inset-bottom))}aside{padding-top:calc(18px + env(safe-area-inset-top))}input,textarea,select{font-size:16px}.btn,button,nav a{min-height:44px}.actions>.btn,.actions>button{display:inline-flex;align-items:center;justify-content:center}textarea{scroll-margin-bottom:120px}.topline{flex-wrap:wrap;gap:12px}}