@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{margin:0;padding:0;box-sizing:border-box;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--paper:#f3f2e7;--ink:#454942;--line:#728799;--focus:#205681}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--paper);font-family:Plus Jakarta Sans,sans-serif;touch-action:none}.notebook{position:relative;width:100%;height:100svh;isolation:isolate}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chapter-note{position:absolute;top:20px;left:24px;color:var(--ink);font-size:12px;line-height:1.4;pointer-events:none}.chapter-note span{display:block;font-size:10px;opacity:.8;margin-top:3px}.controls{position:absolute;right:18px;bottom:20px;display:flex;gap:4px;z-index:4}button{min-height:44px;min-width:44px;padding:10px 12px;border:1px solid transparent;background:#f3f2e7de;color:var(--ink);font:inherit;font-size:11px;cursor:pointer;border-radius:3px}button:hover{border-color:var(--line);background:var(--paper)}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}button:disabled{opacity:.5;cursor:wait}.scroll-note{position:absolute;bottom:30px;left:24px;font-size:11px;color:var(--ink);pointer-events:none}.journey-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#6f8b9b1f}.journey-progress span{display:block;height:100%;background:var(--line);transform-origin:left}.loading,.fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--paper);gap:18px;color:var(--ink);text-align:center;padding:24px;z-index:10}.loading-ball{font-size:40px}.loading p,.fallback p{font-size:14px;line-height:1.6}.fallback h1{font-size:30px}@media(max-width:600px){.chapter-note{left:14px;top:14px}.controls{bottom:31px;left:10px;right:10px;justify-content:center;gap:1px}.controls button{font-size:10px;padding:8px 10px}.scroll-note{bottom:10px;width:100%;left:0;text-align:center;font-size:10px}}@media(max-height:450px){.chapter-note{top:8px;left:12px}.controls{bottom:6px;right:8px}.scroll-note{bottom:20px;left:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}button:active{transform:none}}.story-caption{position:absolute;left:24px;bottom:90px;width:min(400px,100% - 48px);color:#30382e;padding:16px 20px;background:#f3f2e7ed;border-left:2px solid #9a9879;pointer-events:none;line-height:1.5;box-shadow:0 3px 15px #30372b0a}.story-caption .beat-count{font-size:10px;letter-spacing:1.8px;color:#59614f}.story-caption h2{font-family:Comic Sans MS,cursive;font-size:21px;line-height:1.3;margin:6px 0 8px}.story-caption p{font-size:12px;line-height:1.65;max-width:350px}button:disabled{cursor:default}@media(max-width:600px){.story-caption{bottom:106px;left:18px;width:calc(100% - 36px);padding:12px 16px}.story-caption h2{font-size:19px}.story-caption p{font-size:11px;line-height:1.6}}@media(max-height:450px)and (min-width:601px){.story-caption{left:auto;right:18px;bottom:68px;width:290px;padding:10px 13px}.story-caption h2{font-size:17px;margin:3px 0 5px}.story-caption p{font-size:10px;line-height:1.5}}@media(min-width:800px)and (min-height:451px){.story-caption{left:auto;right:24px;bottom:95px;width:clamp(280px,28vw,400px)}}.game-objective{position:absolute;right:24px;top:20px;display:flex;gap:12px;align-items:center;color:var(--ink);background:#f3f2e7e6;padding:9px 13px;font-size:12px;border-bottom:1px solid #aba88e;max-width:55%;pointer-events:none}.game-step{font-size:10px;letter-spacing:1px;white-space:nowrap}.game-card{position:absolute;right:24px;bottom:95px;width:clamp(280px,28vw,400px);padding:16px 20px;background:#f3f2e7f5;color:#30382e;border-left:2px solid #9a9879;box-shadow:0 3px 15px #30372b0a;line-height:1.5}.card-eyebrow{font-size:10px;letter-spacing:1.4px;color:#59614f}.game-card h2{font-family:Comic Sans MS,cursive;font-size:21px;line-height:1.3;margin:6px 0 8px}.game-card p{font-size:12px;line-height:1.65;margin:0}.dialogue-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.primary-action{background:#435d40;color:#fff9e8;font-size:11px}.primary-action:hover{background:#344c31;border-color:#344c31}kbd{font-family:inherit;border:1px solid currentColor;padding:1px 4px;opacity:.75;border-radius:2px;margin-left:5px;font-size:9px}.voice-button{font-size:10px;margin-top:3px;padding:6px 0;background:transparent;min-height:44px}.game-card>button:not(.voice-button){margin-top:12px}.coach-callout{position:absolute;transform:translate(-50%,-100%);background:var(--paper);color:#30382e;border:1px solid #aaa68f;border-radius:12px 12px 12px 0;padding:8px 12px;font-family:Comic Sans MS,cursive;font-size:17px;pointer-events:none}.player-controls{position:absolute;left:24px;bottom:20px;display:flex;gap:5px;align-items:center;z-index:4}.move-button{font-size:24px;line-height:1;width:54px;height:48px;padding:5px;background:#f3f2e7f7;touch-action:none;-webkit-user-select:none;user-select:none}.player-controls span{font-size:10px;color:var(--ink);padding-left:5px}.game-help{left:24px;bottom:77px;font-size:10px}.game-card button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media(max-width:600px){.game-objective{right:14px;top:14px;font-size:10px;padding:7px 9px;gap:7px;max-width:57%}.game-step{font-size:9px}.game-card{right:18px;bottom:112px;width:calc(100% - 36px);padding:12px 16px}.game-card h2{font-size:18px}.game-card p{font-size:11px;line-height:1.5}.dialogue-actions{margin-top:9px}.dialogue-actions button{font-size:10px;padding:7px 10px}.voice-button{margin-top:0}.player-controls{left:12px;bottom:32px;gap:4px}.move-button{width:45px;height:44px}.player-controls span{display:none}.game-controls{left:auto;right:12px;bottom:32px;gap:3px}.game-controls button{padding:8px 9px;font-size:10px}.game-help{bottom:12px;left:0;width:100%;font-size:9px}.coach-callout{font-size:13px;padding:6px 9px}}@media(max-height:450px)and (min-width:601px){.game-objective{top:8px;right:12px;padding:5px 9px}.game-card{bottom:67px;right:18px;width:280px;padding:10px 13px}.game-card h2{font-size:16px;margin:3px 0 5px}.game-card p{font-size:10px}.dialogue-actions{margin-top:6px}.voice-button{min-height:44px}.player-controls{left:12px;bottom:6px}.game-help{bottom:58px;left:12px;font-size:9px}.game-controls{bottom:6px;right:8px}}.journey-card{border-left-color:#82a9bd}@font-face{font-family:Notebook Hand;src:url(/fonts/Caveat-variable.ttf) format("truetype");font-style:normal;font-weight:400 700;font-display:swap}.journey-card{top:22px;bottom:auto;left:50%;right:auto;transform:translate(-50%);width:min(740px,100% - 48px);padding:0 12px 8px;background:none;border:0;box-shadow:none;text-align:center;z-index:3}.journey-card .card-eyebrow{font-family:Notebook Hand,cursive;font-size:18px;letter-spacing:.5px;color:#59695c}.journey-card h2{font-family:Notebook Hand,cursive;font-weight:650;font-size:38px;line-height:1.05;margin:6px 0 8px;color:#354b43}.journey-card p{font-family:Notebook Hand,cursive;font-size:25px;line-height:1.15;font-weight:500;color:#46554b}.ink-word{display:inline-block;animation:ink-write .34s ease-out both;animation-delay:var(--ink-delay)}.journey-card p .ink-word{animation-delay:calc(var(--ink-delay) + .18s)}@keyframes ink-write{0%{opacity:0;transform:translateY(3px) rotate(-.4deg)}to{opacity:1;clip-path:none;transform:none}}.notebook[data-paused=true] .ink-word{animation-play-state:paused}.journey-card .primary-action{font-family:Notebook Hand,cursive;font-size:19px;margin-top:8px;padding:4px 12px}@media(max-width:600px){.journey-card{top:14px;bottom:auto;left:50%;right:auto;width:calc(100% - 24px);padding:0 3px 6px}.journey-card .card-eyebrow{font-size:14px;line-height:1.1;display:block}.journey-card h2{font-size:27px;margin:5px 0;line-height:1.05}.journey-card p{font-size:19px;line-height:1.12}.journey-card .primary-action{font-size:17px;margin-top:6px}}@media(max-height:650px)and (min-width:601px){.journey-card{top:12px;width:min(720px,100% - 48px)}.journey-card .card-eyebrow{font-size:15px}.journey-card h2{font-size:31px;margin:4px 0 5px}.journey-card p{font-size:21px}.journey-card .primary-action{margin-top:5px;font-size:17px}}@media(max-height:450px)and (min-width:601px){.journey-card{top:7px;width:min(640px,100% - 72px)}.journey-card .card-eyebrow{font-size:13px}.journey-card h2{font-size:25px;margin:3px 0 4px}.journey-card p{font-size:18px;line-height:1.05}.journey-card .primary-action{min-height:44px;margin-top:3px;font-size:16px}}@media(prefers-reduced-motion:reduce){.ink-word{animation:none;opacity:1;transform:none;clip-path:none}}.journey-continue{position:absolute;left:50%;bottom:88px;transform:translate(-50%);z-index:4;font-family:Notebook Hand,cursive;font-size:19px;padding:5px 14px}.journey-continue:active{transform:translate(-50%) translateY(1px)}.short-scene-date{display:none}@media(max-width:600px){.journey-continue{bottom:96px;font-size:18px}}@media(max-height:450px)and (min-width:601px){.journey-continue{bottom:65px;font-size:17px}.short-scene-date{display:inline}}@media(prefers-reduced-motion:reduce){.journey-continue:active{transform:translate(-50%)}}.journey-card{isolation:isolate}.journey-card:before{content:"";position:absolute;top:-10px;right:-22px;bottom:-16px;left:-22px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#f3f2e7f7,#f3f2e7f0 78%,#f3f2e700);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.journey-card .card-eyebrow{color:#3b4d42;font-size:20px;font-weight:600}.journey-card h2{color:#243d31;font-size:40px;font-weight:700;line-height:1.12}.journey-card p{color:#283e33;font-size:27px;font-weight:650;line-height:1.25;text-wrap:pretty}.journey-card h2,.journey-card p{text-shadow:0 1px 0 var(--paper),0 0 3px var(--paper)}@media(max-width:600px){.journey-card .card-eyebrow{font-size:16px}.journey-card h2{font-size:29px;line-height:1.1}.journey-card p{font-size:21px;line-height:1.22}.journey-card:before{top:-8px;right:-8px;bottom:-14px;left:-8px}}@media(max-height:650px)and (min-width:601px){.journey-card .card-eyebrow{font-size:17px}.journey-card h2{font-size:33px}.journey-card p{font-size:23px;line-height:1.2}}@media(max-height:450px)and (min-width:601px){.journey-card .card-eyebrow{font-size:14px}.journey-card h2{font-size:26px}.journey-card p{font-size:19px;line-height:1.12}.journey-card:before{top:-5px;right:-12px;bottom:-9px;left:-12px}}.player-controls{left:22px;bottom:20px;gap:8px}.player-controls .move-button,.game-controls button,.resume-icon{width:44px;height:44px;padding:8px;border:0;border-radius:50%;background:transparent;color:#30483a;opacity:.7;box-shadow:none}.player-controls .move-button{font-size:28px;font-weight:400}.player-controls .move-button:hover,.game-controls button:hover,.resume-icon:hover{opacity:1;background:#f3f2e799}.player-controls .move-button:disabled{opacity:.2}.game-controls{right:22px;bottom:20px}.game-controls svg,.resume-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.resume-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;background:var(--paper);opacity:1}.resume-icon:active{transform:translate(-50%,-50%)}.journey-card{box-sizing:border-box;max-width:calc(100% - 32px)}.journey-card h2,.journey-card p,.journey-card .ink-copy{overflow:visible;overflow-wrap:anywhere}.journey-card h2,.journey-card p{padding-inline:3px}.ink-word{clip-path:none;max-width:100%;white-space:normal}@media(max-width:600px){.player-controls{left:12px;bottom:18px;gap:6px}.game-controls{right:12px;bottom:18px}.journey-card{width:calc(100% - 32px);padding-inline:4px}.journey-card h2{line-height:1.18}}@media(max-height:450px)and (min-width:601px){.player-controls,.game-controls{bottom:8px}}.creator-link{position:absolute;top:14px;right:22px;width:112px;min-height:44px;display:flex;align-items:center;z-index:5;border-radius:4px}.creator-link img{display:block;width:100%;height:auto}.creator-link:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media(min-width:601px)and (max-width:1100px){.creator-link{width:88px}.journey-card{max-width:calc(100% - 240px)}}@media(max-width:600px){.creator-link{top:7px;right:12px;width:88px}.journey-card{top:64px}}.archive-note{display:inline-block;margin-top:8px;padding:3px 0;font-family:Plus Jakarta Sans,sans-serif;font-size:10px;line-height:1.5;letter-spacing:.3px;color:#425447;text-decoration-color:#9cae9f;text-underline-offset:3px}.archive-note:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
