.story-control-art{display:block;flex:none;width:32px;height:34px;overflow:visible;pointer-events:none}.immersive .page-progress.progress-ornaments{gap:0;align-items:center;padding:2px 9px 4px;border:1px solid #d2b574;background:linear-gradient(160deg,#826b96ed,#554168ee 70%);box-shadow:inset 0 2px #d4c1d78c,inset 0 -2px #30263c8c,0 4px #4a354995,0 7px 13px #37253424}.immersive .progress-ornaments button{display:grid;place-items:center;width:34px;min-width:0;height:42px;padding:0;border-radius:11px;background:none;box-shadow:none;transform:none;transition:background .2s}.progress-ornaments .story-control-art{width:31px;height:33px;transform:rotate(-7deg);transform-origin:50% 65%;transition:transform .28s ease,filter .35s ease}.progress-ornaments button:nth-child(2n) .story-control-art{transform:rotate(7deg)}.immersive .progress-ornaments button[aria-current]{transform:none}.progress-ornaments button[aria-current] .story-control-art{transform:translateY(-2px) rotate(0) scale(1.08);filter:drop-shadow(0 0 6px #ffdf9477)}.progress-ornaments button:is(:hover,:focus-visible):not(:disabled) .story-control-art{transform:translateY(-3px) rotate(0) scale(1.1);filter:drop-shadow(0 0 7px #ffe7a3a6)}.immersive .progress-ornaments button:focus-visible{outline:var(--h-focus-width) solid var(--h-focus-on-dark);outline-offset:0}.story-settings.story-settings-tactile>summary{width:50px;height:50px;padding:5px;border:2px solid #b18c56;background:radial-gradient(circle at 35% 25%,#fffdec,#f6e5b8 70%,#d2b887);box-shadow:inset 0 0 0 3px #fff5d6,inset 0 -4px 4px #a3834e33,0 4px #8f6d47,0 7px 10px #37293926;transition:translate .2s ease,box-shadow .2s ease}.story-settings-tactile>summary .story-control-art{width:34px;height:36px;transition:transform .45s ease}.story-settings-tactile[open]>summary .story-control-art{transform:rotate(35deg)}.story-settings-tactile>summary:focus-visible{outline:var(--h-focus-width) solid var(--h-focus-color);outline-offset:4px}.story-settings-tactile .settings-panel{top:64px;width:min(310px,calc(100vw - 24px));padding:21px 18px 18px;border:3px solid #9b754c;border-radius:27px 27px 22px 22px;color:var(--h-text-heading, #3d2616);background:radial-gradient(ellipse at 25% 0,#fffde8,#f8edce 75%);box-shadow:inset 0 0 0 3px #fae9c0,inset 0 0 0 5px #d5b880,0 6px #70523e,0 15px 32px #34253840;box-sizing:border-box}.settings-panel-heading{display:flex;align-items:center;gap:10px;padding:0 3px 12px;border-bottom:1px solid #d7c5a3}.settings-panel-heading>.story-control-art{width:38px;height:40px}.settings-panel-heading h2{margin:0!important;font-size:22px;font-weight:600}.settings-panel-heading p{margin:3px 0 0;font-size:var(--h-text-xs);color:var(--h-ink-muted)}.story-settings-tactile .settings-panel label{position:relative;margin:13px 0;font-size:15px}.settings-panel .settings-icon{width:27px;height:29px}.story-settings-tactile .settings-volume{flex-wrap:wrap;column-gap:8px;row-gap:9px}.settings-volume>span{font-weight:500}.story-settings-tactile label.sound-choice{gap:8px;min-height:43px;cursor:pointer}.sound-choice>span:not(.sound-switch){flex:1}.story-settings-tactile .sound-choice input[type=checkbox]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:1;cursor:pointer}.sound-switch{position:relative;flex:none;width:44px;height:27px;box-sizing:border-box;border:1px solid #9b815a;border-radius:20px;background:linear-gradient(#d3c29d,#eee2c5);box-shadow:inset 0 2px 4px #69512d36;transition:background .2s ease}.sound-switch:after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border:1px solid #aa8953;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fffde7,#f0d693 70%);box-shadow:0 2px 1px #8b684447,inset 0 0 0 1px #fff9d8;transition:transform .24s ease}.sound-choice input:checked~.sound-switch{background:linear-gradient(#3b4a82,#c6d8f1)}.sound-choice input:checked~.sound-switch:after{transform:translate(17px)}.sound-choice input:focus-visible~.sound-switch{outline:var(--h-focus-width) solid var(--h-focus-color);outline-offset:4px}.story-settings-tactile .settings-panel a{font-size:13px;text-align:center;border-top:1px solid #dac79f;padding-top:13px;margin-top:15px;color:#7c647f}.immersive .reading-caption nav.reader-control-row button,.immersive .reading-options .close-book,.immersive .reading-options .read-together-switch{border:2px solid #bd955b;border-radius:999px;background:radial-gradient(ellipse at 35% 0,#fffde7,#f8e9c0 70%,#e9d3a0);box-shadow:inset 0 0 0 3px #fff8df,inset 0 -5px 3px #d1b88355,0 4px #90704c,0 7px 10px #4d344522;color:var(--h-text-heading, #3d2616);transition:translate .2s ease,box-shadow .2s ease,background .25s ease}.immersive .reader-control-row button{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 12px}.reader-control-row button>.story-control-art{width:27px;height:29px}.immersive .reader-control-row .read-button{min-width:144px}.immersive .reader-control-row .read-button>.story-control-art{width:25px;height:27px}.immersive .reading-options .close-book{display:flex;align-items:center;justify-content:center;gap:8px;padding:5px 15px 6px 11px;font-size:15px;min-height:45px}.reading-options .close-book .story-control-art{width:29px;height:31px}.immersive .reading-options .read-together-switch{position:relative;display:flex;align-items:center;gap:7px;min-height:45px;padding:4px 11px 5px 10px;font-size:15px;font-weight:500;cursor:pointer}.read-together-switch>.mode-sound{width:26px;height:28px}.read-together-switch>.mode-tick{width:20px;height:22px;opacity:.12;transition:opacity .25s ease}.immersive .read-together-switch input[type=checkbox]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.immersive .reading-options .read-together-switch:has(input:checked){background:linear-gradient(145deg,#c6d8f1,#3b4a82 75%);color:#fff6d5;border-color:#9c774d;box-shadow:inset 0 0 0 2px #c6d8f1,inset 0 -4px 4px #48365255,0 4px #3b4a82,0 7px 10px #4d344522;text-shadow:0 1px 1px #2c2a3e}.read-together-switch input:checked~.mode-tick{opacity:1}.immersive .reader-control-row button:focus-visible,.immersive .reading-options .close-book:focus-visible,.read-together-switch:has(input:focus-visible){outline:var(--h-focus-width) solid var(--h-focus-color);outline-offset:4px}.immersive .story-ending-choices button,.immersive .ending-card .story-ending-choices button{position:relative;box-sizing:border-box;flex:0 1 148px;width:min(46%,148px);min-width:0;min-height:122px;height:122px;padding:8px 9px 7px;gap:4px;border:var(--h-border) solid #d6c29a;border-radius:var(--h-radius-md);background:var(--h-face);color:var(--h-ink);box-shadow:inset 0 0 0 3px var(--h-cream-100),var(--h-ledge-pressed);transition:border-color var(--h-dur) ease,background var(--h-dur) ease,box-shadow var(--h-dur) ease;transform:none;translate:none}.story-ending-choice-label{display:grid;place-items:center;width:100%;height:2.5em;min-height:2.5em;line-height:1.25;font-size:14px}.ending-card .story-ending-choice-art,.story-ending-choice-art{flex:none;width:72px;height:60px}.story-ending-answer-badge{position:absolute;inset-inline-end:6px;top:6px;display:grid;place-items:center;width:26px;height:26px;border:1.5px solid #ad8c51;border-radius:50%;background:linear-gradient(#fff6c6,#e8c575);box-shadow:inset 0 0 0 2px #fff3bd,0 3px #927146;opacity:0;transform:scale(.8);transition:opacity .2s,transform .2s;pointer-events:none}.story-ending-answer-badge>.story-control-art{width:20px;height:21px}.story-ending-choices .is-right .story-ending-answer-badge{opacity:1;transform:scale(1)}.immersive .story-ending-choices button:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--h-gold-500)}.immersive .story-ending-choices button.is-right{border-color:var(--h-sage-600);background:var(--h-face-correct);color:var(--h-sage-800);opacity:1;box-shadow:inset 0 0 0 3px #ffffe9,inset 0 0 0 6px #c9d9a266,0 2px 0 var(--h-sage-600)}.immersive .story-ending-choices button.try-again{border-color:var(--h-retry-500);background:var(--h-face-retry);box-shadow:inset 0 0 0 3px var(--h-cream-100),inset 0 0 0 6px #efd5a866,var(--h-ledge-pressed)}.immersive .story-ending-choices button[aria-disabled=true]:not(.is-right){color:var(--h-ink-disabled);opacity:1;cursor:default}.immersive .story-ending-choices button:focus-visible{outline:var(--h-focus-width) solid var(--h-focus-color);outline-offset:5px}.story-ending-feedback{display:grid;align-items:center;height:2.8em;min-height:2.8em;margin:9px 0 0;line-height:1.4}.ending-card .story-ending-badge>.story-control-art{width:33px;height:35px}.story-ending-done>.story-control-art{width:18px;height:20px}.story-ending-actions .story-control-art{width:22px;height:24px}@media(max-width:700px){.immersive .progress-ornaments button{width:29px;height:40px}.progress-ornaments .story-control-art{width:26px;height:28px}.immersive .page-progress.progress-ornaments{padding-inline:7px}.story-settings.story-settings-tactile>summary{width:43px;height:43px;padding:4px}.story-settings-tactile>summary .story-control-art{width:29px;height:31px}.story-settings-tactile .settings-panel{top:57px}.immersive .reading-options .close-book,.immersive .reading-options .read-together-switch{font-size:13px;gap:6px;padding-inline:9px}.read-together-switch>.mode-sound{width:23px;height:25px}.reading-options .close-book .story-control-art{width:25px;height:27px}.read-together-switch>.mode-tick{width:17px}}@media(prefers-reduced-motion:reduce){.progress-ornaments .story-control-art,.story-settings-tactile summary,.story-settings-tactile summary .story-control-art,.sound-switch,.sound-switch:after,.read-together-switch>.mode-tick,.story-ending-answer-badge,.immersive .reader-control-row button,.immersive .reading-options .close-book,.immersive .reading-options .read-together-switch{transition:none}.progress-ornaments button:is(:hover,:focus-visible):not(:disabled) .story-control-art{transform:rotate(0)}.immersive .reader-control-row button:is(:hover,:focus-visible):not(:disabled),.immersive .reading-options .close-book:is(:hover,:focus-visible):not(:disabled),.immersive .reading-options .read-together-switch:hover{translate:none}}.immersive .progress-ornaments button:disabled{opacity:1;cursor:default}@keyframes tiny-star-wiggle{0%,to{rotate:-2deg}50%{rotate:2deg}}.progress-ornaments .story-control-art.is-lit{filter:drop-shadow(0 1px 0 #7a4f2a55)}.progress-ornaments button[aria-current] .story-control-art.is-lit{filter:drop-shadow(0 0 5px #ffdf94aa) drop-shadow(0 1px 0 #7a4f2a55)}@media(prefers-reduced-motion:no-preference){.progress-ornaments button:is(:hover,:focus-visible):not(:disabled) .story-control-art{animation:tiny-star-wiggle 1.15s ease-in-out infinite}}.immersive .story-settings-tactile[open] .settings-backdrop{position:fixed;inset:0;z-index:90;width:100vw;height:100dvh;max-width:none;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:#16142561;box-shadow:none;transform:none;translate:none;cursor:default}.immersive .story-settings-tactile[open] .settings-panel{box-sizing:border-box;position:fixed;z-index:91;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(620px,94vw);max-height:calc(100dvh - 40px);margin:0;padding:34px 46px 30px;overflow-y:auto;overscroll-behavior:contain;border:var(--h-border-frame) solid var(--h-navy-800);border-radius:var(--h-radius-frame);background:var(--h-cream-300);color:var(--h-ink);text-align:start;box-shadow:var(--h-inset-frame),var(--h-shadow-dialog)}.immersive .story-settings-tactile[open] .settings-panel-heading{display:flex;align-items:center;gap:14px;min-height:46px;margin:0 0 16px;padding:0 48px 18px 0;padding-inline:0 48px;border-bottom:1px solid #d2bd91}.immersive .story-settings-tactile[open] .settings-panel-heading>.story-control-art{flex:0 0 36px;width:36px;height:36px}.immersive .story-settings-tactile[open] .settings-panel-heading h2{font:600 28px/1.25 var(--font-display)}.immersive .story-settings-tactile[open] .settings-panel label{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:46px;margin:0;padding:11px 0;font:500 17px/1.4 var(--font-display)}.immersive .story-settings-tactile[open] .settings-panel .settings-icon{box-sizing:border-box;width:46px;height:46px;padding:10px;object-fit:contain;border:1px solid #d1b983;border-radius:12px;background:#fff7e2;box-shadow:inset 0 0 0 2px #fffaf0}.immersive .story-settings-tactile[open] .settings-panel label.settings-volume{grid-template-columns:46px minmax(0,1fr)}.immersive .story-settings-tactile[open] .settings-volume input[type=range]{grid-column:1 / -1;box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0}.immersive .story-settings-tactile[open] .settings-panel select{box-sizing:border-box;max-width:230px;min-height:33px;border-radius:10px;font:inherit;color:inherit;border:1px solid #baa172;background:#fff8e6}.immersive .story-settings-tactile[open] .sound-switch{width:64px;height:34px;border-radius:20px}.immersive .story-settings-tactile[open] .sound-switch:after{box-sizing:border-box;top:3px;left:auto;inset-inline-start:3px;width:26px;height:26px}.immersive .story-settings-tactile[open] .sound-choice input:checked~.sound-switch:after{transform:translate(30px)}html[dir=rtl] .immersive .story-settings-tactile[open] .sound-choice input:checked~.sound-switch:after{transform:translate(-30px)}.immersive .story-settings-tactile[open] .settings-panel a{display:block;margin-top:18px;padding-top:18px;min-height:var(--h-target);font-size:15px;color:var(--h-ink-muted)}.immersive .story-settings-tactile[open] .settings-close{box-sizing:border-box;position:absolute;top:var(--h-close-inset);inset-inline-end:var(--h-close-inset);display:grid;place-items:center;width:var(--h-close-size);height:var(--h-close-size);min-width:var(--h-close-size);min-height:var(--h-close-size);padding:0;border:var(--h-border) solid var(--h-gold-500);border-radius:50%;color:var(--h-ink);background:var(--h-cream-200);box-shadow:inset 0 0 0 2px var(--h-cream-100),var(--h-ledge-pressed)}.immersive .story-settings-tactile[open] .settings-close svg{width:var(--h-icon-md);height:var(--h-icon-md)}.immersive .story-settings-tactile[open] .settings-close:focus-visible,.immersive .story-settings-tactile[open] .settings-panel a:focus-visible,.immersive .story-settings-tactile[open] .settings-panel select:focus-visible{outline:var(--h-focus-width) solid var(--h-focus-color);outline-offset:4px}html[lang=ar] .immersive .story-settings-tactile[open] .settings-panel{direction:rtl;text-align:start}html[lang=ar] .immersive .story-settings-tactile[open] .settings-panel-heading h2,html[lang=ar] .immersive .story-settings-tactile[open] .settings-panel label{font-family:var(--font-display-ar)}@media(max-width:620px){.immersive .story-settings-tactile[open] .settings-panel{padding:26px 22px 24px}.immersive .story-settings-tactile[open] .settings-panel label{gap:10px;font-size:16px}}@media(max-width:460px){.immersive .story-settings-tactile[open] .settings-panel-heading h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.immersive .story-settings-tactile[open] .settings-panel *,.immersive .story-settings-tactile[open] .settings-panel *:after{transition:none;animation:none}}:root:not(#sc1):not(#sc2) .immersive .story-settings-tactile[open] .settings-panel[data-popup-motion]{overflow-y:auto!important;overflow-x:hidden!important;max-height:calc(100dvh - 40px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.immersive .book-preparation,.immersive .story-settings-tactile[open] .settings-panel,.membership-overlay .membership-dialog,.word-popup-layer .word-discovery{background-image:linear-gradient(#fff4ddad,#fff4ddad),url(/art/materials-higgsfield/paper-v2-tile.webp);background-size:auto,512px 512px;background-repeat:repeat}.immersive .book-leaf.story-paper{background-image:linear-gradient(90deg,#d2c3a57a,#fff7dfb3 10%,#fff8e4b3 90%,#b6a98d99),url(/art/materials-higgsfield/paper-v2-tile.webp);background-size:auto,512px 512px}.immersive .book-leaf.scene-paper{background-image:linear-gradient(90deg,#b6a98d99,#fff4d9b3 8%,#fff6dcb3 96%,#d2c3a57a),url(/art/materials-higgsfield/paper-v2-tile.webp);background-size:auto,512px 512px}.popup-purpose{display:block;margin:0 auto;padding:0;max-width:30ch;text-align:center;text-wrap:balance;font:700 24px/1.25 var(--font-display);color:var(--h-text-heading, #3d2616);letter-spacing:0}.popup-purpose-sub{display:block;margin:4px auto 0;max-width:40ch;text-align:center;text-wrap:balance;font:500 15px/1.4 var(--font-body);color:var(--h-ink-muted, #5b4a3a)}.popup-purpose-block{display:block;width:100%;text-align:center;margin:0 0 8px}:lang(ar) .popup-purpose,:lang(ar) .popup-purpose-sub,[dir=rtl] .popup-purpose,[dir=rtl] .popup-purpose-sub{font-family:var(--font-body-ar);line-height:1.45}.popup-warm{font-size:.78em!important;opacity:.92}@media(max-width:440px){.popup-purpose{font-size:21px}}.mform-step-title{margin:0;text-align:center;font:700 20px/1.3 var(--font-display);color:var(--h-text-heading, #3d2616)}:lang(ar) .mform-step-title{font-family:var(--font-display-ar)}.prep-purpose{flex:0 0 auto;margin:0 0 2px}.tbox__rise .tbox__title{position:fixed;inset-inline:12px;top:max(16px,min(5vh,44px),env(safe-area-inset-top,0px));z-index:2;pointer-events:none;color:#fff8e6;text-shadow:0 2px 10px rgba(20,12,4,.55);font-size:clamp(22px,3vw,28px);line-height:1.35;max-width:none;width:auto;white-space:nowrap;text-wrap:nowrap}.tbox__title .popup-purpose-sub{max-width:none;white-space:nowrap;text-wrap:nowrap;font-size:clamp(12px,2.7vw,15px);line-height:1.4}.trophy-toast__purpose{font-weight:700}.settings-panel .settings-panel-heading:has(.popup-purpose-block){position:relative;justify-content:center}.settings-panel .settings-panel-heading:has(.popup-purpose-block)>.settings-row-art{position:absolute;inset-inline-start:0;top:50%;translate:0 -50%}.settings-panel .settings-panel-heading .popup-purpose-block{margin:0;padding-inline:44px;box-sizing:border-box}
