/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Avenir Next", "Segoe UI", system-ui, sans-serif;--font-serif:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.min-h-svh{min-height:100svh}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(min-width:40rem){.sm\:gap-3{gap:calc(var(--spacing) * 3)}}}:root{font-family:var(--font-sans);color:#37463c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#e9dfcd}*{box-sizing:border-box}body{min-width:320px;margin:0}button,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.42;box-shadow:none}button,select,a{touch-action:manipulation}button:focus-visible,select:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #a54a31}button{transition:background-color .2s,box-shadow .2s}svg{display:block}button svg,.brand svg{flex-shrink:0}::selection{color:#294637;background:#efcc8f}.storybook-app{isolation:isolate;padding:0 max(28px,env(safe-area-inset-right)) max(23px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));background:radial-gradient(at 50% 20%,#fff9eeaa,#0000 64%),repeating-linear-gradient(0deg,#ae865b04 0,#ae865b04 1px,#0000 1px,#0000 5px),repeating-linear-gradient(1deg,#0000 0,#0000 80px,#8e693a0b,#fffaf21a 82px,#0000 84px,#0000 158px),#e9dfcd;position:relative;overflow:clip}.storybook-app:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 7% 80%,#0000 0,#0000 10%,#a1805420 10.15%,#0000 10.5%,#0000 13%,#a1805410 13.15%,#0000 13.5%),radial-gradient(at 96% 20%,#0000 0,#0000 8%,#a1805415 8.1%,#0000 8.4%,#0000 11%,#a1805410 11.1%,#0000 11.5%);position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 160px #9b754526}.app-header{z-index:30;max-width:1280px;margin:auto;padding:25px 0 13px;position:relative}.brand{color:#324f40}.brand-mark{width:39px;height:47px;position:relative}.brand-mark svg:first-child{position:absolute;top:0;left:9px}.brand-mark svg:last-child{width:36px;position:absolute;bottom:0;left:3px}.brand-name{font-family:var(--font-serif);letter-spacing:-.7px;font-size:27px;font-weight:700;line-height:1.1;display:block}.brand-caption{letter-spacing:2.5px;margin-top:5px;font-size:11px;font-weight:600;display:block}.sound-button{color:#455744;background:#f9f4e785;border:1px solid #b4a88c70;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.sound-button:hover{background:#fff8e9}.language-selector{background:#f9f4e780;border:1px solid #b4a88c80;border-radius:24px;align-items:center;gap:9px;height:44px;padding:0 14px;font-size:14px;display:flex;position:relative}.language-selector select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:#3c4c3f;background:0 0;border:0;min-width:95px;height:42px;padding:0 24px 0 0}.language-selector select option{color:#273e32;background:#faf1e2}.select-chevron{pointer-events:none;position:absolute;right:15px}main{outline:none;max-width:1120px;margin:auto}.story-heading{text-align:center;padding:20px 0 31px}.eyebrow{color:#736648;letter-spacing:2.25px;justify-content:center;align-items:center;gap:12px;margin:0 0 12px;font-size:11px;font-weight:600;display:flex}.eyebrow span{background:#a6946d80;width:27px;height:1px}.story-heading h1{max-width:710px;font-family:var(--font-serif);letter-spacing:-1.2px;color:#304c3d;text-wrap:balance;margin:0 auto;font-size:clamp(30px,3.3vw,44px);font-weight:500;line-height:1.12}.story-subtitle{color:#706d5a;letter-spacing:.15px;margin:13px 0 0;font-size:14px}.book-area{perspective:1600px;margin:0 9px;position:relative}.book-cover{background:#3b5745;border-radius:12px 15px 20px 14px;padding:4px 5px 13px;position:relative;box-shadow:0 3px 1px #203e32,0 14px 20px -10px #40382975,0 35px 44px -21px #55492f80,0 60px 95px -35px #7464465c}.page-stack{background:repeating-linear-gradient(0deg,#d2c5a8 0,#eee5cc 1px,#faf1da 3px,#cec1a5 4px);border-radius:11px 15px 15px 12px;position:absolute;top:7px;right:6px;bottom:5px;left:6px;transform:translateY(4px)}.book-content{perspective:1400px;touch-action:pan-y pinch-zoom;position:relative}.book-spread{background:#f8efdc;border-radius:11px 15px 15px 12px;grid-template-columns:1fr 1fr;min-height:464px;display:grid}.paper-page{background-color:#faf3e3;background-image:radial-gradient(#ab987724 .45px,#0000 .65px),linear-gradient(120deg,#fffaf155,#e9dbbd22);background-size:4px 4px,100% 100%;position:relative}.text-page{background-image:linear-gradient(90deg,#fdf6e8,#0000 12%,#0000 83%,#cab78e36 98%,#9f8a692e),radial-gradient(#ab987724 .45px,#0000 .65px);background-size:100% 100%,4px 4px;border-radius:9px 0 0 10px;flex-direction:column;padding:33px 47px 30px 43px;display:flex}.chapter-label{letter-spacing:1.8px;color:#897950;align-items:center;gap:11px;font-size:10px;font-weight:600;display:flex}.chapter-label>span{letter-spacing:0;font-size:15px;font-family:var(--font-serif);font-weight:400}.chapter-label i{background:#b3a47a80;width:26px;height:1px}.story-copy{margin:auto 0;padding:19px 0 16px}.little-ornament{color:#b79a59;align-items:center;gap:9px;margin-bottom:14px;display:flex}.little-ornament span{background:#c4ae7980;width:17px;height:1px}.little-ornament span:first-child{display:none}.story-copy h2{white-space:pre-line;font-family:var(--font-serif);letter-spacing:-.7px;color:#334d3d;margin:0 0 20px;font-size:clamp(28px,2.8vw,37px);font-weight:500;line-height:1.1}.story-text{color:#625e4e;font-family:var(--font-serif);font-size:17px;line-height:1.65}.story-text p{border-radius:5px;margin:0 0 9px;transition:background-color .25s,color .25s}.story-text p:last-child{margin-bottom:0}.story-text .sentence-active{color:#28422f;background:#f0d39199;box-shadow:-4px 0 #b58532}.story-hint{color:#786b4d;border-top:1px solid #c8b68c66;align-items:center;gap:9px;padding-top:16px;display:flex}.story-hint svg{color:#ad8c4f;flex-shrink:0}.story-hint p{margin:0;font-size:12px;line-height:1.5}.printed-page-number{font-family:var(--font-serif);color:#ab9972;font-size:11px;position:absolute;bottom:9px;left:50%}.illustration-page{background-image:linear-gradient(90deg,#b19a7326,#0000 12%,#fff8e622 94%,#c8b68f25),radial-gradient(#ab987724 .45px,#0000 .65px);background-size:100% 100%,4px 4px;border-radius:0 13px 12px 0;flex-direction:column;justify-content:center;min-width:0;padding:9px 16px 20px 13px;display:flex}.illustration-ornament{text-align:center;color:#ad925d;letter-spacing:9px;font-size:15px;position:absolute;top:16px;left:0;right:0}.book-spine{z-index:20;pointer-events:none;background:linear-gradient(90deg,#0000,#9b845115 35%,#9b845153 49%,#fffbea70 54%,#bbaa812b 70%,#0000);border-radius:60%;width:28px;position:absolute;top:5px;bottom:12px;left:calc(50% - 14px)}.page-corner{background:linear-gradient(135deg,#0000 49%,#e4d4ae 50%,#faf4e0 68%);border-radius:0 0 11px;width:30px;height:30px;position:absolute;bottom:0;right:0}.ribbon{z-index:-1;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);background:linear-gradient(90deg,#9e4833,#be6a4b 45%,#9f4933);width:28px;height:68px;position:absolute;bottom:-33px;right:13%;transform:rotate(-5deg)}.scene{aspect-ratio:1.15;isolation:isolate;perspective:1000px;direction:ltr;width:100%;margin-top:10px;position:relative}.scene-backdrop{z-index:0;background:radial-gradient(at 70% 16%,#5b77706b,#0000 49%),linear-gradient(145deg,#182f38,#2b5150 78%);border:4px solid #e7dfc5;border-radius:48% 48% 4% 4%/30% 32% 4% 4%;position:absolute;top:4%;right:5%;bottom:24%;left:5%;overflow:hidden;transform:rotate(-2deg);box-shadow:4px 6px 2px #716a4428,inset 0 0 45px #071a232e}.sky-grain{background:repeating-linear-gradient(113deg,#0000 0,#0000 6px,#dde8c608,#0000 8px),radial-gradient(#dce2b230 .5px,#0000 .8px) 0 0/5px 5px;position:absolute;top:0;right:0;bottom:0;left:0}.distant-hill{background:#537567;border-radius:50%;width:110%;height:49%;position:absolute;bottom:-19%}.hill-one{left:-26%;transform:rotate(13deg)}.hill-two{background:#466452;bottom:-16%;right:-28%;transform:rotate(-21deg)}.scene-star{color:#e8d8a6;animation:4s ease-in-out infinite twinkle;animation-delay:var(--delay);font-family:serif;font-size:17px;position:absolute}.scene-star:nth-child(2n){font-size:12px}.popup-layer{transform-style:preserve-3d;position:absolute}.popup-layer>svg,.interactive-object>svg{filter:drop-shadow(3px 7px 2px #18302736);width:100%;height:auto;overflow:visible}.interactive-object{transform-origin:50% 90%;background:0 0;border:0;border-radius:12px;width:100%;min-width:44px;min-height:44px;padding:0;display:block;position:relative}.interactive-object:focus-visible{outline-offset:4px;filter:drop-shadow(0 0 2px #203a30);outline:3px dashed #ffd27f}.moon-layer{width:17%;top:7%;right:15%}.moon-layer svg{filter:drop-shadow(0 0 14px #ffdb9180)}.moonlight-wash{z-index:11;pointer-events:none;opacity:0;background:radial-gradient(circle at 73% 23%,#ffe7a780,#fce9bd22 45%,#0000 73%);border-radius:40%;transition:opacity .8s;position:absolute;top:0;right:0;bottom:12%;left:0}.is-moonlit .moonlight-wash{opacity:1}.paper-ground{z-index:1;background:linear-gradient(175deg,#bec7a2 5%,#9eae8e 42%,#8e9b78);border-bottom:8px solid #d7d8b4;border-radius:50%;width:100%;height:34%;position:absolute;bottom:11%;left:0;overflow:hidden;transform:rotate(-3deg);box-shadow:0 15px 11px -8px #776d4e4a,inset 0 2px #e4e0be}.ground-fold{opacity:.4;background:repeating-linear-gradient(176deg,#0000 0,#0000 11px,#ecf0bd33,#0000 13px);width:100%;height:100%}.train-layer{width:65%;bottom:15%;left:17%}.tree-layer{transform-origin:bottom}.front-tree{width:18%;bottom:9%;left:-1%}.railway{z-index:5;width:107%;height:27%;position:absolute;bottom:12%;left:-3%;overflow:visible;transform:rotate(-4deg)}.fox-layer{width:28%;bottom:16%;right:12%}.speech-bubble{z-index:30;color:#3b513d;font-family:var(--font-sans);pointer-events:none;text-align:center;background:#fffae9;border:1px solid #d9c69c;border-radius:12px 12px 12px 2px;width:max-content;max-width:180px;padding:9px 13px;font-size:14px;line-height:1.35;display:block;position:absolute;bottom:94%;left:50%;box-shadow:0 4px 15px #192e3930;transform:translate(-50%)!important}.object-moon .speech-bubble{top:95%;bottom:auto}.leaf-burst{pointer-events:none;position:absolute;top:45%;left:50%}.leaf-burst i{background:#e2ba68;border-radius:80% 5%;width:9px;height:14px;display:block;position:absolute}.object-active .fox-tail{transform-origin:112px 158px;animation:.38s ease-in-out 5 alternate tail-wag}.fireflies{z-index:12;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.fireflies i{width:4px;height:4px;animation:5s ease-in-out infinite firefly;animation-delay:var(--delay);background:#fce4a1;border-radius:50%;position:absolute;box-shadow:0 0 7px 2px #fdd8855e}.scene-caption{text-align:center;color:#a39166;font-family:var(--font-serif);letter-spacing:3px;font-size:12px;position:absolute;bottom:1%;left:0;right:0}.scene-table .scene-backdrop{background:linear-gradient(125deg,#203c4b,#496462);border:7px solid #d1bd94;border-radius:48% 48% 4px 4px/34% 34% 4px 4px;top:7%;right:13%;bottom:23%;left:27%;box-shadow:6px 6px #b7a47e55,0 0 32px #e7bd5960}.scene-table .scene-backdrop:after{content:"";background:#d1bd94;width:6px;position:absolute;top:0;bottom:0;left:48%;box-shadow:1px 0 4px #182f354d}.scene-table .paper-ground{background:repeating-linear-gradient(1deg,#b69465 0,#b69465 2px,#d3b587 3px,#d3b587 17px,#b3966833 19px,#ccac7d 20px,#ccac7d 29px);border-color:#e7c89a;height:29%}.scene-table .moon-layer{width:15%;top:12%;right:20%}.scene-table .train-layer{width:77%;bottom:15%;left:12%}.table-tree{width:26%;bottom:28%;right:3%}.lamp-layer{width:26%;bottom:26%;left:1%}.lamp-light{z-index:-1;background:radial-gradient(#ffe1a978,#0000 70%);position:absolute;top:8%;right:-50%;bottom:-10%;left:-50%}.paper-scrap{z-index:6;border-radius:1px;width:16px;height:8px;position:absolute;box-shadow:0 3px #72644120}.scrap-one{background:#ad5942;bottom:22%;left:10%;transform:rotate(-25deg)}.scrap-two{background:#efe2aa;bottom:20%;right:12%;transform:rotate(26deg)}.river{z-index:4;background:linear-gradient(125deg,#446a77,#b2ddd4,#5b9d9a,#cae8c7,#47777b) 0 0/250% 150%;border-bottom:3px solid #536f64;border-radius:70% 20% 60%;width:53%;height:35%;animation:10s ease-in-out infinite river-flow;position:absolute;bottom:13%;left:42%;overflow:hidden;transform:rotate(-19deg);box-shadow:0 0 17px #d0e5b66b,inset 0 2px #e7e9c194}.river span{background:#edf1c680;border-radius:50%;width:42%;height:3px;position:absolute;top:56%;left:38%}.river span:nth-child(3){width:34%;top:67%;left:19%}.river span:nth-child(4){width:24%;top:36%;left:35%}.moon-reflection{filter:blur(3px);background:linear-gradient(#0000,#fff0b6b0,#0000);width:23%;height:57%;position:absolute;top:9%;left:45%;transform:rotate(25deg)}.scene-river .train-layer{width:52%;bottom:17%;left:1%}.scene-river .fox-layer{bottom:18%;right:12%}.scene-river .railway{width:64%;bottom:13%;left:-8%}.rock{width:13%}.rock-one{bottom:13%;right:8%}.home-layer{width:38%;bottom:34%;right:8%}.bridge-layer{width:61%;bottom:19%;left:19%}.scene-home .train-layer{width:40%;bottom:17%;left:3%}.scene-home .fox-layer{width:18%;bottom:28%;right:16%}.scene-home .tree-layer:nth-of-type(6){opacity:.55}.scene-home .railway{width:54%;bottom:12%}.scene-home .river{width:42%;height:35%;left:32%}.scene-home .moon-layer{width:13%;top:3%;right:24%}.scene-home .fireflies i{clip-path:polygon(50% 0%,62% 35%,100% 50%,62% 64%,50% 100%,37% 64%,0% 50%,37% 35%);border-radius:0;width:5px;height:5px}.warm-windows{filter:drop-shadow(0 0 8px #ffd38a)}.scene-ending{z-index:5;font-family:var(--font-serif);color:#ffe4ac;text-align:center;text-shadow:0 2px #2c464c;font-size:23px;position:absolute;top:8%;left:24%;transform:rotate(-5deg)}.scene-ending span{margin-top:2px;font-size:12px;display:block}.reading-dock{z-index:25;max-width:800px;margin:33px auto 0;position:relative}.page-controls{justify-content:space-between;align-items:center;gap:18px;display:flex}.page-button{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 21px;font-size:14px;font-weight:500;display:inline-flex}.previous-button{color:#4c5746;background:#f7efdf8c;border:1px solid #bbae90;box-shadow:0 3px #b7a98b33}.previous-button:not(:disabled):hover{background:#fff7e8}.next-button{color:#fff8ec;background:#aa533b;border:1px solid #994a35;box-shadow:0 3px #823e2c,0 5px 12px #8c614729}.next-button:not(:disabled):hover{background:#954530}.narration-controls{align-items:center;gap:17px;display:flex}.read-button{color:#fff8e9;background:#35523f;border:1px solid #213e30;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-width:160px;min-height:49px;padding:13px 21px;font-size:14px;font-weight:500;display:inline-flex;box-shadow:0 3px #253d2e,0 5px 12px #37503a1f}.read-button:hover{background:#264332}.myself-button{color:#625f4c;background:0 0;border:0;border-bottom:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:8px 4px;font-size:14px;display:inline-flex}.myself-button:hover{color:#294737;border-bottom-color:#8b8e72}.page-progress{color:#756c54;justify-content:center;align-items:center;gap:14px;margin-top:25px;font-size:12px;display:flex}.page-dots{align-items:center;gap:6px;display:flex}.page-dots i{background:#b6ac92;border-radius:4px;width:5px;height:5px;transition:width .25s}.page-dots .current{background:#496049;width:17px}.narration-notice{color:#71654b;text-align:center;max-width:570px;margin:10px auto 0;font-size:13px;line-height:1.5}.app-footer{font-family:var(--font-serif);color:#887a5b;text-align:center;justify-content:center;align-items:center;gap:13px;margin:28px auto 0;font-size:14px;font-style:italic;display:flex}.app-footer svg{color:#a5905e;flex-shrink:0}.ambient-effects{pointer-events:none;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.dust-mote{width:3px;height:3px;animation:dust-drift var(--duration) ease-in-out infinite;animation-delay:var(--delay);background:#fff6c9;border-radius:50%;position:absolute;box-shadow:0 0 9px #ffd386}.desk-star{color:#b3944d33;text-shadow:2px 7px 2px #6a4d2220;font-size:75px;position:absolute;transform:rotate(16deg)}.desk-star-one{top:24%;left:1%}.desk-star-two{font-size:95px;bottom:11%;right:3%;transform:rotate(-12deg)}.voice-bars{align-items:center;gap:2px;height:14px;display:flex}.voice-bars i{background:#f1d79c;width:2px;height:6px;animation:.8s ease-in-out infinite alternate voice-bar}.voice-bars i:nth-child(2){animation-delay:-.3s}.voice-bars i:nth-child(3){animation-delay:-.5s}.skip-link{z-index:100;color:#274630;background:#fff6df;border-radius:8px;padding:14px;position:fixed;top:-90px;left:16px}.skip-link:focus{top:12px}[lang=ug]{font-family:var(--font-uyghur);letter-spacing:0}[lang=ug] h1,[lang=ug] h2{letter-spacing:0;font-family:inherit;line-height:1.55}.text-page[lang=ug] .story-text{font-family:inherit;font-size:18px;line-height:1.85}.text-page[lang=ug] .chapter-label{letter-spacing:0;font-size:13px}.text-page[lang=ug] .story-copy h2{font-size:32px}.story-heading[lang=ug] .eyebrow{letter-spacing:0;font-size:14px}[lang=ja] .story-text{font-family:var(--font-sans);font-size:16px;line-height:1.95}[lang=ja] .story-copy h2{font-size:29px;line-height:1.5}[lang=ja] .chapter-label{letter-spacing:1px}@keyframes twinkle{0%,to{opacity:.4}50%{opacity:.95}}@keyframes firefly{0%,to{opacity:.3;transform:translate(0)}50%{opacity:.95;transform:translate(7px,-11px)}}@keyframes dust-drift{0%,to{opacity:.1;transform:translate(0)}50%{opacity:.65;transform:translate(18px,-27px)}}@keyframes river-flow{0%,to{background-position:0%}50%{background-position:100%}}@keyframes tail-wag{0%{transform:rotate(-7deg)}to{transform:rotate(8deg)}}@keyframes voice-bar{to{height:14px}}@media(min-width:1500px){.story-heading{padding-top:38px;padding-bottom:37px}.book-spread{min-height:494px}.reading-dock{margin-top:39px}.app-footer{margin-top:32px}}@media(max-width:1000px)and (min-width:701px){.text-page{padding:28px 30px 29px}.book-spread{min-height:449px}.story-copy h2{font-size:30px}.story-text{font-size:16px}.illustration-page{padding-left:6px;padding-right:7px}.scene{aspect-ratio:1/1.08}.scene-backdrop{top:15%}.scene-table .scene-backdrop{top:18%}.moon-layer{top:19%}.scene-table .moon-layer{top:22%}.scene-home .moon-layer{top:15%}.scene-ending{top:20%}.page-controls,.narration-controls{gap:12px}.page-button{padding:12px 16px}}@media(max-width:700px){.storybook-app{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.app-header{padding:20px 2px 12px}.brand-name{font-size:23px}.brand-caption{letter-spacing:2px;font-size:9px}.brand-mark{width:33px;transform:scale(.9)}.brand,.header-controls{gap:7px}.language-selector{gap:5px;padding:0 10px;font-size:12px}.language-selector>svg:first-child{display:none}.language-selector select{min-width:78px;padding-right:17px}.select-chevron{right:10px}.sound-button{width:42px;height:44px}.story-heading{padding:21px 8px 26px}.eyebrow{letter-spacing:1.6px;gap:8px;margin-bottom:11px;font-size:9px}.eyebrow span{width:18px}.story-heading h1{letter-spacing:-.65px;max-width:430px;font-size:32px}.story-subtitle{margin-top:10px;font-size:12px}.book-area{margin:0 3px}.book-cover{border-radius:12px 15px 15px 12px;padding:4px 4px 12px}.book-spread{background-image:radial-gradient(#ab987724 .45px,#0000 .65px);background-size:4px 4px;border-radius:9px 12px 10px 8px;flex-direction:column;min-height:0;display:flex}.book-spine{display:none}.paper-page{background:0 0}.text-page{display:contents}.chapter-label{letter-spacing:1.6px;order:0;padding:23px 26px 0;font-size:9px}.illustration-page{border-radius:0;order:1;margin-top:-6px;padding:0 11px}.illustration-ornament{display:none}.scene{aspect-ratio:1.18;max-width:440px;margin:0 auto}.scene-caption{bottom:0}.story-copy{order:2;margin:0;padding:15px 27px 12px}.little-ornament{display:none}.story-copy h2{white-space:normal;text-wrap:balance;margin-bottom:15px;font-size:29px;line-height:1.17}.story-text{font-size:17px;line-height:1.65}.story-text p{margin-bottom:7px}.story-hint{order:3;margin:0 27px 24px;padding-top:13px}.story-hint p{font-size:12px}.printed-page-number,.page-corner{display:none}.ribbon{width:23px;height:47px;bottom:-25px;right:10%}.reading-dock{margin-top:29px}.page-controls{grid-template-columns:1fr 1fr;gap:17px 14px;display:grid}.narration-controls{flex-wrap:wrap;grid-area:1/1/auto/-1;justify-content:center;gap:12px 22px}.page-button{white-space:normal;min-height:48px;font-size:14px}.previous-button{justify-self:start}.next-button{justify-self:end}.read-button{min-width:160px}.page-progress{margin-top:21px}.narration-notice{margin-top:13px}.app-footer{gap:8px;margin-top:24px;font-size:13px}.desk-star-one{top:17%}.desk-star-two{font-size:60px;bottom:4%}.speech-bubble{max-width:142px;font-size:12px}.text-page[lang=ug] .story-copy,.text-page[lang=ug] .story-hint,.text-page[lang=ug] .chapter-label{direction:rtl}.text-page[lang=ug] .story-copy h2{font-size:29px}.text-page[lang=ug] .story-text{line-height:1.85}}@media(max-width:370px){.storybook-app{padding-left:12px;padding-right:12px}.brand-name{font-size:21px}.story-heading h1{font-size:29px}.narration-controls{gap:13px}.read-button{min-width:142px;padding:12px 14px}.myself-button{font-size:13px}.story-copy,.chapter-label{padding-left:22px;padding-right:22px}.story-hint{margin-left:22px;margin-right:22px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.leaf-burst{display:none}.dust-mote{opacity:.35}.fireflies i{opacity:.7}}.book-spread{min-height:532px}.turning-spread{transform-style:preserve-3d;backface-visibility:hidden}.illustration-page{padding:12px 10px 18px}.diorama{direction:ltr;min-width:0;position:relative}.diorama-viewport{isolation:isolate;height:402px;position:relative}.diorama-viewport>div:not(.diorama-halo):not(.diorama-dialogue):not(.diorama-end){z-index:1}.toy-hovered canvas{cursor:pointer}.diorama-halo{z-index:-1;background:radial-gradient(ellipse at 60% 18%,#ffffff18,transparent 60%),var(--scene-sky);opacity:.98;border-radius:48% 48% 41% 41%;position:absolute;top:7%;right:7%;bottom:16%;left:7%;box-shadow:inset 0 0 50px #152c3f30,0 3px #d2c4a78a,0 10px 35px #52625015}.diorama-halo:after{content:"";border-radius:inherit;background-image:radial-gradient(#fff6d32b .6px,#0000 .8px);background-size:6px 6px;position:absolute;top:0;right:0;bottom:0;left:0}.diorama-dialogue{z-index:5;color:#426044;pointer-events:none;text-align:center;background:#fff6e4f5;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:13px;line-height:1.5;display:flex;position:absolute;top:5px;left:8%;right:8%;box-shadow:0 6px 15px #2345341a}.diorama-dialogue svg{color:#aa8550;flex-shrink:0}.diorama-end{z-index:3;font:25px var(--font-serif);color:#ffeac0;pointer-events:none;text-shadow:0 2px 8px #173626;position:absolute;top:5%;left:18%;transform:rotate(-6deg)}.diorama-end span{text-align:center;margin-top:2px;font-size:12px;display:block}.toys-instruction{color:#8c7c5a;letter-spacing:.25px;justify-content:center;align-items:center;gap:7px;margin:0 0 8px;font-size:11px;display:flex}.toy-controls{flex-wrap:wrap;justify-content:center;gap:5px;padding:0 7px;display:flex}.toy-controls button{color:#5f715d;background:#f3ead691;border:1px solid #baa47d47;border-radius:20px;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:44px;padding:5px 10px;font-size:12px;display:flex}.toy-controls button:hover,.toy-controls .toy-selected{color:#315139;background:#e3ddba;border-color:#a89a70}.word-story{font-size:18px;line-height:1.9}.word-story p{margin-bottom:9px}.story-word{color:inherit;font:inherit;line-height:inherit;transform-origin:50% 80%;background:0 0;border:0;border-radius:5px;margin:0 -1px;padding:0 1px;transition:color .12s,background .12s,transform .16s;display:inline-block;position:relative}.story-word.word-active{color:#244b39;background:#f0cf85;transform:scale(1.075)translateY(-1px);box-shadow:0 3px #c5a46050}.manual-story .story-word:hover{background:#ece1c2}.manual-story .story-word:focus-visible{outline-offset:2px;outline-width:2px}.manual-reader{align-items:center;gap:10px;margin-top:20px;display:flex}.manual-reader button{color:#496245;background:#ece4cb;border:1px solid #d7c9a7;border-radius:9px;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:8px 11px;font-size:13px;display:flex}.manual-reader>span{color:#8b7b5c;text-align:center;min-width:40px;font-size:12px}.manual-reader .next-word-button{margin-left:auto}.page-finished{color:#856b34;align-items:center;gap:7px;margin:17px 0 0;font-size:12px;line-height:1.5;display:flex}.page-finished svg{color:#cba349;flex-shrink:0}.narration-controls{background:#e1d7c38a;border:1px solid #d3c6ab80;border-radius:15px;gap:6px;padding:5px}.myself-button{border:1px solid #0000;border-radius:10px;min-width:130px;padding:10px 14px}.myself-button.selected-mode{color:#385b43;background:#fbf1dd;border-color:#b4ac8660;box-shadow:0 2px 3px #3b482412}.read-button:not(.selected-mode){box-shadow:none;color:#65644e;background:0 0;border-color:#0000}.page-progress{gap:12px;margin-top:16px}.progress-stars{align-items:center;gap:2px;display:flex}.progress-stars button{color:#a69a7f;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.progress-stars .current-star{color:#8d793e;background:#f9eed6;box-shadow:inset 0 0 0 1px #bea46c65}.progress-stars .earned-star{color:#bd9346}.progress-stars button:hover{background:#f6e9ca}.voice-selector{color:#857759;justify-content:center;align-items:center;gap:9px;margin:5px auto 0;font-size:12px;display:flex}.voice-selector select{color:#5f6b55;background:0 0;border:0;border-bottom:1px solid #c6b998;border-radius:3px;max-width:250px;min-height:40px;padding:8px 20px 8px 6px;font-size:12px}@media(min-width:701px){.story-heading{padding-top:14px;padding-bottom:26px}.text-page{padding-left:38px;padding-right:40px}.story-copy h2{font-size:35px}.reading-dock{margin-top:28px}.app-footer{margin-top:17px}}@media(min-width:701px)and (max-width:1000px){.diorama-viewport{height:353px}.toy-controls button{padding:5px 8px}.text-page{padding-left:29px;padding-right:29px}.word-story{font-size:17px}.story-copy h2{font-size:31px}.myself-button{min-width:110px}.read-button{min-width:145px}.page-button{padding:12px 14px}}@media(max-width:700px){.book-spread{min-height:0}.diorama-viewport{aspect-ratio:1.05;height:auto}.illustration-page{margin-top:2px;padding:0 5px}.diorama-halo{top:5%;right:6%;bottom:13%;left:6%}.toy-controls{gap:4px;padding:0 15px}.toy-controls button{min-height:44px;padding:5px 8px;font-size:11px}.toys-instruction{margin-top:3px;font-size:11px}.story-copy{padding-top:24px}.word-story{font-size:18px;line-height:1.95}.narration-controls{border-radius:15px;justify-self:center;gap:5px;padding:5px}.myself-button{min-width:119px}.read-button{min-width:148px}.diorama-end{font-size:22px}.diorama-dialogue{font-size:12px;left:5%;right:5%}.page-progress{margin-top:15px}.story-copy h2{font-size:29px}}@media(prefers-reduced-motion:reduce){.story-word.word-active{transform:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@font-face{font-family:UKIJ Qol Tuz;src:url(/fonts/UKIJQol_Tuz.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--font-uyghur: "UKIJ Qol Tuz", "Geeza Pro", serif}:root{color:#423641;background:#b57d44;--ink: #433943;--gold: #bd9256;--paper: #fff7df}.storybook-app{min-height:100svh;padding:0 24px 16px;background:radial-gradient(ellipse at 15% 14%,#ffe4a44a,transparent 55%),#c79b62}.storybook-app:before{position:fixed;top:0;right:0;bottom:0;left:0;background:url(/assets/tabletop.jpg) center top / cover no-repeat;box-shadow:inset 0 0 120px #6540183b}.app-header{max-width:1560px;padding:24px 4px;height:100px;align-items:flex-start}.brand{color:#fff9df;gap:9px;text-shadow:0 2px 4px #66401a6b}.brand-mark{width:30px;height:39px}.brand-mark svg:first-child{width:22px;left:5px}.brand-mark svg:last-child{width:30px;left:0}.brand-name{font-family:var(--font-sans);font-size:22px;line-height:1;font-weight:800;letter-spacing:.3px}.brand-caption{font-size:10px;letter-spacing:2px;margin-top:5px}.book-title{text-align:center;position:absolute;left:50%;transform:translate(-50%);width:min(42%,560px)}.book-title h1{color:#5f3d22;font-size:14px;line-height:1.35;font-weight:650;text-shadow:0 1px #ffe6b388;margin:0 0 9px;text-wrap:balance}.chapter-stars{display:inline-flex;justify-content:center;gap:0;padding:0 10px;background:#684a32a3;border-radius:30px;box-shadow:inset 0 1px 4px #3d261c3d,0 1px #ffdf9270}.chapter-stars button{width:44px;min-height:44px;display:grid;place-items:center;border:0;background:transparent;color:#b09262;padding:0;border-radius:50%}.chapter-stars .star-lit{color:#ffdb83;filter:drop-shadow(0 0 4px #ffde8275)}.chapter-stars button:hover{color:#fff6cf;background:#fff2c215}.sound-button,.page-button{border:4px solid #c29b64;background:linear-gradient(#fffbea,#ece2c6);border-radius:50%;color:#7a898b;box-shadow:inset 0 0 0 1px #fdf2d2,inset 0 0 0 3px #d4bc86,0 2px 0 1px #9a723f,0 4px 8px #61421c55}.sound-button{width:44px;height:44px}.sound-button:hover,.page-button:hover:not(:disabled){background:#fff7d9;color:#567c8c;transform:translateY(-1px)}.sound-button[aria-pressed=true].zoom-button{background:#fae1a6}.reader-settings{position:relative}.reader-settings summary{cursor:pointer;list-style:none}.reader-settings summary::-webkit-details-marker{display:none}.reader-settings summary:focus-visible{outline:3px solid #854726;outline-offset:4px}.settings-panel{position:absolute;right:0;top:58px;width:285px;padding:20px;border:2px solid #d2b982;border-radius:12px;background:#fff6df;box-shadow:0 15px 35px #49311555;color:#765333}.settings-panel strong{display:block;margin-bottom:15px;font-size:16px}.language-selector{height:44px;border:1px solid #b79a6d;background:#fff8e8;border-radius:7px}.language-selector select{width:100%;color:#544232;font-size:14px}.voice-selector{align-items:stretch;flex-direction:column;gap:3px;font-size:14px;margin-top:17px;color:#65563f}.voice-selector select{font-size:14px;padding:8px;max-width:100%;border:1px solid #bcaa86;color:#564634;background:#fffaed}main{position:relative;max-width:1400px;padding-top:clamp(75px,13vh,130px)}.book-area{margin:0;perspective:1800px}.book-cover{border-radius:0;padding:0;background:none;box-shadow:none;perspective:1500px}.book-cover:before{content:"";position:absolute;top:0;right:1%;bottom:-5%;left:1%;background:linear-gradient(90deg,#f4e9ce,#fffae7 24%,#f4edda 45%,#d0c4a4 49.8%,#fff9e4 51%,#faf2d9 77%,#e5dcc2);border:7px solid #303758;border-bottom-width:12px;border-radius:4px 8px 12px 7px;transform:rotateX(19deg);transform-origin:center bottom;box-shadow:0 5px #b9a784,0 9px #e9ddbc,0 14px #313956,0 17px 2px #947344,0 24px 26px #563c2866,0 55px 70px -20px #593e2670}.page-stack{top:0;right:1%;bottom:-5%;left:1%;border-radius:4px 8px 12px 7px;transform:rotateX(19deg) translateY(5px);transform-origin:center bottom;z-index:-1}.book-content{perspective:1600px}.book-spread{min-height:clamp(440px,55vh,650px);height:auto;padding:20px 0 40px;display:block;background:transparent;border-radius:0;position:relative}.text-page{z-index:6;position:relative;left:4%;top:0;width:35%;padding:27px 28px 23px;display:flex;height:auto;border-radius:6px;color:var(--ink);background:radial-gradient(ellipse at 30% 20%,#fffcf1,#fff7df 70%,#f2e5bf);border:2px solid #d4bd87;outline:3px solid #fff9e4;box-shadow:inset 0 0 0 3px #fffaf1,inset 0 0 35px #dbc48d2a,0 15px 20px -7px #60482466,0 2px 3px #49321733;transition:width .3s,box-shadow .3s}.text-page:after{content:"✧";position:absolute;color:#c5aa69;font:24px Georgia,serif;right:11px;bottom:5px}.chapter-label{padding:0;gap:0;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#987043}.card-ornament{position:absolute;color:#c5aa69;left:8px;top:5px;font:20px Georgia,serif}.story-copy{padding:11px 0 20px;margin:0}.story-copy h2{font-family:var(--font-sans);font-size:clamp(23px,2.3vw,31px);font-weight:750;color:#916237;line-height:1.22;letter-spacing:-.7px;margin:0 0 20px;white-space:normal}.word-story{font-family:var(--font-sans);font-size:clamp(18px,1.8vw,25px);line-height:1.62;color:#423847;font-weight:450}.word-story p{display:inline;margin:0}.word-story p:after{content:" "}.story-word{border-bottom:2px dotted #d5be83;border-radius:2px;line-height:1.4}.story-word.word-active{background:#ffe298;color:#3c3040;box-shadow:0 2px #d5b36c;border-radius:5px}.story-hint{padding-top:12px;margin:0;gap:8px;border-top:1px solid #d9c79170}.story-hint p{font-size:12px;color:#907d58;line-height:1.45}.story-hint svg{width:15px}.printed-page-number{display:none}.illustration-page{position:absolute;z-index:4;top:-35%;bottom:1%;right:-3%;width:69%;padding:0;background:none;display:block}.diorama{height:100%}.diorama-viewport{height:calc(100% - 44px);min-height:0;width:100%}.diorama-halo{display:none}.diorama-viewport canvas{touch-action:pan-y pinch-zoom}.toys-instruction{display:none}.toy-controls{flex-wrap:wrap;gap:3px;margin:-12px 6% 0 12%;position:relative;z-index:3}.toy-controls button{font-size:12px;min-height:38px;padding:6px 9px;color:#8b714b;background:#fff8e478;border:1px solid #cdb5815e;box-shadow:0 1px 2px #7c674e15}.toy-controls button:hover,.toy-controls .toy-selected{color:#654b30;background:#fbe9b7;border-color:#c7a46a}.toy-controls button svg{width:14px}.diorama-dialogue{top:auto;bottom:9%;left:18%;right:12%;min-height:45px;color:#76542f;background:#fff8e9f5;border:2px solid #d6bb83;border-radius:7px;font-size:16px;box-shadow:0 8px 20px #6b502e30}.diorama-end{top:19%;left:26%;font-size:32px}.page-corner{display:none}.book-spine{top:4%;bottom:-3%;z-index:2;width:4%;left:48%;opacity:.5;transform:rotate(3deg)}.ribbon{z-index:-1;background:linear-gradient(90deg,#7c3132,#ae5150 50%,#743136);right:24%;bottom:-63px}.folio{position:absolute;z-index:3;bottom:-1%;font:italic 21px Georgia,serif;color:#beaa79;pointer-events:none}.folio-left{left:4%}.folio-right{right:4%}.reading-dock{position:relative;z-index:12;margin:9px auto 0;text-align:center;max-width:620px}.page-controls{display:flex;justify-content:center;align-items:center;gap:25px}.page-button{display:grid;place-items:center;width:55px;height:55px;padding:0;min-width:55px}.page-button span{display:none}.page-button svg{width:25px;height:25px;stroke-width:2.2;fill:#a8c7d1;color:#698a9a}.next-button svg{fill:#efd176;color:#a88b45}.narration-controls{display:flex;flex-direction:column;gap:6px;border:0;padding:0;background:transparent}.read-button,.read-button:not(.selected-mode){min-width:212px;min-height:48px;padding:10px 24px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(#fffbee,#eee4ca);border:4px solid #b88b50;border-radius:40px;box-shadow:inset 0 0 0 1px #fff8e5,inset 0 0 0 3px #ddc997,0 2px 0 1px #946c39,0 5px 10px #6546274d;color:#443c48;font-size:16px;font-weight:750}.read-button svg{color:#ca8559;width:17px}.read-button:hover{background:#fff7df}.myself-button{display:flex;justify-content:center;align-items:center;gap:7px;min-height:35px;min-width:150px;align-self:center;padding:6px 14px;background:#fbf2dc;border:2px solid #ba9259;border-radius:30px;box-shadow:inset 0 0 0 1px #fffbea,0 2px 3px #77512655;color:#746044;font-size:12px}.myself-button.selected-mode{background:#e7c58b;border-color:#a17a45;color:#4b392c}.myself-button svg{width:14px}.page-progress{margin:11px 0 0;justify-content:center;font-size:12px;letter-spacing:1.2px;color:#715331;text-shadow:0 1px #fce6b8}.page-progress .progress-stars{display:none}.narration-notice{margin:7px auto 0;max-width:500px;color:#694b31;font-size:13px;line-height:1.5}.narration-notice:empty{display:none}.app-footer{margin:13px auto 0;font-size:12px;color:#644628;text-shadow:0 1px #f3dba899}.manual-reader{margin-top:14px;gap:7px}.manual-reader button{color:#725330;background:#f3e7c3;font-size:12px;padding:6px 10px}.page-finished{color:#8c652d;margin-top:10px}.reading-enlarged .text-page{width:49%;box-shadow:0 20px 45px #44342580}.reading-enlarged .word-story{font-size:clamp(22px,2.1vw,30px)}.text-page[lang=ja] .story-copy h2{font-size:25px;line-height:1.5}.text-page[lang=ug] .story-copy h2{font-family:var(--font-uyghur);font-size:29px;line-height:1.4}.text-page[lang=ug] .word-story{font-family:var(--font-uyghur);font-size:25px;line-height:1.65}@media(min-width:1500px){main{padding-top:145px}.book-spread{height:auto;min-height:610px}.text-page{top:5%;padding:32px}.word-story{font-size:26px}.illustration-page{top:-28%}.reading-dock{margin-top:5px}}@media(max-width:1050px)and (min-width:701px){.storybook-app{padding-inline:17px}.book-title h1{font-size:12px}.book-title{width:39%}.app-header{height:90px}.brand-name{font-size:19px}.brand-caption{font-size:9px}.header-controls{gap:8px}main{padding-top:105px}.book-spread{height:auto;min-height:470px}.text-page{left:3%;width:37%;padding:24px 21px 20px}.story-copy h2{font-size:24px;margin-bottom:15px}.word-story{font-size:19px}.illustration-page{top:-31%;width:70%;right:-4%}.toy-controls button{font-size:11px;padding:5px 7px}.reading-dock{margin-top:15px}}@media(max-width:700px){.storybook-app{padding:0 14px 22px;overflow:clip}.storybook-app:before{background-position:left top}.app-header{height:119px;padding:18px 0 0;align-items:flex-start}.brand-name{font-size:19px}.brand-caption{font-size:9px}.brand-mark{width:26px}.brand-mark svg:last-child{width:26px}.header-controls{gap:7px}.sound-button{width:42px;height:42px;border-width:3px}.book-title{top:76px;width:100%}.book-title h1{margin:0 0 6px;font-size:12px}main{padding-top:82px}.book-area{margin:0}.book-spread{height:auto;min-height:0;padding:236px 12px 33px;display:flex;flex-direction:column}.book-cover:before{top:70px;right:-3px;bottom:-7px;left:-3px;transform:none;border-width:4px;border-bottom-width:8px}.page-stack{display:none}.book-spine{top:76px;bottom:0;width:20px;left:49%}.ribbon{bottom:-40px}.illustration-page{top:-79px;height:358px;bottom:auto;right:-9%;width:118%;margin:0;padding:0}.diorama-viewport{height:310px;aspect-ratio:auto}.diorama-dialogue{font-size:14px;bottom:6%}.diorama-end{font-size:26px}.toy-controls{margin:-13px 11% 0;gap:3px}.toy-controls button{min-height:35px;padding:5px 8px;font-size:11px}.toy-controls button svg{width:12px}.text-page{width:100%;top:auto;left:0;padding:24px 24px 20px;margin:15px 0 0}.chapter-label{font-size:12px;padding:0}.story-copy{padding:12px 0 18px}.story-copy h2{font-size:25px;margin-bottom:15px}.word-story{font-size:20px;line-height:1.65}.story-hint{margin:0}.story-hint p{font-size:12px}.folio{bottom:8px;font-size:17px}.folio-left{left:18px}.folio-right{right:18px}.page-leaf-3d{top:70px;bottom:0}.reading-dock{margin:18px auto 0}.page-controls{gap:17px}.page-button{width:48px;height:48px;min-width:48px;border-width:3px}.read-button,.read-button:not(.selected-mode){min-width:184px;font-size:14px;padding:9px 16px}.myself-button{min-width:144px;min-height:36px}.page-progress{margin-top:13px}.app-footer{padding:0 20px;text-align:center;margin-top:15px}.reading-enlarged .text-page{width:100%}.reading-enlarged .word-story{font-size:25px}.text-page[lang=ug] .word-story{font-size:24px}.text-page[lang=ug] .story-copy h2{font-size:28px}.text-page[lang=ja] .story-copy h2{font-size:23px}}@media(max-width:370px){.storybook-app{padding-inline:10px}.brand-caption{font-size:8px}.brand-name{font-size:17px}.header-controls{gap:5px}.sound-button{width:38px;height:38px}.text-page{padding-inline:19px}.page-controls{gap:10px}.read-button,.read-button:not(.selected-mode){min-width:172px}.word-story{font-size:19px}}@media(prefers-reduced-motion:reduce){.page-leaf-3d,.corner-peel{display:none}.text-page{transition:none}}[data-book-state=closed] main,[data-book-state=opening] main{padding-top:clamp(16px,4vh,44px)}[data-book-state=closed] .book-title,[data-book-state=opening] .book-title{display:none}.cover-intro{position:relative;min-height:calc(100svh - 180px);padding:0 0 35px;display:flex;flex-direction:column;align-items:center}.closed-book-perspective{width:clamp(260px,30vw,360px);aspect-ratio:2 / 3;perspective:1800px;margin:-12px auto -8px;position:relative;z-index:3}.closed-book{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;display:block;background:none;border:0;border-radius:4px;transform:rotateX(31deg) rotate(-10deg);transform-style:preserve-3d;transition:transform .55s;box-shadow:8px 26px 28px #46342466}.closed-book:hover:not(:disabled){transform:rotateX(27deg) rotate(-8deg) translateY(-4px)}.closed-book:focus-visible{outline:4px solid #fff0b8;outline-offset:12px}.closed-book:disabled{opacity:1;box-shadow:8px 26px 28px #46342466}.closed-book-back{display:block;position:absolute;top:7px;right:-5px;bottom:-10px;left:-5px;border-radius:4px;border:2px solid #9e895c;background:#202c49;transform:translateZ(-22px)}.closed-book-pages{display:block;position:absolute;top:6px;right:2px;bottom:-2px;left:2px;background:linear-gradient(90deg,#d1c5a7,#fff6da 10%,#f7efd7 70%,#d7c7a0);box-shadow:0 3px #cbbd99,0 5px #eee4ca,0 7px #b8aa86,0 9px #eee4ca,0 11px #cbbd99,0 13px #eee4ca,0 15px #b7a482;border-radius:2px;transform:translateZ(-9px)}.cover-front{position:absolute;display:block;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform-style:preserve-3d;transition:transform 1.25s cubic-bezier(.38,.04,.25,1)}.cover-outside,.cover-inside{display:block;position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border:2px solid #a48c53;border-radius:3px 5px 5px 3px;overflow:hidden}.cover-outside{background:#132139;transform:translateZ(2px);box-shadow:inset 3px 0 3px #ffffff24,3px 4px 1px #101c31}.cover-art{display:block;width:100%;height:100%;object-fit:cover}.cover-title{position:absolute;display:block;top:7%;left:12%;right:12%;font:700 clamp(23px,2.7vw,34px)/1.3 var(--font-serif);color:#f4dfa3;text-shadow:0 2px 1px #795e34,0 0 10px #e8b74d22;text-align:center;text-wrap:balance}.cover-edition{position:absolute;bottom:5%;left:13%;right:13%;display:block;color:#f4e7c4;font-size:11px;letter-spacing:1.5px;text-align:center;text-shadow:0 1px 4px #17223c}.cover-binding{position:absolute;left:0;top:0;bottom:0;width:5%;background:linear-gradient(90deg,#0e152db3,#c8bf9833 30%,#0a152aa8 72%,#f7dfaf20);border-right:1px solid #c4ab6b4d}.cover-inside{background:radial-gradient(#b4a07933 .6px,transparent .8px),linear-gradient(90deg,#ece0c2,#fff8e3 30%,#eee3c9);background-size:6px 6px,100% 100%;transform:rotateY(180deg) translateZ(1px);border:7px solid #243251}.cover-intro[dir=rtl] .cover-front{transform-origin:right center}.cover-intro[dir=rtl] .cover-binding{left:auto;right:0;transform:scaleX(-1)}.cover-intro[lang=ug] .cover-title{font-family:var(--font-uyghur);font-size:clamp(29px,3vw,39px);font-weight:600;line-height:1.6;top:6%}.cover-intro[lang=ug] .cover-edition{font-family:var(--font-uyghur);font-size:16px;letter-spacing:0}.cover-invitation{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:22px;transition:opacity .2s}.cover-open-button{min-width:220px}.cover-invitation p{margin:14px 0 0;color:#604426;font-size:14px;text-shadow:0 1px #edc692}.cover-intro[lang=ug] .cover-open-button{font-family:var(--font-uyghur);font-size:22px;min-height:52px}.cover-intro[lang=ug] .cover-invitation p{font-family:var(--font-uyghur);font-size:18px}.cover-is-opening .cover-front{transform:rotateY(-160deg)}.cover-is-opening[dir=rtl] .cover-front{transform:rotateY(160deg)}.cover-is-opening .closed-book-perspective{animation:unfolding-book 1.4s ease-in-out forwards}.cover-is-opening .cover-invitation{opacity:0;pointer-events:none}@keyframes unfolding-book{0%{transform:translate(0) scale(1);opacity:1}65%{transform:translate(-8%) scale(1.1);opacity:1}to{transform:translate(-8%) scale(1.18);opacity:0}}.cover-is-opening[dir=rtl] .closed-book-perspective{animation-name:unfolding-book-rtl}@keyframes unfolding-book-rtl{0%{transform:translate(0) scale(1);opacity:1}65%{transform:translate(8%) scale(1.1);opacity:1}to{transform:translate(8%) scale(1.18);opacity:0}}.open-book-stage{width:92%;max-width:1120px;margin:auto}.brand[lang=ug] .brand-name{font-family:var(--font-uyghur);font-size:28px;letter-spacing:0}.brand[lang=ug] .brand-caption{font-family:var(--font-uyghur);font-size:14px;letter-spacing:0}.book-title[lang=ug] h1{font-family:var(--font-uyghur);font-size:19px;font-weight:500}.settings-panel[lang=ug],.reading-dock[lang=ug]{font-family:var(--font-uyghur)}.reading-dock[lang=ug] .read-button{font-size:20px}.reading-dock[lang=ug] .myself-button{font-size:17px}.reading-dock[lang=ug] .page-progress{font-size:16px;letter-spacing:0}.reading-dock[lang=ug] .narration-notice{font-size:17px}.reading-dock[dir=rtl] .page-button svg{transform:rotate(180deg)}.text-page[lang=ug] .chapter-label{font-size:16px;letter-spacing:0}.text-page[lang=ug] .story-hint p{font-size:17px}.text-page[lang=ug] .word-story{font-size:25px;line-height:1.8}#page-heading:focus{outline:none}@media(min-width:1500px){.open-book-stage .book-spread{min-height:530px}.open-book-stage .illustration-page{top:-30%}}@media(max-height:780px)and (min-width:701px){[data-book-state=closed] main,[data-book-state=opening] main{padding-top:0}.closed-book-perspective{width:clamp(230px,27vw,300px);margin-top:-24px;margin-bottom:-26px}.cover-title{font-size:27px}.cover-intro[lang=ug] .cover-title{font-size:32px}}@media(max-width:700px){[data-book-state=closed] .app-header,[data-book-state=opening] .app-header,[data-book-state=shelf] .app-header{height:85px}[data-book-state=closed] main,[data-book-state=opening] main,[data-book-state=shelf] main{padding-top:10px}.closed-book-perspective{width:min(64vw,300px);margin-top:-5px;margin-bottom:-20px}.cover-intro{min-height:calc(100svh - 120px);padding-bottom:25px}.cover-title{font-size:clamp(19px,5.8vw,29px)}.cover-intro[lang=ug] .cover-title{font-size:clamp(25px,6.6vw,33px)}.cover-intro[lang=ug] .cover-edition{font-size:13px}.cover-invitation{margin-top:30px}.cover-invitation p{font-size:13px}.cover-intro[lang=ug] .cover-invitation p{font-size:17px}.open-book-stage{width:100%}.brand[lang=ug] .brand-name{font-size:24px}.brand[lang=ug] .brand-caption{font-size:12px}.book-title[lang=ug] h1{font-size:17px}.text-page[lang=ug] .word-story{font-size:24px}.text-page[lang=ug] .story-hint p{font-size:16px}.reading-dock[lang=ug] .read-button{font-size:18px}.reading-dock[lang=ug] .myself-button{font-size:16px}}@media(prefers-reduced-motion:reduce){.cover-front{transition:none}.cover-is-opening .closed-book-perspective{animation:none}.closed-book:hover:not(:disabled){transform:rotateX(31deg) rotate(-10deg)}}:lang(ug){font-family:var(--font-uyghur);letter-spacing:normal}.story-shelf{display:flex;align-items:stretch;justify-content:center;gap:12px;width:min(620px,100%);margin:8px auto 24px;position:relative;z-index:6}.story-choice{display:flex;align-items:center;gap:12px;width:50%;min-width:0;text-align:start;padding:10px 14px;border:1px solid #d9bb84;border-radius:9px;background:#fff4dbe8;color:#60422c;box-shadow:0 4px 10px #6e482326}.story-choice[aria-pressed=true]{background:#fff6e0;border:2px solid #8d633a;padding:9px 13px;box-shadow:0 4px 12px #6e482338,inset 0 0 0 2px #e6d1a3}.story-choice:hover{background:#fff9e9}.story-choice img{width:42px;height:52px;object-fit:cover;border-radius:2px;flex:0 0 auto;box-shadow:1px 2px 4px #51392150}.story-choice>span{display:flex;flex-direction:column;gap:4px}.story-choice-number{font-size:12px;color:#937047}.story-choice-title{font-size:14px;line-height:1.4;font-weight:600}.story-shelf[lang=ug] .story-choice-number{font-size:16px}.story-shelf[lang=ug] .story-choice-title{font-size:19px;line-height:1.55}.story-picker{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;font-size:14px}.story-picker select{width:100%;min-height:44px;padding:8px;border:1px solid #b79a6d;border-radius:7px;color:#544232;background:#fff8e8;font-size:14px}.story-picker[lang=ug],.story-picker[lang=ug] select{font-size:18px}.cover-intro{min-height:0;padding-bottom:8px}.cover-framed{background:radial-gradient(ellipse at 50% 20%,#9a3740,#63242d 62%,#391c2d);box-shadow:inset 0 0 0 7px #632633,inset 0 0 0 9px #cfa864,inset 0 0 0 13px #612435,3px 4px 1px #2f172b}.cover-framed .cover-art{position:absolute;left:7%;top:37%;width:86%;height:51%;object-fit:cover;object-position:center;border:2px solid #c3a16c;border-radius:48% 48% 4px 4px/13% 13% 4px 4px;box-shadow:0 9px 13px #35152760}.cover-framed .cover-title{top:8%;left:11%;right:11%}.cover-intro[lang=ug] .cover-framed .cover-title{top:9%;font-size:clamp(31px,3vw,42px);line-height:1.75}.cover-framed .cover-edition{bottom:5%}.illustrated-spread{min-height:490px}.illustrated-spread .illustration-page{top:-15%;right:-1%;width:65%;bottom:0}.illustrated-scene{width:100%;height:100%;display:flex;align-items:center;justify-content:center;perspective:1300px;padding:2% 4% 6% 3%}.storybook-illustration{width:100%;margin:0;position:relative;transform-origin:center bottom;transform-style:preserve-3d;border:7px solid #fff5dd;outline:1px solid #d0b786;border-radius:6px 8px 4px 5px;box-shadow:8px 19px 18px -6px #503b3060,1px 3px 0 1px #c9b58e}.storybook-illustration img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:1px}.illustration-fold{position:absolute;z-index:-1;width:22%;height:18px;left:40%;bottom:-20px;transform:skew(-25deg);background:linear-gradient(110deg,#d0b987,#f2e6c8);border:1px solid #c4b08a;box-shadow:5px 5px 5px #6c513638}[data-story=ghunchem-alphabet] .card-ornament{color:#aa6854}@media(min-width:1500px){.open-book-stage .illustrated-spread .illustration-page{top:-16%}}@media(max-width:1050px)and (min-width:701px){.illustrated-spread .illustration-page{top:-7%;width:65%;right:-2%}.storybook-illustration{border-width:5px}}@media(max-width:700px){.story-shelf{gap:8px;margin-top:16px}.story-choice{gap:8px;padding:9px}.story-choice[aria-pressed=true]{padding:8px}.story-choice img{width:28px;height:40px}.story-choice-title{font-size:12px}.story-shelf[lang=ug] .story-choice-number{font-size:13px}.story-shelf[lang=ug] .story-choice-title{font-size:15px}.cover-intro[lang=ug] .cover-framed .cover-title{font-size:29px}.illustrated-spread{padding-top:225px;min-height:0}.illustrated-spread .illustration-page{top:-60px;right:0;width:100%;height:294px;bottom:auto}.illustrated-scene{padding:0 6% 20px;align-items:end}.storybook-illustration{max-width:335px;border-width:5px;box-shadow:5px 12px 14px -5px #503b3060}.storybook-illustration img{aspect-ratio:4 / 3}}.family-spread .illustration-page{top:-29%;right:-3%;width:68%;bottom:-1%}.family-diorama .diorama-viewport{height:calc(100% - 75px)}.family-loading-art{position:absolute;top:8%;right:5%;bottom:7%;left:5%;pointer-events:none}.family-controls{margin:-2px 4% 0 7%;gap:5px}.family-controls button{min-height:44px;padding:7px 11px;font-size:14px;background:#fff5e2cc}.family-controls button svg{width:16px}.family-diorama .diorama-dialogue{bottom:0;left:10%;right:6%}.family-controls[dir=rtl] button{font-family:var(--font-uyghur);font-size:19px}@media(min-width:1500px){.open-book-stage .family-spread .illustration-page{top:-28%}}@media(min-width:701px)and (max-width:1050px){.family-spread .illustration-page{top:-23%;right:-4%;width:68%}.family-controls{margin-left:6%;margin-right:3%;gap:3px}.family-controls button{padding:5px 8px}}@media(max-width:700px){.family-spread{padding-top:0}.family-spread .illustration-page{position:relative;order:-1;top:auto;right:auto;width:calc(100% + 24px);height:auto;margin:-78px -12px 0;bottom:auto}.family-diorama{height:auto}.family-diorama .diorama-viewport{height:302px}.family-controls{margin:-6px 8% 0;gap:4px}.family-controls button{padding:5px 8px}.family-controls[dir=rtl] button{font-size:18px}.family-diorama .diorama-dialogue{left:8%;right:8%}}.version-picker{border:0;padding:0;margin:0 0 16px;min-width:0}.version-picker legend{padding:0;margin:0 0 8px;font-size:14px;line-height:1.5;color:#725330}.version-options{display:flex;flex-wrap:wrap;gap:7px}.version-options button{display:flex;flex:1 1 100px;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:8px 12px;border-radius:8px;border:1px solid #b59a6f;background:#fff6e1;color:#695034;font-size:14px;line-height:1.5}.version-options button[aria-pressed=true]{color:#fff4df;background:#74343a;border-color:#74343a;box-shadow:inset 0 0 0 2px #a26953}.version-options button:hover{box-shadow:inset 0 0 0 2px #c99d65}.version-options button:focus-visible{outline:3px solid #805d30;outline-offset:3px}.version-options button:disabled{opacity:.65;cursor:default}.version-options svg{flex-shrink:0}.version-picker[lang=ug] legend{font-size:19px}.version-picker[lang=ug] button{font-family:var(--font-uyghur);font-size:20px}.cover-invitation .version-picker{width:min(340px,calc(100vw - 60px));margin:0 auto 17px}.cover-invitation .version-picker legend{float:none;width:100%;text-align:center}.book-title h1,.cover-invitation p,.cover-invitation .version-picker legend,.reading-dock .page-progress,.reading-dock .narration-notice,.app-footer>span{width:fit-content;max-width:100%;margin-inline:auto;padding:3px 10px;border-radius:8px;background:#fff7dfeb;color:#604426;text-shadow:none}.story-shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:min(960px,100%)}.story-choice{width:100%}@media(max-width:700px){.story-shelf{grid-template-columns:1fr;width:min(400px,100%);gap:9px}.story-choice{padding:11px 14px;gap:12px}.story-choice[aria-pressed=true]{padding:10px 13px}.story-choice img{width:38px;height:50px}.story-choice-title{font-size:14px}.story-shelf[lang=ug] .story-choice-number{font-size:16px}.story-shelf[lang=ug] .story-choice-title{font-size:19px}}[data-story=three-friends] .cover-framed{background:radial-gradient(ellipse at 50% 20%,#437667,#234e45 62%,#183d37);box-shadow:inset 0 0 0 7px #28584a,inset 0 0 0 9px #d6b777,inset 0 0 0 13px #234d43,3px 4px 1px #173931}[data-story=three-friends] .cover-framed .cover-art{border-color:#d6b777}[data-story=three-friends] .card-ornament{color:#56836c}[data-story=three-friends] .story-copy h2{color:#40674f}.page-leaf-3d{position:absolute;z-index:11;right:1%;top:0;bottom:-4%;width:49%;pointer-events:none;visibility:hidden;transform-style:preserve-3d}.page-leaf-3d[data-turning=true]{visibility:visible}.leaf-strip{position:absolute;top:0;bottom:0;left:100%;width:100%;transform-origin:left center;transform-style:preserve-3d;transform:rotateY(var(--leaf-angle, 0deg))}.page-leaf-3d>.leaf-strip{left:0;width:calc(100% / var(--leaf-strips, 9))}.page-leaf-return{left:1%;right:auto}.page-leaf-return .leaf-strip{left:auto;right:100%;transform-origin:right center}.page-leaf-return>.leaf-strip{left:auto;right:0;width:calc(100% / var(--leaf-strips, 9))}.leaf-face{position:absolute;display:block;top:0;right:-.75px;bottom:0;left:-.75px;backface-visibility:hidden;background:linear-gradient(180deg,#fffbef,#f7eed7 62%,#e9dec0)}.leaf-back{transform:rotateY(180deg);background:linear-gradient(180deg,#fdf7e9,#f0e6cd 60%,#e2d6b5)}.leaf-face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;background:repeating-linear-gradient(180deg,#b79f72 0 1px,transparent 1px 21px)}.leaf-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgb(46 30 10 / var(--leaf-shade, 0));background-image:linear-gradient(100deg,rgb(255 249 219 / var(--leaf-sheen, 0)),transparent 58%)}.leaf-edge .leaf-face{border-radius:0 7px 9px 0;box-shadow:inset -2px 0 5px #cbb98d5c}.page-leaf-return .leaf-edge .leaf-face{border-radius:9px 0 0 7px;box-shadow:inset 2px 0 5px #cbb98d5c}.leaf-cast{position:absolute;display:block;left:-4%;top:4%;bottom:-2%;width:108%;pointer-events:none;filter:blur(9px);transform-origin:left center;transform:translateZ(-4px) scaleX(calc(.3 + var(--leaf-progress, 0) * 1.3));background:linear-gradient(90deg,#4a341552,#4a341530 42%,transparent 76%);opacity:calc(var(--leaf-lift, 0) * .85)}.page-leaf-return .leaf-cast{transform-origin:right center;background:linear-gradient(270deg,#4a341552,#4a341530 42%,transparent 76%)}[data-depth=on] .book-area{perspective:1500px;perspective-origin:calc(50% + var(--tilt-x, 0) * 9%) calc(42% + var(--tilt-y, 0) * 7%)}[data-depth=on] .book-cover{perspective:none;transform-style:preserve-3d;transform:rotateX(calc(15deg + var(--tilt-y, 0) * -5.5deg)) rotateY(calc(var(--tilt-x, 0) * 9deg))}[data-depth=on] .book-content{perspective:none;transform-style:preserve-3d}[data-depth=on] .book-spread{transform-style:preserve-3d}[data-depth=on] .book-cover:after{content:"";position:absolute;z-index:3;top:0;right:1%;bottom:-5%;left:1%;pointer-events:none;transform-origin:center bottom;transform:rotateX(19deg) translateZ(1px);background:linear-gradient(90deg,transparent 43%,#6b4f2a2b 48.5%,#5c421f42 50%,#6b4f2a26 52%,transparent 58%)}[data-depth=on] .book-spine{transform:rotate(3deg) translateZ(3px)}[data-depth=on] .text-page{--pop-rest: -11deg;--pop-z: 26px;transform:translateZ(var(--pop-z)) rotateX(-11deg);transform-origin:50% 100%}[data-depth=on] .illustration-page{--pop-z: 62px;transform:translateZ(var(--pop-z));transform-origin:50% 100%}[data-depth=on] .turning-spread .text-page{animation:page-standup .8s cubic-bezier(.22,.82,.3,1) .05s both}[data-depth=on] .turning-spread .illustration-page{animation:page-standup .92s cubic-bezier(.22,.82,.3,1) .15s both}[data-depth=on] .folio{transform:translateZ(6px)}[data-depth=on] .page-leaf-3d{transform:translateZ(74px)}[data-depth=on] .corner-peel{transform:translateZ(66px)}@keyframes book-breath{0%,to{translate:0 0}50%{translate:0 -5px}}@keyframes page-standup{0%{opacity:.18;transform:translateZ(var(--pop-z, 0px)) rotateX(calc(var(--pop-rest, 0deg) - 52deg))}45%{opacity:1}78%{transform:translateZ(var(--pop-z, 0px)) rotateX(calc(var(--pop-rest, 0deg) + 6deg))}to{opacity:1;transform:translateZ(var(--pop-z, 0px)) rotateX(var(--pop-rest, 0deg))}}[data-depth=on] .closed-book{transition:none;animation:book-breath 9s ease-in-out infinite;transform:rotateX(calc(31deg + var(--tilt-y, 0) * -9deg)) rotateY(calc(var(--tilt-x, 0) * 13deg)) rotate(-10deg)}[data-depth=on] .closed-book:hover:not(:disabled){transform:rotateX(calc(27deg + var(--tilt-y, 0) * -9deg)) rotateY(calc(var(--tilt-x, 0) * 13deg)) rotate(-8deg) translateZ(18px)}[data-depth=on] .cover-outside:after{content:"";position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;pointer-events:none;background:linear-gradient(102deg,transparent 38%,#fff3c944 47%,#fff8dc5e 50.5%,transparent 61%);transform:translate(calc(var(--tilt-x, 0) * 24%)) translateY(calc(var(--tilt-y, 0) * 11%))}.corner-peel{position:absolute;z-index:9;right:3.2%;bottom:0;width:76px;height:76px;padding:0;border:0;background:none}.corner-peel-paper{position:absolute;display:block;top:0;right:0;bottom:0;left:0;transform-origin:100% 100%;clip-path:polygon(100% 0,100% 100%,0 100%);background:linear-gradient(315deg,#fffdf4 0 28%,#f6ecd2 42%,#dcc9a0 54%,#a68f61 60%,transparent 61%);box-shadow:-8px -8px 15px #4b361a4d;transition:transform .35s cubic-bezier(.25,.8,.3,1)}.corner-peel-hint{position:absolute;right:9px;bottom:4px;font:italic 15px Georgia,serif;color:#a58d5c;opacity:0;transition:opacity .3s}.corner-peel:hover .corner-peel-paper,.corner-peel:focus-visible .corner-peel-paper{transform:translate(-10px,-10px) rotate(-7deg) scale(1.14)}.corner-peel:hover .corner-peel-hint,.corner-peel:focus-visible .corner-peel-hint{opacity:1}.corner-peel:focus-visible{outline:3px solid #fff0b8;outline-offset:3px;border-radius:6px}.corner-peel-start{right:auto;left:3.2%}.corner-peel-start .corner-peel-paper{transform-origin:0 100%;clip-path:polygon(0 0,100% 100%,0 100%);background:linear-gradient(45deg,#fffdf4 0 28%,#f6ecd2 42%,#dcc9a0 54%,#a68f61 60%,transparent 61%);box-shadow:8px -8px 15px #4b361a4d}.corner-peel-start .corner-peel-hint{right:auto;left:9px}.corner-peel-start:hover .corner-peel-paper,.corner-peel-start:focus-visible .corner-peel-paper{transform:translate(10px,-10px) rotate(7deg) scale(1.14)}.depth-toggle{display:flex;width:100%;align-items:center;gap:10px;margin-top:17px;padding:9px 11px;min-height:46px;text-align:start;border:1px solid #b59a6f;border-radius:8px;background:#fff6e1;color:#695034;font-size:14px;line-height:1.45}.depth-toggle>span{display:flex;flex-direction:column;gap:2px;min-width:0}.depth-toggle strong{display:block;margin:0;font-size:14px;font-weight:650}.depth-toggle small{font-size:12px;color:#8a7250}.depth-toggle svg{flex:0 0 auto}.depth-toggle:hover:not(:disabled){box-shadow:inset 0 0 0 2px #c99d65}.depth-toggle:focus-visible{outline:3px solid #805d30;outline-offset:3px}.depth-toggle:disabled{opacity:.62}.depth-toggle[aria-pressed=true]{color:#fff4df;background:#74343a;border-color:#74343a;box-shadow:inset 0 0 0 2px #a26953}.depth-toggle[aria-pressed=true] small{color:#f4dccb}.settings-panel[lang=ug] .depth-toggle strong{font-size:19px}.settings-panel[lang=ug] .depth-toggle small{font-size:15px}@media(max-width:1050px)and (min-width:701px){.corner-peel{width:62px;height:62px}[data-depth=on] .illustration-page{--pop-z: 42px}}@media(max-width:700px){.corner-peel{display:none}.page-leaf-3d,.page-leaf-return{left:0;right:auto;width:100%}[data-depth=on] .book-cover{transform:rotateX(calc(var(--tilt-y, 0) * -2deg)) rotateY(calc(var(--tilt-x, 0) * 3deg))}[data-depth=on] .illustration-page{--pop-z: 20px}[data-depth=on] .book-cover:after{display:none}.depth-toggle{min-height:48px}}.comet-trail{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:60;pointer-events:none}.popup-stage{position:absolute;z-index:5;left:3%;right:3%;bottom:6%;height:44%;pointer-events:none;transform-style:preserve-3d}.illustrated-spread .illustrated-scene{display:block;position:relative;padding:0;transform:translateZ(-26px)}.illustrated-spread .storybook-illustration{position:absolute;left:50%;top:0;height:66%;width:auto;translate:-50% 0;transform-origin:50% 100%}.illustrated-spread .storybook-illustration img{height:100%;width:auto}.popup-cutout{position:absolute;padding:0;border:0;background:none;pointer-events:auto;transform-style:preserve-3d;transform-origin:50% 100%;transform:translateZ(calc(var(--rank, 1) * 9px)) translate(calc(var(--tilt-x, 0) * var(--rank, 1) * -1.7px)) rotate(var(--lean, 0deg))}.cutout-art{display:block;transform-origin:50% 100%;transform:scaleX(var(--flip, 1));animation:cutout-rise .82s cubic-bezier(.22,.86,.3,1.05) var(--delay, 0s) both}.cutout-art svg{filter:drop-shadow(0 0 1.6px #fdf3dd) drop-shadow(0 0 1.6px #fdf3dd) drop-shadow(0 0 1.6px #fdf3dd) drop-shadow(0 4px 5px #4c351a4a)}.cutout-art svg{display:block;width:100%;height:auto}.cutout-shadow{position:absolute;left:-4%;right:-4%;bottom:-7px;height:19px;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#4a341573,transparent 68%);filter:blur(3px);animation:cutout-settle .82s ease-out var(--delay, 0s) both}.cutout-label{position:absolute;left:50%;top:-6px;z-index:9;padding:3px 11px;border-radius:20px;white-space:nowrap;pointer-events:none;font-size:13px;line-height:1.5;color:#5f4526;background:#fff6dff0;border:1px solid #cfb387;box-shadow:0 4px 10px #4c351a3d;opacity:0;transform:translate(-50%,6px) scale(.9);transition:opacity .2s,transform .2s}.cutout-label.cutout-named{opacity:1;transform:translate(-50%) scale(1)}.popup-cutout:focus-visible{outline:3px solid #fff0b8;outline-offset:6px;border-radius:8px}.popup-cutout:hover .cutout-art{transform:scaleX(var(--flip, 1)) translateY(-3px)}@keyframes cutout-rise{0%{transform:scaleX(var(--flip, 1)) rotateX(-88deg)}to{transform:scaleX(var(--flip, 1)) rotateX(0)}}@keyframes cutout-settle{0%{opacity:0;transform:scaleX(.3)}to{opacity:1;transform:scaleX(1)}}.illustrated-scene{transform-style:preserve-3d}[lang=ug] .cutout-label{font-family:var(--font-uyghur);font-size:17px}.story-word.word-ahead{color:#a9977c;border-bottom-color:#e2d3ad}.story-word.word-ahead.word-active{color:#3c3040}@media(max-width:700px){.popup-stage{height:55%;bottom:2%}.cutout-label{font-size:12px;padding:2px 9px}[lang=ug] .cutout-label{font-size:15px}}@media(prefers-reduced-motion:reduce){.cutout-art,.cutout-shadow{animation:none}.comet-trail{display:none}}[data-book-state=shelf] main{padding-top:clamp(10px,2.5vh,26px)}[data-book-state=shelf] .book-title{display:none}.book-room{position:relative;width:min(1000px,100%);margin:0 auto;padding:0 0 4px}.room-wall{position:absolute;top:-8px;right:-3%;bottom:20%;left:-3%;border-radius:14px;overflow:hidden;box-shadow:inset 0 -30px 50px #7c52284d,inset 0 0 70px #8a5f2f2e,0 18px 44px #402c1560;background-color:#e7c894;background-image:repeating-linear-gradient(45deg,#a9764018 0 3px,transparent 3px 26px),repeating-linear-gradient(-45deg,#a9764018 0 3px,transparent 3px 26px),radial-gradient(#9d6c3a2e 2.4px,transparent 3px),radial-gradient(ellipse at 24% 6%,#ffeec4,transparent 58%),linear-gradient(#f0d7a6,#dcbc86 68%,#c9a068);background-size:auto,auto,48px 48px,auto,auto}.wall-kite{position:absolute;width:44px;height:54px;clip-path:polygon(50% 0,100% 36%,50% 100%,0 36%);opacity:.92}.wall-kite:after{content:"";position:absolute;left:50%;top:98%;width:3px;height:54px;margin-left:-1.5px;border-radius:2px;background:repeating-linear-gradient(#a96f4bcc 0 6px,transparent 6px 13px)}.kite-one{left:5%;top:5%;background:linear-gradient(#dd7d90,#ab4560);rotate:-14deg}.kite-two{right:6%;top:4%;background:linear-gradient(#74b0cb,#37728f);rotate:12deg}.kite-three{left:17%;top:15%;width:30px;height:37px;background:linear-gradient(#e8b75f,#bd8235);rotate:-5deg}.shelf-unit{position:relative;width:min(940px,100%);margin-inline:auto;padding:0}.shelf-ornaments{position:relative;margin:0 3%;height:clamp(34px,5vh,58px);display:flex;align-items:flex-end;justify-content:space-evenly;gap:clamp(2px,.6vw,10px);pointer-events:none}.shelf-ornament{display:block;flex:0 0 auto;height:100%;filter:drop-shadow(0 0 1.6px #fdf3dd) drop-shadow(0 0 1.6px #fdf3dd) drop-shadow(0 4px 4px #4c351a45)}.shelf-ornament svg{display:block;height:100%;width:auto}@media(max-width:1180px){.shelf-ornament[data-keep="4"]{display:none}}@media(max-width:900px){.shelf-ornament[data-keep="3"]{display:none}}@media(max-width:620px){.shelf-ornament[data-keep="2"]{display:none}}.shelf-plank{position:relative;z-index:2;height:20px;border-radius:3px;background-image:repeating-linear-gradient(90deg,#00000014 0 1px,transparent 1px 41px),linear-gradient(#c08d52,#97673233 18%,#8a5c2b 52%,#6b451f);background-color:#8a5c2b;box-shadow:0 4px #533619,0 11px 20px #3f2a1275}.shelf-plank-top,.shelf-plank-crown{margin-bottom:0}.shelf-plank-main{height:26px}.plank-edge{position:absolute;inset:0 0 auto;height:4px;border-radius:3px 3px 0 0;background:linear-gradient(#eec489,#c2914f)}.shelf-books{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:clamp(10px,2.2vw,30px);perspective:1300px;padding:clamp(16px,3.1vh,31px) 3.5% 5px;gap:clamp(8px,1.8vw,26px);background-image:repeating-linear-gradient(90deg,#00000010 0 1px,transparent 1px 46px),linear-gradient(#6f4a23,#8a6236 26%,#a07648 78%,#6f4a23);box-shadow:inset 0 16px 26px #3a240d8c,inset 0 -8px 14px #3a240d66,inset 9px 0 18px #3a240d80,inset -9px 0 18px #3a240d80}.shelf-book{position:relative;width:clamp(80px,11.5vw,144px);aspect-ratio:2 / 3;padding:0;border:0;background:none;transform-style:preserve-3d;transform:rotateY(19deg) rotate(var(--stand, 0deg));transition:transform .35s cubic-bezier(.25,.85,.3,1),filter .35s;filter:drop-shadow(-6px 13px 12px #3f2a1275)}.shelf-book:hover,.shelf-book:focus-visible{transform:rotateY(11deg) rotate(0) translateY(-10px)}.shelf-book[aria-pressed=true]{transform:rotateY(7deg) rotate(0) translateY(-17px) scale(1.07);filter:drop-shadow(-5px 18px 16px #3f2a1288) drop-shadow(0 0 14px #ffdf9a80)}.shelf-book:focus-visible{outline:3px solid #fff0b8;outline-offset:7px;border-radius:4px}.shelf-book-face{position:absolute;display:block;top:0;right:0;bottom:0;left:0;border-radius:2px 6px 6px 2px;overflow:hidden;background:var(--spine, #5c4230);box-shadow:inset 0 0 0 2px #fff3,inset 0 0 0 4px #00000026,inset 9px 0 14px #0003}.shelf-book-face img{display:block;width:100%;height:100%;object-fit:cover}.shelf-book-spine{position:absolute;display:block;left:-19px;top:0;bottom:0;width:19px;transform-origin:100% 50%;transform:rotateY(90deg);background-image:linear-gradient(90deg,#00000073,#00000014 45%,#0000004d),linear-gradient(var(--spine, #5c4230),var(--spine, #5c4230));box-shadow:inset 0 3px 0 var(--edge, #cdb183),inset 0 -3px 0 var(--edge, #cdb183)}.shelf-book-block{position:absolute;display:block;right:-19px;top:1.5%;bottom:1.5%;width:19px;transform-origin:0 50%;transform:rotateY(-90deg);background-image:linear-gradient(90deg,#00000026,#0000004d),repeating-linear-gradient(90deg,#f4eacf 0,#f4eacf 1px,#c5b489 1px,#c5b489 2.8px)}.shelf-book-title{position:absolute;display:block;left:6%;right:6%;top:4%;padding:5px 6px;border-radius:4px;font-size:12px;line-height:1.35;font-weight:700;color:#fff6dd;text-shadow:0 1px 3px #26170a;background:linear-gradient(#1c1208b0,#1c12086b);text-wrap:balance}.book-room[lang=ug] .shelf-book-title{font-family:var(--font-uyghur);font-size:15px;line-height:1.5}.shelf-picker{position:relative;z-index:2;width:min(940px,100%);margin:clamp(9px,1.6vh,18px) auto 0;text-align:center}.shelf-chosen{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3px 10px;width:fit-content;margin:0 auto 10px;padding:5px 17px;border-radius:13px;font-size:15px;font-weight:600;line-height:1.4;color:#5b3f27;background:#fff7dfee;box-shadow:0 4px 11px #6e482326;text-wrap:balance}.shelf-chosen-band{padding:1px 9px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.4px;color:#4b4560;background:#e8e2ef}.shelf-chosen-stars{display:flex;gap:1px;color:#c9ad79}.book-room[lang=ug] .shelf-chosen{font-family:var(--font-uyghur);font-size:19px;line-height:1.6}.book-room[lang=ug] .shelf-chosen-band{font-size:15px;letter-spacing:0}.shelf-star-lit{color:#e0a63f}.shelf-take{min-width:230px;margin-inline:auto}.book-room[lang=ug] .shelf-take{font-family:var(--font-uyghur);font-size:21px;min-height:52px}.shelf-return{display:inline-flex;align-items:center;gap:7px;margin-top:11px;min-height:40px;padding:7px 16px;border:1px solid #b59a6f;border-radius:30px;background:#fff6e1d9;color:#6b5034;font-size:13px}.shelf-return:hover:not(:disabled){background:#fffaf0}.shelf-return:focus-visible{outline:3px solid #805d30;outline-offset:3px}.cover-intro[lang=ug] .shelf-return{font-family:var(--font-uyghur);font-size:17px}@media(max-width:1050px)and (min-width:701px){.shelf-book{width:clamp(72px,11.6vw,112px)}.shelf-books{gap:clamp(8px,1.6vw,18px)}}@media(max-width:700px){.book-room{padding-bottom:0}.room-wall{top:-6px;right:-3%;bottom:22%;left:-3%;border-radius:12px}.shelf-unit{padding:52px 2% 0}.shelf-ornaments{left:4%;right:4%;height:42px}.shelf-books{gap:5px;padding-inline:2.5%}.shelf-book{width:clamp(58px,19vw,88px)}.shelf-book-title{font-size:10px;padding:3px 4px}.book-room[lang=ug] .shelf-book-title{font-size:12px}.shelf-chosen{font-size:13px;padding:4px 12px;margin-bottom:8px}.book-room[lang=ug] .shelf-chosen{font-size:16px}.shelf-take{min-width:200px}.wall-kite{width:30px;height:38px}.kite-three{display:none}}@media(max-width:700px)and (max-height:780px){.shelf-ornaments{display:none}.shelf-unit{padding-top:24px}.shelf-books-upper{padding:22px 6% 4px}.shelf-books-upper .shelf-book{width:clamp(50px,15.5vw,72px)}.shelf-books{padding-block:18px 4px}.shelf-book{width:clamp(54px,17vw,78px)}.shelf-tier-label{top:3px}.shelf-picker{margin-top:7px}.shelf-chosen{margin-bottom:6px}}@media(max-height:860px){.shelf-ornaments{height:clamp(26px,3.4vh,40px)}.shelf-plank-crown{height:13px;box-shadow:0 3px #533619,0 8px 14px #3f2a1255}.shelf-books-upper{padding-top:clamp(18px,2.6vh,26px)}.shelf-books{padding-block:clamp(18px,2.9vh,26px) 4px}.shelf-picker{margin-top:clamp(6px,1vh,11px)}.shelf-chosen{margin-bottom:clamp(5px,.9vh,9px)}}@media(prefers-reduced-motion:reduce){.shelf-book{transition:none}}.paper-scene{position:absolute;top:0;right:2%;bottom:2%;left:2%;border-radius:7px;overflow:hidden;transform:translateZ(-26px);transform-style:preserve-3d;border:6px solid #fff5dd;outline:1px solid #d0b786;box-shadow:6px 16px 18px -6px #503b3060,1px 3px 0 1px #c9b58e}.paper-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--paper-sky)}.paper-disc{position:absolute;right:13%;top:9%;width:16%;aspect-ratio:1;border-radius:50%;background:var(--paper-disc);box-shadow:0 0 0 7px #ffffff2e,0 0 44px 18px var(--paper-glow)}.paper-disc-moon{clip-path:circle(50% at 66% 50%);right:15%}.paper-star{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff6d6;box-shadow:0 0 6px #fff0bb;animation:twinkle 4s ease-in-out infinite;animation-delay:var(--delay)}.paper-hills{position:absolute;left:-2%;width:104%;display:block}.paper-hills path{stroke:#fdf3dd;stroke-width:2.5;paint-order:stroke}.paper-hills-far{bottom:27%;height:34%}.paper-hills-far path{fill:var(--hill-far)}.paper-hills-mid{bottom:20%;height:30%}.paper-hills-mid path{fill:var(--hill-mid)}.paper-hills-near{bottom:14%;height:25%}.paper-hills-near path{fill:var(--hill-near)}.paper-floor{position:absolute;left:0;right:0;bottom:0;height:16%;background:linear-gradient(var(--paper-floor),#fff3d6);box-shadow:inset 0 5px 10px #6b4a2540}.paper-fold{position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,#fff8e3 20%,#fff8e3 80%,transparent)}.paper-spread .popup-stage{bottom:5%;height:48%}.paper-spread .illustration-page{top:-20%;right:-2%;width:58%;bottom:0}[data-depth=on] .paper-spread .illustration-page{--pop-z: 58px}.cover-emblem{position:relative;z-index:0;display:block;width:100%;height:100%;overflow:hidden}.emblem-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#3d4f7a,#7c86ab 48%,#d9bd8e)}.emblem-ground{position:absolute;left:-4%;right:-4%;bottom:0;height:21%;border-radius:46% 46% 0 0/24% 24% 0 0;background:linear-gradient(#d9bd8e,#b9995f);box-shadow:0 -2px #fdf3dd}.emblem-piece{position:absolute;bottom:9%;display:block;filter:drop-shadow(0 0 1.4px #fdf3dd) drop-shadow(0 0 1.4px #fdf3dd) drop-shadow(0 3px 4px #2a1c0c66)}.emblem-piece svg{display:block;width:100%;height:auto}.emblem-piece:nth-child(2){left:2%;width:62%;bottom:15%}.emblem-piece:nth-child(3){right:4%;width:52%;bottom:8%}.emblem-piece:nth-child(4){left:12%;width:27%;bottom:6%}.cover-paper .cover-title{top:6%}.cover-paper{background:#22304e;box-shadow:inset 0 0 0 6px #22304e,inset 0 0 0 8px #c9a05e,3px 4px 1px #16223a}.cover-paper .cover-art{position:absolute;top:8px;right:8px;bottom:8px;left:8px;width:auto;height:auto;border-radius:3px}.story-choice .cover-emblem{width:42px;height:52px;flex:0 0 auto;border-radius:2px;box-shadow:1px 2px 4px #51392150}@media(max-width:700px){.paper-spread .illustration-page{top:-60px;height:300px;right:0;width:100%}.paper-spread .popup-stage{bottom:3%;height:52%}.paper-scene{top:0;right:0;bottom:2%;left:0}}.shelf-books-upper{position:relative;justify-content:flex-start;padding:clamp(22px,3.5vh,35px) 7% 5px}.shelf-books-upper .shelf-book{width:clamp(60px,7.2vw,92px)}.shelf-tier-label{position:absolute;top:5px;left:50%;translate:-50% 0;z-index:9;padding:2px 12px;border-radius:20px;font-size:11px;letter-spacing:.6px;color:#f0e2c6;background:#3b3a4cd9;box-shadow:0 2px 6px #241a0f59}.book-room[lang=ug] .shelf-tier-label{font-family:var(--font-uyghur);font-size:14px;letter-spacing:0}.shelf-book-older .shelf-book-title{background:linear-gradient(#12101cbd,#12101c6b)}.older-spread .paper-scene{border-color:#efe6d2}.popup-stage-still .popup-cutout{pointer-events:none}.popup-stage-still .cutout-art{filter:saturate(.82) brightness(.94)}.paper-scene-cold .paper-disc,.paper-scene-ash .paper-disc{box-shadow:0 0 0 6px #ffffff1c,0 0 34px 14px var(--paper-glow);opacity:.82}.older-spread .text-page{width:44%;background:radial-gradient(ellipse at 30% 20%,#fffdf6,#fbf6e6 70%,#efe7d2)}.older-spread .word-story{font-size:clamp(15px,1.42vw,19px);line-height:1.72}.older-spread .story-copy h2{font-size:clamp(19px,1.85vw,25px);margin-bottom:15px}.older-spread .text-page[lang=ug] .word-story{font-size:20px;line-height:1.95}.older-spread .text-page[lang=ug] .story-copy h2{font-size:24px}.older-spread .text-page[lang=ja] .story-copy h2{font-size:21px}.older-spread .illustration-page{width:51%;right:-2%}.older-spread .page-finished{color:#6f6480}.reading-enlarged .older-spread .text-page{width:56%}.cover-intro-older .cover-edition{color:#ded2e6;letter-spacing:1px}.cover-intro-older[lang=ug] .cover-edition{letter-spacing:0}@media(max-width:1050px)and (min-width:701px){.shelf-books-upper .shelf-book{width:clamp(56px,7.8vw,88px)}.older-spread .text-page{width:46%}.older-spread .illustration-page{width:52%}}@media(max-width:700px){.shelf-books-upper{padding:30px 6% 5px}.shelf-books-upper .shelf-book{width:clamp(54px,18vw,84px)}.shelf-tier-label{font-size:10px;padding:2px 9px}.book-room[lang=ug] .shelf-tier-label{font-size:12px}.older-spread .text-page,.reading-enlarged .older-spread .text-page{width:100%}.older-spread .illustration-page{width:100%;right:0}.older-spread .word-story{font-size:17px}.older-spread .text-page[lang=ug] .word-story{font-size:19px}}