:root{color:#223541;font-synthesis:none;text-rendering:optimizelegibility;background:#f4efe4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button{font:inherit;cursor:pointer;color:#233947;background:#fffdf7;border:1.5px solid #9ba7a6;border-radius:14px;min-height:48px;padding:.78rem 1.15rem;transition:background .15s,transform .15s,border-color .15s}button:hover:not(:disabled){background:#e9f3f1;border-color:#317a7b;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #e28b38}.primary{color:#fff;background:#245e68;border-color:#245e68;font-weight:700}.primary:hover:not(:disabled){color:#fff;background:#174953}.quiet,.text-link{color:#245e68;background:0 0;border:0;min-height:40px;padding:.3rem .5rem;font-weight:700}.app-shell{background:radial-gradient(circle at 10% 0,#fffaf0 0,#0000 36%),#f4efe4;flex-direction:column;min-height:100vh;display:flex}.topbar{background:#faf8f1;border-bottom:1px solid #d9dbd1;justify-content:space-between;align-items:center;gap:1rem;min-height:68px;padding:0 clamp(1rem,4vw,3rem);display:flex}.brand{color:#1d4b57;letter-spacing:.015em;align-items:center;gap:.65rem;font-weight:850;display:flex}.brand small{letter-spacing:.12em;text-transform:uppercase;color:#687c7e;font-size:.65rem;font-weight:600;display:block}.brand-mark{color:#273b4d;background:#e4a65a;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.top-actions{align-items:center;gap:.7rem;display:flex}.preview-badge{color:#674819;background:#fff1d3;border:1px solid #dfc78b;border-radius:99px;padding:.4rem .75rem;font-size:.8rem;font-weight:700}main{flex:1;width:100%;max-width:1380px;margin:0 auto;padding:clamp(1.2rem,3vw,2.5rem)}.footer{color:#677775;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);font-size:.75rem;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#ab6429;font-size:.74rem;font-weight:800}.intro,.section-head{max-width:760px;margin-bottom:2rem}.intro h1,.section-head h1,.center-card h1,.detail-copy h1,.setup-copy h1,.ending-screen h1{color:#1a3d50;margin:.35rem 0 .7rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.25rem,5vw,4.2rem);font-weight:700;line-height:1.08}.intro p,.section-head p,.detail-copy p,.setup-copy p,.ending-screen p{color:#4c6065;font-size:1.12rem;line-height:1.55}.selection-screen{max-width:1040px;margin:clamp(1rem,5vh,4rem) auto}.profile-grid,.shelf-grid,.inspection-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1.2rem;display:grid}.profile-card{text-align:left;background:#fffdf7;border-color:#d4d9d4;flex-direction:column;align-items:flex-start;min-height:245px;padding:1.5rem;display:flex;box-shadow:0 10px 30px #2235410d}.profile-card strong{color:#1e4450;margin:.85rem 0 .15rem;font-family:Georgia,serif;font-size:1.7rem}.profile-card>span:not(.avatar){color:#647578}.profile-card .card-arrow{margin-top:auto;padding-top:1.2rem;font-size:.9rem;font-weight:800;color:#246875!important}.avatar{color:#245e68;background:#d7e9df;border-radius:50%;place-items:center;width:64px;height:64px;font-family:Georgia,serif;font-size:2rem;display:grid}.avatar-1{color:#8b5227;background:#f7e0bf}.fine-print{color:#687775;margin-top:2rem;font-size:.82rem}.shelf-screen{max-width:1120px;margin:1rem auto}.book-card{text-align:left;background:#fffdf7;border-color:#d1d9d6;flex-direction:column;min-height:350px;padding:0;display:flex;overflow:hidden;box-shadow:0 12px 32px #22354110}.book-cover{background:#dbe8e7;width:100%;height:210px;display:block;overflow:hidden}.book-cover img{object-fit:contain;width:100%;height:100%}.book-details{flex-direction:column;align-items:flex-start;gap:.38rem;width:100%;padding:1.1rem 1.3rem;display:flex}.book-details strong{color:#1a3d50;font-family:Georgia,serif;font-size:1.45rem}.book-details small{color:#576d73;font-size:.88rem}.progress-pill{color:#2c6563;background:#e8f0e9;border-radius:100px;margin:.3rem 0;padding:.32rem .7rem;font-size:.74rem;font-weight:800}.card-arrow{color:#226674;font-size:.86rem;font-weight:750}.inspection-card{text-align:left;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.inspection-card strong{font-family:Georgia,serif;font-size:1.5rem}.center-card{background:#fffdf7;border:1px solid #d6d9d3;border-radius:22px;max-width:680px;margin:8vh auto;padding:2.2rem;box-shadow:0 15px 40px #22354112}.center-card p{line-height:1.6}.button-row{flex-wrap:wrap;gap:.8rem;margin-top:1.4rem;display:flex}.book-detail{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(1.5rem,5vw,5rem);max-width:1050px;margin:3vh auto;display:grid}.detail-art{background:#e0ebe7;border-radius:24px;overflow:hidden;box-shadow:0 16px 35px #2235411c}.detail-art img{object-fit:contain;width:100%;max-height:570px;display:block}.detail-copy .text-link{margin-bottom:1.2rem;display:block}.detail-note{border-left:3px solid #d9a263;padding-left:1rem;font-size:.97rem!important}.setup-screen{max-width:1150px;margin:1rem auto}.setup-layout{grid-template-columns:1fr 1fr;align-items:center;gap:2rem;min-height:65vh;display:grid}.setup-copy{max-width:570px}.setup-copy h1{font-size:clamp(2rem,4.5vw,3.7rem)}.setup-art img{object-fit:contain;width:100%;max-height:600px}.options{flex-wrap:wrap;gap:.7rem;margin:1rem 0;display:flex}.options button{min-width:90px;font-weight:750}.options.large button{min-width:105px;font-size:1.15rem}.options .selected{color:#174d59;background:#dbebe8;border-color:#176b73;box-shadow:inset 0 0 0 1px #176b73}.reading-screen{max-width:1120px;margin:0 auto}.reading-toolbar{color:#607173;justify-content:space-between;align-items:center;gap:1rem;padding:0 .5rem .8rem;font-size:.84rem;font-weight:750;display:flex}.reading-toolbar span:nth-child(2){color:#305b63}.reading-nav{justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0 0;padding:.5rem 0;display:flex}.reading-nav span{color:#657578;font-size:.85rem}.ending-screen{text-align:center;max-width:780px;margin:0 auto}.ending-screen img{object-fit:contain;width:100%;max-height:48vh;display:block}.ending-screen h1{font-size:clamp(2rem,4vw,3.4rem)}.ending-screen .button-row{justify-content:center}.notice{z-index:5;background:#fff2d8;border:1px solid #cda665;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;max-width:750px;margin:1rem auto;padding:.8rem 1rem;display:flex;position:sticky;bottom:1rem;box-shadow:0 8px 20px #22354125}.notice button{white-space:nowrap}@media (width<=700px){main{padding:1rem}.topbar{min-height:60px}.book-detail,.setup-layout{grid-template-columns:1fr}.detail-art img{max-height:300px}.setup-art{order:-1}.setup-art img{max-height:250px}.reading-toolbar{flex-wrap:wrap;font-size:.73rem}.preview-badge{font-size:.68rem}.footer{font-size:.66rem}.profile-card{min-height:190px}.topbar{flex-wrap:wrap;padding-block:.5rem}.setup-layout{grid-template-columns:minmax(0,1fr)}.setup-copy,.setup-art{min-width:0}.setup-copy h1{overflow-wrap:anywhere}.reading-nav{flex-wrap:wrap}button{max-width:100%}}.book-main{text-align:left;background:0 0;border:0;border-radius:0;flex-direction:column;width:100%;height:100%;padding:0;display:flex}.book-main:hover:not(:disabled){transform:none}.book-main .book-details{flex:1}.book-main .card-arrow{margin-top:auto}.edition-options{background:#f8faf5;border-top:1px solid #e2e8e3;flex-wrap:wrap;align-items:center;gap:.35rem .6rem;padding:.65rem 1.3rem 1rem;display:flex}.edition-options>span{color:#637879;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800}.edition-link{color:#245e68;text-align:left;background:0 0;border:0;min-height:36px;padding:.2rem .4rem;font-size:.82rem;font-weight:750}.edition-link small{color:#617575;font-size:.78rem;font-weight:500}main:has(.reading-screen){padding-top:clamp(.6rem,1.4vw,1rem);padding-bottom:.35rem}.reading-toolbar{padding-bottom:.45rem}.reading-nav{margin:.35rem 0 0;padding:.2rem 0}.shelf-grid{border-bottom:16px solid #9b704f;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),320px));gap:1.5rem;padding:0 1rem 1.2rem;box-shadow:0 9px #d2b28b}.book-card{border:1.5px solid #d1d9d6;border-radius:16px;min-height:0}.reading-view-controls{justify-content:flex-end;max-width:1120px;margin:0 auto .5rem;display:flex}.reading-view-toggle{white-space:nowrap;background:#fffdf7;border:1px solid #c1cdc7;min-height:44px;padding:.4rem .75rem;font-size:.85rem}.reading-view-message{color:#576d73;max-width:1120px;margin:.25rem auto .75rem;font-size:.84rem}.reader-immersive{--reading-inset:clamp(.6rem,1.3vw,1.4rem);background:#f8f4eb;min-height:100dvh}.reader-immersive:fullscreen{height:100dvh;overflow:auto}.reader-immersive>.topbar,.reader-immersive>.footer{display:none}.reader-immersive>main{padding:var(--reading-inset);box-sizing:border-box;width:100%}.reader-immersive .reading-screen{width:100%;max-width:none;margin:0}.reader-immersive .reading-toolbar{background:#f8f4eb;flex-wrap:wrap;gap:.6rem;padding:.15rem .4rem .55rem}.reader-immersive .book-page{box-shadow:none;overscroll-behavior:contain;border-radius:14px;min-height:0;padding:clamp(.8rem,1.5vw,1.5rem);overflow:auto}.reader-immersive .page-head>.eyebrow{display:none}.reader-immersive .page-head h2:focus{outline:none}.reader-immersive .layout-illustrated-v1 .page-body{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:0 clamp(1.2rem,3vw,3rem)}.reader-immersive .layout-illustrated-v1 .art{background:#e6eeeb;min-height:0;max-height:calc(100dvh - 170px)}.reader-immersive .layout-illustrated-v1 .book-text{max-width:48ch;font-size:clamp(1.13rem,1.6vw,1.45rem);line-height:1.45}.reader-immersive .reading-nav{background:#f8f4eb;border-top:1px solid #deded2;margin:.7rem 0 0;padding:.5rem .4rem}.reader-immersive .panel-scene{height:clamp(240px,48dvh,560px)}.reader-immersive .book-detail{max-width:1400px;margin:1rem auto}.reader-immersive .detail-art img{max-height:calc(100dvh - 150px)}.reader-immersive .ending-screen img{max-height:65dvh}@media (width<=700px){.reader-immersive .reading-toolbar{flex-wrap:wrap}.reader-immersive .reading-view-toggle{margin-left:auto}.reader-immersive .layout-illustrated-v1 .art{height:auto;max-height:50dvh}.reader-immersive .art img[data-image-format=raster]{max-height:50dvh}.reader-immersive .panel-scene{height:240px}.reader-immersive .layout-illustrated-v1 .book-text{font-size:1.13rem}}.reader-immersive .reading-toolbar .reading-view-message{flex-basis:100%;margin:.15rem 0 0}.reader-page-view>main{flex-direction:column;flex:none;height:100dvh;min-height:0;display:flex}.reader-page-view .reading-screen{flex:1;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid}.reader-page-view .notice{flex-shrink:0;margin:.5rem auto 0;position:static}.app-shell .reading-nav button,.app-shell .button-row>button,.app-shell .setup-copy>button.primary{color:#324a4d;background:linear-gradient(160deg,#fffdf7,#f2e5cc);border:1.5px solid #ae9e80;border-radius:18px 18px 22px 10px;padding:.8rem 1.3rem;font-weight:750;box-shadow:0 3px #c1ad88,0 7px 14px #65533314}.app-shell .reading-nav button.primary,.app-shell .button-row>button.primary,.app-shell .setup-copy>button.primary{color:#fffaf0;background:linear-gradient(145deg,#347a7d,#21565f);border-color:#83abaa #1e5660 #1e5660;box-shadow:0 3px #143e47,0 7px 14px #234f5a24}.app-shell .reading-nav button:hover:not(:disabled),.app-shell .button-row>button:hover:not(:disabled),.app-shell .setup-copy>button.primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)}.app-shell .reading-nav button:active:not(:disabled),.app-shell .button-row>button:active:not(:disabled),.app-shell .setup-copy>button.primary:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.app-shell .reading-nav button:disabled{box-shadow:none;filter:none;transform:none}.page-turn-next{position:relative;border-radius:18px 10px 22px 18px!important;padding-right:1.6rem!important}.page-turn-next:after{content:"";clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none;background:#f4c16c;width:9px;height:9px;position:absolute;top:4px;right:5px}.reader-destinations{flex-wrap:wrap;gap:.25rem;display:flex}.reader-destinations .text-link{background:#fffaf0;border:1px solid #d8cbb4;border-radius:12px;min-height:44px;padding:.35rem .65rem;font-size:.86rem}.reader-destinations .text-link:hover:not(:disabled){background:#f3e7d2}@media (prefers-reduced-motion:reduce){.app-shell button{transition:none}.app-shell button:hover:not(:disabled),.app-shell button:active:not(:disabled){transform:none}}.app-shell.reader-is-reading:not(.reader-immersive){height:100dvh;min-height:0}.reader-is-reading:not(.reader-immersive)>.topbar,.reader-is-reading:not(.reader-immersive)>.footer{flex-shrink:0}.reader-is-reading:not(.reader-immersive)>main{flex-direction:column;flex:1;min-height:0;display:flex}.reader-is-reading .reading-screen{flex:1;grid-template-rows:auto minmax(0,1fr) auto;width:100%;min-height:0;display:grid}.reader-is-reading .book-page{overscroll-behavior:contain;min-height:0;overflow:auto}.reader-is-reading .notice{flex-shrink:0;margin:.5rem auto 0;position:static}.reader-is-reading .reading-toolbar{flex-wrap:wrap;gap:.4rem .75rem}.app-shell .ending-screen img{border-radius:18px;max-height:32dvh}.reader-is-reading>.topbar,.reader-is-reading>.footer{display:none}.app-shell.reader-is-reading>main{flex:none;max-width:none;height:100dvh;padding:clamp(.4rem,1vw,.8rem)}.reader-is-reading .reading-screen{max-width:none}.reader-is-reading .reading-toolbar{flex-wrap:nowrap;gap:.5rem;min-height:44px;padding:0 .2rem .35rem}.reader-bookcase{color:#245e68;white-space:nowrap;background:0 0;border:0;align-items:center;gap:.4rem;min-height:44px;padding:.3rem .6rem;font-size:.85rem;font-weight:750;display:inline-flex}.reader-bookcase svg,.reader-tools svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.reading-book-label{text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#576d73;flex:1;min-width:0;font-size:.8rem;overflow:hidden}.reader-tools{align-items:center;gap:.25rem;display:flex}.reader-tools .reading-view-toggle{background:0 0;border:0;place-items:center;width:44px;height:44px;min-height:44px;padding:10px;display:grid}.reader-options{position:relative}.reader-options summary{cursor:pointer;color:#245e68;border-radius:12px;place-items:center;width:44px;height:44px;list-style:none;display:grid}.reader-options summary::-webkit-details-marker{display:none}.reader-options summary:focus-visible{outline-offset:1px;outline:3px solid #e28b38}.reader-options summary:hover{background:#eee4d0}.reader-options-panel{z-index:10;background:#fffdf7;border:1px solid #d8cbb4;border-radius:14px;gap:.4rem;min-width:220px;max-width:calc(100vw - 2rem);padding:.6rem;display:grid;position:absolute;top:48px;right:0;box-shadow:0 8px 30px #22354125}.reader-options-panel button{text-align:left;background:0 0;border:0;min-height:44px;padding:.5rem;font-size:.9rem}.reader-options-panel label{align-items:center;gap:.5rem;min-height:44px;padding:.5rem;font-size:.9rem;display:flex}.reader-options-panel input{width:18px;height:18px}.reader-options-panel small{color:#674819;padding:.5rem}.reader-is-reading .page-head>.eyebrow{display:none}.reader-is-reading .hide-page-titles .page-head{border:0;margin:0;padding:0}.reader-is-reading .hide-page-titles #page-title{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reader-is-reading #page-title:focus{outline:none}.reader-is-reading .book-page{padding:clamp(.75rem,1.5vw,1.5rem);box-shadow:0 5px 18px #1c3b480c}.reader-is-reading .layout-illustrated-v1 .art{min-height:0;max-height:calc(100dvh - 150px)}.reader-is-reading .layout-illustrated-v1 .page-body{gap:0 clamp(1rem,3vw,3rem)}.reader-is-reading .reading-nav{margin:.35rem 0 0;padding:.25rem .2rem}.reader-is-reading .reading-toolbar:has(.reading-view-message){flex-wrap:wrap}.reader-is-reading .reading-view-message{flex-basis:100%;margin:0}@media (width<=700px){.reader-is-reading .layout-illustrated-v1 .art,.reader-is-reading .art img[data-image-format=raster]{max-height:50dvh}.reading-book-label{font-size:.72rem}.reader-is-reading .reading-nav{gap:.3rem}.reader-is-reading .reading-nav span{font-size:.72rem}.reader-is-reading .reading-toolbar{gap:.25rem}.reader-bookcase{flex-shrink:0;padding:.25rem;font-size:clamp(13px,3.5vw,16px)}.reader-is-reading .reading-nav span{text-align:center;flex:1;min-width:0}.reader-is-reading .reading-nav button{padding:.5rem;font-size:clamp(14px,3.5vw,18px)}.reader-options-panel{width:240px;min-width:0}}.reader-is-reading .reading-screen{grid-template-columns:minmax(0,1fr)}.reader-is-reading .reading-toolbar,.reader-is-reading .reading-nav{min-width:0}.reader-options:not([open])>.reader-options-panel{display:none}.reader-is-reading .book-text{overflow-wrap:break-word}.app-shell{height:100dvh;min-height:0;overflow:hidden}.app-shell>.footer{display:none}.app-shell>.topbar{flex-shrink:0;gap:.5rem;min-height:48px;padding:.3rem clamp(.5rem,1vw,1rem)}.app-shell .brand small{display:none}.app-shell .brand-mark{width:28px;height:28px}.app-shell .brand{font-size:.9rem}.app-shell .top-actions{flex-wrap:wrap;justify-content:flex-end;gap:.3rem}.app-shell>main{flex-direction:column;flex:1;max-width:none;min-height:0;padding:clamp(.4rem,1vw,.8rem);display:flex;overflow:hidden}.app-shell>main>section:not(.reading-screen){overscroll-behavior:contain;flex:1;width:100%;min-width:0;min-height:0;margin:0 auto;overflow:auto}.app-shell .reading-view-message,.app-shell .notice{flex-shrink:0;margin:.3rem auto;position:static}.app-shell .selection-screen,.app-shell .shelf-screen{max-width:1200px;padding:clamp(.75rem,2vw,1.5rem)}.app-shell .intro,.app-shell .section-head{margin-bottom:1rem}.app-shell .intro h1,.app-shell .section-head h1{font-size:clamp(2rem,4vw,3.3rem)}.app-shell .intro p,.app-shell .section-head p{margin:.5rem 0}.app-shell .book-detail{gap:clamp(1rem,3vw,3rem);max-width:1400px;padding:clamp(.75rem,2vw,1.5rem)}.app-shell .detail-art img{max-height:calc(100dvh - 120px)}.app-shell .setup-screen{grid-template-rows:minmax(0,1fr) auto;max-width:1400px;display:grid;overflow:hidden}.setup-content{overscroll-behavior:contain;min-height:0;padding:clamp(.75rem,2vw,1.5rem);overflow:auto}.app-shell .setup-layout{gap:clamp(1rem,3vw,3rem);min-height:0}.app-shell .setup-art img{max-height:calc(100dvh - 220px)}.setup-actions{background:#f8f4eb;border-top:1px solid #ddd5c6;justify-content:flex-end;padding:.5rem .75rem .65rem;display:flex}.app-shell .setup-actions .primary{color:#fffaf0;background:linear-gradient(145deg,#347a7d,#21565f);border-color:#1e5660;border-radius:18px 10px 22px 18px;font-weight:750;box-shadow:0 3px #143e47}.app-shell .ending-screen{flex-direction:column;max-width:1000px;display:flex;overflow:hidden}.ending-content{overscroll-behavior:contain;flex:1;min-height:0;padding:1rem;overflow:auto}.app-shell .ending-screen .button-row{border-top:1px solid #ddd5c6;flex-shrink:0;margin:.3rem 0 0;padding:.5rem}.app-shell .center-card{max-width:680px;padding:clamp(1rem,3vw,2rem);flex:0 auto!important}.reader-immersive:not(.reader-is-reading)>.topbar{display:flex}.reader-immersive:not(.reader-is-reading)>main{flex:1;height:auto;min-height:0}@media (width<=700px){.app-shell .setup-art img{max-height:25dvh}.app-shell .detail-art img{max-height:35dvh}.app-shell .setup-copy h1{font-size:clamp(1.8rem,6vw,2.6rem)}.app-shell .book-detail{display:block}.app-shell .detail-art{margin-bottom:1rem}.app-shell .topbar{flex-wrap:wrap}.app-shell .top-actions .reading-view-toggle{padding:.3rem .5rem;font-size:.75rem}.app-shell .preview-badge{padding:.25rem .4rem}.app-shell .top-actions .quiet{font-size:.75rem}.setup-actions .primary{width:100%}}.book-page{background:#fffdf7;border:1px solid #d9d9d0;border-radius:20px;min-width:0;padding:clamp(1rem,2vw,1.6rem);box-shadow:0 15px 45px #1c3b4815}.page-head{border-bottom:1px solid #dee0d8;margin-bottom:.8rem;padding-bottom:.45rem}.page-head h2{color:#1d4051;margin:.15rem 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.7rem,2.6vw,2.25rem);line-height:1.15}.page-body{min-width:0}.book-text{color:#263944;margin:.5rem 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.48}.book-text.dialogue{font-size:1.05rem;line-height:1.42}.book-text.caption{font-size:1rem;font-style:italic}.book-text.sound{letter-spacing:.05em;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.95rem;font-weight:850}.speaker{color:#326476;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.78em;font-weight:800}.painted-word{letter-spacing:.13em;color:#315568;border-bottom:2px dashed #7b8d91;font-family:Impact,Arial Narrow,sans-serif;font-size:.9em;font-weight:900}.art{background:#e6eeeb;border-radius:16px;justify-content:center;align-items:center;margin:0;display:flex;overflow:hidden}.art img{object-fit:contain;width:100%;height:100%;display:block}.layout-illustrated-v1 .page-body{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:start;gap:0 2rem;display:grid}.layout-illustrated-v1 .art{grid-area:1/1/span 20;min-height:280px;max-height:min(46vh,420px)}.layout-illustrated-v1 .book-text,.layout-illustrated-v1 .choice{grid-column:2}.layout-illustrated-v1 .book-text{margin:.36rem 0;font-size:clamp(1.12rem,1.75vw,1.3rem);line-height:1.42}.layout-prose-v1 .page-body{max-width:690px;margin:0 auto}.layout-prose-v1 .book-text{margin:.55rem 0;font-size:clamp(1.1rem,1.6vw,1.2rem);line-height:1.55}.layout-prose-v1 .book-text:first-child{margin-top:0}.layout-panels-v1 .page-body{grid-template-columns:minmax(180px,.65fr) repeat(2,minmax(0,1fr));align-items:stretch;gap:.6rem;display:grid}.panel-scene{background:#e5eeeb;border-radius:12px;grid-area:1/1/span 2;height:230px;margin:0;overflow:hidden}.panel-scene img{object-fit:contain;width:100%;height:100%;display:block}.panel{background:#f2f7f4;border:1.5px solid #cad8d5;border-radius:12px;align-items:center;min-width:0;display:flex}.panel-lines{width:100%;min-width:0;padding:.65rem .85rem}.panel-action{color:#53696b;margin:.1rem 0 .4rem;font-family:Georgia,serif;font-size:.93rem;line-height:1.35}.panel-lines .book-text{overflow-wrap:break-word;margin:.18rem 0}.layout-panels-v1 .choice{grid-column:1/-1}.choice{background:#f4efe2;border:1px solid #e3d5bc;border-radius:14px;margin-top:.4rem;padding:.75rem 1rem}.choice h3{margin:.2rem 0;font-family:Georgia,serif;font-size:1.2rem}.choice .options{margin:.45rem 0}.confirmed{color:#275f69;font-weight:750}.layout-illustrated-v1 .choice{align-self:end}@media (width<=900px){.layout-panels-v1 .page-body{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-scene{grid-area:auto/1/auto/-1;height:170px}}@media (width<=700px){.book-page{padding:1rem}.layout-illustrated-v1 .page-body{display:block}.layout-illustrated-v1 .art{height:auto;min-height:0;max-height:330px;margin-bottom:.8rem}.layout-illustrated-v1 .art img{max-height:330px}.layout-panels-v1 .page-body{grid-template-columns:1fr}.panel-scene{height:180px}.book-text,.layout-illustrated-v1 .book-text{font-size:1.13rem}.layout-prose-v1 .book-text{font-size:1.12rem}}@media (height<=720px) and (width>=701px){.panel-scene{height:190px}.layout-illustrated-v1 .art{min-height:240px;max-height:37vh}.book-page{padding:1rem}.page-head{margin-bottom:.55rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.sound-word{letter-spacing:.055em;color:#853b17;background:#fff0bf;border:2px solid #d19a46;border-radius:28% 12% 25% 15%;padding:.08em .28em;font-family:ui-rounded,Trebuchet MS,sans-serif;font-size:1.16em;font-weight:900;line-height:1.2;display:inline-block;transform:rotate(-3deg)}.storybook-cover{background:#fffdf7;border:1px solid #d7c6a9;border-radius:24px;padding:clamp(1rem,3vw,2.5rem);box-shadow:0 15px 40px #22354114}.storybook-cover .detail-art{background:#e9ddc5;border:7px solid #e9ddc5;border-radius:18px}.storybook-cover .detail-copy h1,.storybook-cover .detail-copy h2{color:#234c5c;letter-spacing:-.035em;margin:.4rem 0 1rem;font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,4.6rem);line-height:1.05}.storybook-cover .detail-copy>p,.storybook-cover .detail-copy .book-text{font-size:clamp(1.12rem,1.6vw,1.45rem);line-height:1.5}@media (width<=700px){.storybook-cover .detail-art img{max-height:370px}.storybook-cover{padding:1rem}}.art img[data-image-format=raster]{width:auto;max-width:100%;height:auto;max-height:inherit;object-fit:contain}.sound-button{cursor:pointer;vertical-align:baseline;align-items:center;gap:.22em;min-height:44px;display:inline-flex;box-shadow:0 3px #bb7b34}.sound-button svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round;width:1.3em;height:1em}.sound-play-cue{font-size:.55em}.sound-button[aria-pressed=true]{box-shadow:none;transform:rotate(-3deg)translateY(2px)}.sound-button:focus-visible{outline-offset:4px;outline:3px solid #245e69}.layout-panels-v2 .page-body{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:start;gap:0 clamp(1rem,3vw,3rem);display:grid}.layout-panels-v2 .panel-scene{background:#e6eeeb;border-radius:16px;grid-area:1/1/span 20;height:auto;max-height:calc(100dvh - 150px)}.layout-panels-v2 .panel-scene img{width:100%;height:auto;max-height:inherit;object-fit:contain;display:block}.layout-panels-v2 .panel{background:0 0;border:0;border-radius:0;grid-column:2;margin:0 0 .7rem;padding:0;display:block}.layout-panels-v2 .panel-lines{padding:0}.layout-panels-v2 .panel-action,.layout-panels-v2 .book-text{color:#263944;overflow-wrap:break-word;margin:.25rem 0 .5rem;font-family:Georgia,serif;font-size:clamp(1.12rem,1.75vw,1.3rem);line-height:1.45}.layout-panels-v2 .choice{grid-column:2}@media (width<=700px){.layout-panels-v2 .page-body{display:block}.layout-panels-v2 .panel-scene{max-height:45dvh;margin-bottom:1rem}.layout-panels-v2 .panel-action,.layout-panels-v2 .book-text{font-size:1.13rem}.layout-panels-v2 .panel-scene img{max-height:45dvh}}
