.town-home{padding:30px 0 8px}.town-welcome{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;min-height:290px}.town-welcome-copy h1{font-size:clamp(29px,3vw,41px);line-height:1.5}.town-welcome-copy h1 span{color:#47725c}.town-welcome-copy p{font-size:15px;color:#74816f;margin:15px 0}.town-name{font-size:11px;color:#7e866f}.town-welcome-picture{position:relative;isolation:isolate;height:290px;border-radius:80px 25px 25px;background:linear-gradient(0deg,#f4e8c433,#fff9e72b),url(/assets/bakery-street.png) center 59%/cover;box-shadow:0 6px 22px #284b4410;overflow:hidden}.town-postcard{position:absolute;right:21px;top:22px;padding:8px 15px;background:#fffaf0ef;border-radius:14px 14px 2px;font-size:13px;transform:rotate(3deg)}.town-companion{display:block;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.town-welcome-picture>.town-companion{position:absolute;width:49%;height:70%;bottom:-8%;filter:drop-shadow(0 7px 3px #38553020)}.town-welcome-picture>.town-companion:nth-of-type(1){left:-3%;bottom:1%}.town-welcome-picture>.town-companion:nth-of-type(2){left:29%;z-index:2}.town-welcome-picture>.town-companion:nth-of-type(3){right:-10%;bottom:7%;width:50%}.town-catalog-heading{display:flex;justify-content:space-between;align-items:center;margin:26px 0 14px}.town-catalog-heading h2{font-size:18px}.town-catalog-heading>span{font-size:11px;color:#7a8675}.town-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.town-course{position:relative;min-height:175px;text-align:left;padding:22px 20px;border-radius:23px;overflow:hidden;border:1px solid #d7dfc5;background:#eaf0df;box-shadow:0 4px #d8e0c9}.town-course.hiragana{background:#faeee1;border-color:#e7d9c9;box-shadow:0 4px #e7d9c9}.town-course.katakana{background:#e9f0ec;border-color:#d1ddd5;box-shadow:0 4px #d1ddd5}.town-course:hover{transform:translateY(-3px);filter:brightness(1.02)}.town-course-copy{position:relative;z-index:2;display:flex;align-items:flex-start;flex-direction:column;gap:5px}.town-course-copy small{font-size:11px;color:#657860}.town-course-copy strong{font-size:27px;letter-spacing:.08em}.town-course-copy>span{font-size:10px;margin-top:7px;background:#fffaf0d9;border-radius:8px;padding:3px 6px}.town-course>.town-companion{position:absolute;width:52%;height:95%;right:-4%;bottom:-15%;opacity:.96}.town-course-arrow{position:absolute;top:17px;right:18px;border-radius:50%;width:30px;height:30px;background:#fff9edaa;display:grid;place-items:center;font-size:20px}.town-bread-link{display:flex;gap:14px;align-items:center;margin-top:24px;font-size:12px;padding:10px 0;color:#6d7f68;text-align:left}.town-bread-mark{width:67px;height:40px;border:1px dashed #c7c6ad;border-radius:12px;display:grid;place-items:center;font-family:Georgia,serif;color:#a47c52}.town-bread-link strong{font-size:12px}.town-bread-link small{display:block;font-size:10px;color:#89917e}.town-bread-link>span:last-child{margin-left:15px;font-size:18px}.learning-top{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.learning-top>span{font-size:13px;color:#7a876e}.learning-intro{display:grid;grid-template-columns:1fr .8fr;gap:40px;align-items:center;background:#eef0df;border:1px solid #dce3cf;border-radius:30px;padding:26px 42px}.learning-intro h1{font-size:31px;line-height:1.55}.learning-intro p{font-size:13px;color:#708068;margin-top:15px;line-height:1.8}.learning-friend{height:215px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.learning-friend>span{background:#fffbee;border-radius:12px;padding:6px 20px;font-size:12px}.learning-friend>.town-companion{width:100%;height:190px}.unit-picker{margin-top:23px}.unit-picker h2{font-size:15px;margin-bottom:12px}.unit-picker>div{display:flex;gap:15px}.unit-picker button{position:relative;flex:1;text-align:left;border:2px solid #dde1d1;border-radius:19px;background:#fffaf0;padding:15px 23px;min-height:115px}.unit-picker button.selected{border-color:#537b59;background:#f0f3df;box-shadow:0 0 0 3px #dbe5d540}.unit-picker button small{display:block;font-size:10px;color:#75826b}.unit-picker button strong{display:block;font-size:21px;margin:3px 30px 3px 0}.unit-picker button span{font-size:12px;color:#708069}.unit-picker button i{font-style:normal;position:absolute;right:20px;top:20px;background:#577959;color:#fff;border-radius:50%;width:25px;height:25px;text-align:center}.learning-launch{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:23px 0 10px}.learning-launch p{font-size:12px;color:#7d896f;line-height:1.8}.learning-launch strong{font-size:15px;color:#516a53}.learning-launch>div{display:flex;gap:15px;align-items:center}.learning-launch .primary{min-width:235px}.learning-progress{display:flex;gap:8px}.learning-progress i{font-style:normal;border:1px solid #d7ddc9;background:#f0f0e3;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:12px;color:#9aa38c}.learning-progress i.current{border-color:#819879;background:#e6eddb;color:#597553}.learning-progress i.complete{background:#71916c;color:#fff;border-color:#71916c}.learning-workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px 34px;align-items:start}.learning-companion{position:relative;text-align:center;padding:28px 0 10px}.learning-bubble{display:block;position:relative;background:#eef0dd;border:1px solid #dee5ce;border-radius:20px 20px 20px 4px;padding:17px 15px;font-size:15px;line-height:1.7}.learning-companion>.town-companion{width:100%;height:220px}.learning-companion>strong{font-size:13px;color:#688162}.learning-companion>small{display:block;font-size:10px;margin-top:6px;color:#89947d}.learning-paper{background:#fffdf5;border:1px solid #e8e3d5;border-radius:28px;padding:20px 32px 23px;box-shadow:0 6px #ebe6d8,0 15px 28px #314b3810;min-height:387px}.paper-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#8c947c;border-bottom:1px dashed #e5e1d1;padding-bottom:13px}.paper-heading>span:first-child{font-family:Georgia,serif;font-size:18px;font-style:italic}.paper-read{font-size:11px;background:#eef0e2;border-radius:12px;padding:9px 14px;min-height:42px;min-width:90px;color:#627b5e}.learning-prompt{white-space:pre-line;font-size:clamp(23px,2.35vw,31px);line-height:1.9;letter-spacing:.04em;padding:27px 3px 20px;min-height:138px;display:flex;align-items:center;justify-content:center;text-align:left;font-weight:750}.learning-prompt.equation{font-size:clamp(44px,5vw,67px);letter-spacing:.08em;line-height:1.35;padding:25px 0;min-height:146px;font-variant-numeric:tabular-nums}.katakana .learning-prompt{font-size:42px;min-height:126px;line-height:1.4;letter-spacing:.12em}.learning-question{text-align:center;font-size:14px;color:#73836a;margin-bottom:19px}.learning-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.learning-choices>button{border:2px solid #dbe0cc;border-bottom-width:4px;background:#f5f5e8;border-radius:17px;min-height:72px;padding:10px 20px;position:relative;font-size:20px;font-weight:800;line-height:1.5}.learning-choices>button.number{font-family:Georgia,serif;font-size:35px;line-height:1.2}.learning-choices>button.chosen{background:#e7efdb;border-color:#789368;color:#355b3e;box-shadow:0 0 0 3px #9db98c22}.learning-choices>button>i{font-size:13px;font-style:normal;position:absolute;right:7px;top:5px}.learning-choices>button:disabled{opacity:1}.learning-answer-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px;padding-top:17px;border-top:1px dashed #e1dece}.learning-answer-bar>span{font-size:12px;color:#819074}.learning-answer-bar .primary{font-size:17px;padding:12px 22px;min-height:54px;border-radius:16px;gap:14px}.learning-answer-bar .primary:disabled{background:#b8b9a7;box-shadow:0 4px #a6a68f;opacity:.65}.learning-hint{border-radius:17px;background:#f2ecd9;border:1px solid #e5d7b6;padding:16px 20px;margin-top:20px;color:#766647}.learning-hint>strong{font-size:11px}.learning-hint>p{font-size:15px;line-height:1.9;margin-top:9px}.quantity-groups{display:flex;gap:15px;margin-top:13px;flex-wrap:wrap}.ten-frame{display:grid;grid-template-columns:repeat(5,22px);gap:4px;border:1px solid #cbbf9f;border-radius:7px;padding:5px;background:#fffbef}.ten-frame>span{width:22px;height:22px;border:1px dotted #dad2bb;border-radius:50%;display:grid;place-items:center;line-height:1;font-size:20px}.ten-frame>span.filled{background:#c48750;border-color:#c48750;color:#fff9ed}.ten-frame>span.filled.added{background:#638568;border-color:#638568}.ten-frame>span.filled.removed{background:#eedfc4;border-color:#d2b993;color:#906d47}.quantity-help>small{font-size:10px;margin-top:7px;display:block}.learning-tools{grid-column:2;display:flex;gap:17px;align-items:center;flex-wrap:wrap}.learning-tools>.text-button{font-size:12px;min-height:40px;padding-top:4px;padding-bottom:4px}.learning-tools>details{margin-left:auto;font-size:10px;color:#7e8a73;max-width:390px}.learning-tools summary{cursor:pointer;padding:10px}.learning-tools details[open]{background:#eeefe2;padding:8px 12px;border-radius:14px}.learning-tools details p{font-size:11px;margin:6px 0}.learning-tools details button{font-size:11px;margin:4px;padding:5px 10px;min-height:35px}.learning-tools details small{display:block;padding:4px 10px}.learning-audio-note{font-size:12px;margin-top:12px;color:#856c46}.learning-finish{display:flex;gap:50px;align-items:center;justify-content:center;padding:60px 30px;background:#edf0dd;border-radius:30px;margin-top:25px}.learning-finish>.town-companion{width:300px;height:290px}.learning-finish h1{font-size:32px}.learning-finish p{font-size:15px;margin:15px 0 27px;color:#728369}.learning-finish>div>div{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.learning-finish .primary{font-size:17px}.learning-records{background:#fffdf5;border-radius:22px;padding:28px;margin-top:27px}.learning-records>p{font-size:13px;margin:12px 0}.learning-records .small{font-size:12px;line-height:1.8}.learning-backup{padding:20px 0;border-bottom:1px solid #dce0d2;margin-bottom:18px}.learning-backup .file-label{margin:15px 0}.learning-record{padding:15px 0;border-bottom:1px solid #e3e3d5}.learning-record>summary{cursor:pointer;font-size:14px}.learning-record .record strong{font-size:13px}@media(min-width:1050px)and (max-height:800px){.town-home{padding-top:23px}.town-welcome{min-height:238px}.town-welcome-picture{height:238px}.town-welcome-copy h1{font-size:33px}.town-welcome-copy p{font-size:13px;margin:10px 0}.town-catalog-heading{margin:19px 0 12px}.town-course{min-height:156px;padding:18px}.town-bread-link{margin-top:17px}.learning-top{min-height:65px}.learning-intro{padding:19px 34px}.learning-intro h1{font-size:29px}.learning-friend{height:181px}.learning-friend>.town-companion{height:160px}.unit-picker{margin-top:20px}.unit-picker button{min-height:107px}.learning-launch{padding-top:20px}.learning-paper{padding:17px 26px 20px}.learning-companion>.town-companion{height:190px}.learning-workspace{grid-template-columns:200px minmax(0,1fr);gap:14px 28px}.learning-prompt{font-size:27px;min-height:125px;padding-top:20px;padding-bottom:18px}.learning-prompt.equation{min-height:127px;font-size:60px}.learning-choices>button{min-height:65px}.learning-answer-bar{margin-top:18px;padding-top:16px}.learning-tools{gap:8px}.learning-finish{padding:38px 30px}.learning-finish>.town-companion{height:250px}}@media(max-width:1000px){.town-course-copy strong{font-size:23px}.town-course-copy>span{font-size:9px}.town-course{padding:17px;min-height:165px}.town-welcome-copy h1{font-size:30px}.learning-workspace{grid-template-columns:150px minmax(0,1fr);gap:20px}.learning-companion>.town-companion{height:170px}.learning-bubble{font-size:12px;padding:13px 10px}.learning-paper{padding:18px 22px}.learning-prompt{font-size:23px}.learning-choices{gap:10px}.learning-choices>button{font-size:16px;padding:10px 12px}.learning-intro h1{font-size:27px}.learning-finish{gap:25px}.learning-finish>.town-companion{width:230px}.learning-finish h1{font-size:27px}.learning-tools{gap:7px}}@media(max-width:700px){.town-welcome{grid-template-columns:1fr;gap:17px}.town-welcome-copy h1 br{display:none}.town-welcome-copy h1{font-size:27px}.town-welcome-copy p{font-size:12px}.town-welcome-picture{height:200px}.town-name{display:none}.town-cards{grid-template-columns:1fr;gap:14px}.town-course{min-height:127px}.town-course>.town-companion{width:40%;height:140%;bottom:-35%}.town-course-copy>span{font-size:11px}.town-catalog-heading>span{display:none}.learning-top{gap:10px;flex-wrap:wrap;padding:13px 0}.learning-top>span{font-size:11px}.learning-top>span:last-child{display:none}.learning-intro{grid-template-columns:1fr;gap:10px;padding:24px}.learning-intro h1{font-size:27px}.learning-friend{height:160px}.learning-friend>.town-companion{height:140px}.unit-picker>div{flex-direction:column}.unit-picker button strong{font-size:19px}.learning-launch{align-items:stretch;flex-direction:column;gap:17px}.learning-launch>div{justify-content:flex-end}.learning-launch .primary{min-width:0;font-size:18px}.learning-workspace{grid-template-columns:1fr;gap:13px}.learning-companion{display:flex;align-items:center;padding:0;gap:10px;max-height:86px}.learning-companion>.town-companion{height:90px;width:120px;order:-1}.learning-companion>strong,.learning-companion>small{display:none}.learning-bubble{font-size:12px}.learning-paper{padding:14px 15px}.learning-prompt{font-size:21px;min-height:115px}.learning-prompt.equation{font-size:45px;min-height:110px}.learning-choices>button{font-size:15px;min-height:70px;padding:9px 13px}.learning-choices>button.number{font-size:29px}.learning-answer-bar{flex-wrap:wrap}.learning-answer-bar>span{font-size:11px}.learning-answer-bar .primary{font-size:15px}.learning-tools{grid-column:1}.learning-tools>details{margin-left:0}.learning-finish{flex-direction:column;gap:10px;padding:20px}.learning-finish>.town-companion{width:200px;height:185px}.learning-finish h1{font-size:25px}.learning-finish .primary{font-size:16px}.learning-finish>div>div{flex-direction:column;align-items:stretch}.learning-finish>div{text-align:center}.paper-heading{gap:6px;font-size:10px}.paper-read{min-width:75px;padding:7px}.learning-records{padding:20px}}@media(min-width:900px){.has-hint .learning-prompt{font-size:24px;line-height:1.65;min-height:96px;padding:13px 0}.has-hint .learning-question{margin-bottom:12px;font-size:13px}.has-hint .learning-hint{padding:11px 16px;margin-top:12px}.has-hint .learning-hint>p{font-size:13px;line-height:1.7;margin-top:5px}.has-hint .learning-answer-bar{margin-top:14px;padding-top:13px}.math .has-hint{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:20px;align-items:center}.math .has-hint .paper-heading{grid-column:1/-1;grid-row:1}.math .has-hint .learning-prompt{grid-column:1;grid-row:2;font-size:40px;min-height:100px;letter-spacing:.025em;text-align:center;padding:24px 0 10px;align-self:end}.math .has-hint .learning-question{grid-column:1;grid-row:3;align-self:start;margin-bottom:17px}.math .has-hint .learning-hint{grid-column:2;grid-row:2/4;margin:15px 0}.math .has-hint .learning-choices{grid-column:1/-1;grid-row:4}.math .has-hint .learning-answer-bar{grid-column:1/-1;grid-row:5}.math .has-hint .learning-audio-note{grid-column:1/-1;grid-row:6}.math .has-hint .quantity-groups{gap:7px;margin-top:8px}.math .has-hint .ten-frame{grid-template-columns:repeat(5,18px);gap:3px;padding:4px}.math .has-hint .ten-frame>span{width:18px;height:18px;font-size:17px}.math .has-hint .quantity-help>small{font-size:9px}}:root{--train-coach-color:#168653;--train-coach-roof:#23875c;--train-coach-border:#50784b}.train-story{padding-bottom:5px}.train-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:62px}.train-toolbar>span{font-size:12px;color:#819079}.train-chapters{display:flex;gap:14px;align-items:center;font-size:10px;color:#9aa58e}.train-chapters>span.current{padding:5px 12px;background:#e6eddb;border-radius:15px;color:#54725d}.train-narration{display:flex;gap:20px;align-items:center;justify-content:space-between;min-height:87px;padding:0 0 15px}.train-narration h1{font-size:26px;line-height:1.55}.train-narration p{font-size:13px;color:#71856e;line-height:1.8;margin-top:5px}.train-read{min-width:90px;font-size:12px;white-space:nowrap}.train-station{position:relative;isolation:isolate;border-radius:28px;border:1px solid #cbdccc;background:linear-gradient(#e8f0e7db,#edf0dfed),url(/assets/bakery-street.png) center 60%/cover;min-height:347px;padding:48px 240px 18px 22px;box-shadow:0 5px #dfe5d4}.station-sign{position:absolute;right:22px;top:15px;min-width:180px;text-align:center;background:#fff9e7e8;border:2px solid #b4c9b7;border-radius:10px;padding:7px 16px;transform:rotate(1deg);z-index:2}.station-sign>span{font-size:16px;display:block;color:#477369;letter-spacing:.14em}.station-sign>small{font-size:9px;color:#8b946e}.train-interior-label{position:absolute;top:14px;left:26px;font-size:11px;color:#6e8871;letter-spacing:.08em}.train-coaches{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px}.train-coaches:after{content:"";position:absolute;right:-22px;width:22px;height:6px;background:#839e93;bottom:15px;border-radius:4px;z-index:-1}.train-coach{position:relative;background:#f8f4e8;border:4px solid #84b8bb;border-radius:16px 16px 10px 10px;padding:0 8px 9px;box-shadow:0 4px #60888c}.train-coach:after{content:"";position:absolute;left:-22px;bottom:10px;width:19px;height:5px;background:#8ca399}.train-coach:first-child:after{display:none}.coach-top{height:25px;display:flex;justify-content:space-between;align-items:center;padding:0 5px;color:#527872;font-size:9px}.coach-top>strong{font-size:12px}.coach-seats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.coach-seat{position:relative;min-width:0;height:67px;background:#e9ede2;border:1px solid #d9e0ce;border-radius:10px;display:flex;justify-content:center;align-items:flex-end}.coach-seat.empty-seat:after{content:"";width:60%;height:9px;background:#dbe3d0;border-radius:4px 4px 2px 2px;position:absolute;bottom:8px}.coach-seat.occupied{background:#fffdf2}.train-passenger{position:relative;display:block;width:100%;height:100%;max-width:66px;flex-shrink:0;padding:3px 5px 6px;isolation:isolate}.train-passenger>img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;filter:drop-shadow(0 2px 1px #59734816)}.train-passenger>i{position:absolute;right:0;bottom:1px;border-radius:50%;background:#f8fbf2;color:#60959b;width:15px;height:15px;font-size:10px;line-height:15px;text-align:center;font-style:normal;box-shadow:0 1px 2px #73847422}.train-passenger>i.joining{color:#bf873a;background:#fff5d7}.coach-wheels{position:absolute;bottom:-14px;left:0;right:0;display:flex;justify-content:space-around;z-index:-1}.coach-wheels>i{display:block;width:22px;height:22px;background:#667d75;border:5px solid #9aafa2;border-radius:50%}.train-coach.full-ten{border-color:#dda94d;box-shadow:0 4px #b6883e}.train-coach.full-ten .coach-top{color:#9a773b}.passenger-highlight{background:#f4e4a1;border-radius:8px;outline:2px solid #c8ab4d;outline-offset:-1px}.train-platform{display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;min-height:101px;margin-top:27px;padding:6px 18px 13px;background:#dfd5b9;border-radius:12px 12px 5px 5px;border:1px solid #cebc99;box-shadow:0 5px #c5b18b}.platform-label{flex:1;min-width:95px}.platform-label>strong{font-size:14px;color:#786b4c;display:block}.platform-label>small{font-size:10px;color:#8b7d5e;display:block;margin-top:3px;line-height:1.8}.platform-people{display:flex;gap:13px;align-items:center;justify-content:center;flex:1.6;min-height:78px}.platform-people>.train-passenger{height:78px;width:54px;padding:0 2px 7px}.train-passenger.can-board{cursor:pointer;border-radius:12px;background:#fff9e852;outline:1px dashed #b8996599;outline-offset:2px}.train-passenger.can-board:hover{background:#fff9de;transform:translateY(-3px);outline:2px solid #cfab61}.train-passenger.can-board .boarding-cue{position:absolute;left:0;top:-6px;background:#fffbeb;border:1px solid #d1b477;border-radius:50%;width:19px;height:19px;font-size:16px;line-height:19px;color:#9b8148}.platform-vacated{display:grid;place-items:center;color:#ac9b72;border:1px dashed #c3b28b;border-radius:50%;width:45px;height:45px;font-size:21px}.platform-edge{position:absolute;bottom:3px;left:7px;right:7px;height:4px;border-radius:2px;background:repeating-linear-gradient(90deg,#b7a178 0 18px,transparent 18px 22px);opacity:.55}.empty-platform .platform-people{min-height:78px}.train-engine-view{position:absolute;right:0;top:60px;bottom:6px;width:235px;display:flex;flex-direction:column;align-items:center}.station-locomotive{width:290px;height:232px;max-width:none;object-fit:contain;position:absolute;right:-7px;top:-12px}.train-destination{position:absolute;top:196px;font-size:9px;color:#65846f;background:#fffbeeaa;border-radius:10px;padding:4px 10px}.train-friends{position:absolute;bottom:2px;right:3px;left:3px;display:flex;justify-content:center;align-items:flex-end;gap:2px;isolation:isolate}.train-friends:before{content:"まちの なかま";position:absolute;top:-4px;left:0;right:0;text-align:center;font-size:8px;color:#8d9b81}.train-friends>img{width:32%;height:80px;object-fit:contain}.ten-moment .full-ten{box-shadow:0 0 0 5px #eccc754a,0 4px #b6883e}.ten-moment .full-ten .coach-top>strong{font-size:15px}.train-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;min-height:83px}.train-controls>p{font-size:13px;color:#71836b;line-height:1.8}.train-controls .primary{min-height:56px;font-size:18px;padding:12px 23px;gap:16px;border-radius:17px}.train-controls>div:not(.train-equation):not(.train-answer-choices){display:flex;align-items:center;gap:17px}.train-controls .train-undo{font-size:12px}.boarding-instruction{margin-left:auto}.train-equation{display:flex;align-items:center;gap:11px;font-size:27px}.train-equation>button{min-width:86px;min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffbee;border:1px solid #dfdbba;border-radius:13px;font-family:Georgia,serif;font-size:31px;color:#487772;line-height:1.15;padding:5px 10px}.train-equation>button:nth-of-type(2){color:#ab7c39}.train-equation>button>small{font-family:Yu Gothic,sans-serif;font-size:9px;color:#909270;line-height:1.5;letter-spacing:0;margin-bottom:2px}.train-equation>button.focused{background:#f2e7b9;border-color:#bca24c;box-shadow:0 0 0 2px #ddcd8a66}.train-small-equation{font-family:Georgia,serif!important;font-size:34px!important;color:#50766a!important;letter-spacing:.08em}.train-answer-choices{display:flex;gap:13px}.train-answer-choices>button{min-width:85px;min-height:58px;border:2px solid #d6dec7;border-bottom-width:4px;border-radius:14px;background:#fffbee;font-family:Georgia,serif;font-size:28px;line-height:1}.train-answer-choices>button>small{font-family:Yu Gothic,sans-serif;font-size:10px;margin-left:5px;color:#8d967c}.train-answer-choices>button.selected{background:#e3edda;border-color:#81996b}.train-check-feedback{font-size:11px;color:#899577}.train-check-tools{display:flex;align-items:center;gap:16px;padding-top:8px}.train-check-tools>.text-button{font-size:11px;min-height:34px}.train-check-tools>details{font-size:10px;color:#879579;margin-left:auto;max-width:350px}.train-check-tools summary{cursor:pointer;padding:7px}.train-check-tools details[open]{background:#eeefe3;padding:8px;border-radius:12px}.train-check-tools details p{font-size:11px;line-height:1.6}.train-check-tools details button{font-size:11px;padding:6px 10px;min-height:36px;margin:5px}.train-check-tools details small{display:block}.train-audio-note{font-size:12px;color:#8d765a;margin:12px 0}.train-journey{position:relative;height:345px;overflow:hidden;border-radius:27px;border:1px solid #d9e2c9;background:linear-gradient(#daefe9,#eef3d7 64%,#bdcf9d 64%);isolation:isolate}.journey-caption{position:absolute;top:27px;left:32px;border-radius:17px;background:#fffcf0d9;padding:12px 25px;font-size:18px;color:#688163;z-index:2}.journey-sky>span{position:absolute;right:17%;top:20px;color:#90a48a;font-size:42px;transform:rotate(-15deg)}.journey-sky>span+span{right:11%;top:48px;font-size:26px;transform:rotate(15deg)}.journey-landscape{position:absolute;inset:0;background:url(/assets/delivery-park.png) center 60%/cover;opacity:.31;z-index:-1}.journey-train{position:absolute;width:665px;height:260px;right:14%;bottom:30px;animation:train-go 2.6s ease-out both}.journey-train>img{position:absolute;width:370px;height:370px;right:-54px;top:-42px;object-fit:contain;z-index:2}.journey-carriages{position:absolute;left:8px;bottom:42px;display:flex;gap:15px}.journey-carriages>div{position:relative;width:180px;height:108px;background:linear-gradient(#f5f0d7 0 65%,var(--train-coach-color) 65%);border:3px solid var(--train-coach-border);border-top:9px solid var(--train-coach-roof);border-radius:18px 18px 7px 7px;display:flex;justify-content:center;gap:12px;align-items:center;box-shadow:0 6px #5a6960}.journey-carriages>div:after{content:"";width:15px;height:6px;background:#667d6c;position:absolute;right:-18px;bottom:5px}.journey-carriages>div>span{width:34px;height:43px;background:linear-gradient(125deg,#cdeae4,#6eb4bc);border:3px solid #688d8b;border-radius:6px;margin-bottom:17px}.journey-carriages>div>i{width:28px;height:28px;background:#657e71;border:6px solid #a7b29a;border-radius:50%;position:absolute;bottom:-25px;left:20px}.journey-carriages>div>i:last-child{left:auto;right:20px}.journey-rails{position:absolute;bottom:45px;left:0;right:0;height:10px;border-top:3px solid #8d9677;border-bottom:3px solid #8d9677;background:repeating-linear-gradient(90deg,transparent 0 30px,#b6ac87 30px 40px);z-index:-1}.journey-wave{position:absolute;right:2%;top:75px;width:170px;height:140px;object-fit:contain;transform:rotate(-3deg);z-index:-1}@keyframes train-go{0%{transform:translate(-100px)}to{transform:translate(30px)}}.still-journey .journey-train{animation:none;transform:translate(0)}.train-festival{position:relative;height:350px;isolation:isolate;border-radius:27px;border:1px solid #d1dec4;background:linear-gradient(#f5f3dc73,#e4ebc988),url(/assets/delivery-park.png) center 60%/cover;overflow:hidden}.festival-bunting{position:absolute;top:-5px;left:6%;right:6%;height:45px;display:flex;justify-content:space-between;border-top:2px solid #8a9e7a;transform:rotate(-2deg)}.festival-bunting>i{display:block;width:35px;height:40px;background:#dda06b;clip-path:polygon(0 0,100% 0,50% 100%);transform:rotate(2deg)}.festival-bunting>i:nth-child(3n+1){background:#94b7a2}.festival-bunting>i:nth-child(3n+2){background:#e3c77c}.festival-sign{position:absolute;top:22px;left:50%;transform:translate(-50%) rotate(-2deg);padding:9px 28px;border-radius:12px;background:#fff6dce8;border:1px solid #d6c58f;font-size:21px;letter-spacing:.12em;color:#917544;box-shadow:0 4px #bea78130}.festival-friends{inset:81px 4% auto 36%;height:153px;gap:0}.festival-friends:before{display:none}.festival-friends>img{height:150px;width:25%;max-width:180px}.festival-friends>img:last-child{height:142px;width:19%;padding:6px 15px}.festival-passengers{position:absolute;left:32%;right:4%;bottom:19px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:4px 12px;max-width:760px}.festival-passengers>.train-passenger{width:45px;height:74px;padding:2px 0 4px}.festival-passengers>.train-passenger>i{display:none}.festival-train{position:absolute;left:-4%;bottom:-12px;width:39%;height:300px;object-fit:contain}.story-home .town-welcome{grid-template-columns:1fr 1fr}.story-home .town-welcome-copy h1{font-size:clamp(29px,3.2vw,42px);line-height:1.5}.story-home .town-welcome-copy .primary{font-size:19px;min-height:58px;margin-top:5px}.story-home .town-welcome-picture{height:325px}.home-story-train{position:absolute;left:0;top:-75px;width:100%;height:385px;object-fit:contain}.story-home .town-welcome-picture>.town-companion{height:58%;width:39%;bottom:-12%}.story-home .town-welcome-picture>.town-companion:nth-of-type(2){left:-1%;bottom:-10%;width:38%}.story-home .town-welcome-picture>.town-companion:nth-of-type(3){left:30%;bottom:-13%;width:39%}.story-home .town-welcome-picture>.town-companion:nth-of-type(4){left:64%;right:auto;bottom:-9%;width:39%}.story-home .town-postcard{top:15px;right:15px;font-size:11px}.story-home .town-catalog-heading{margin-top:23px}.story-home .town-catalog-heading>button{font-size:13px;border-radius:13px;background:#e9ecdd;padding:12px 19px}.story-home .town-cards{margin-top:15px}.story-home .town-course{min-height:143px}.story-home .town-bread-link{margin-top:12px}@media(min-width:1050px)and (max-height:800px){.train-toolbar{min-height:54px}.train-narration{min-height:73px;padding-bottom:10px}.train-narration h1{font-size:23px}.train-narration p{font-size:12px;margin-top:3px}.train-station{min-height:320px;padding-top:41px;padding-bottom:13px}.coach-seat{height:60px}.train-interior-label{top:10px}.coach-top{height:23px}.train-platform{min-height:96px;margin-top:24px;padding-bottom:10px}.platform-people{min-height:70px}.platform-people>.train-passenger{height:71px;width:51px}.empty-platform .platform-people{min-height:70px}.train-engine-view{top:47px}.station-locomotive{height:222px;top:-12px}.train-destination{top:185px}.train-friends>img{height:73px}.train-controls{padding-top:16px;min-height:76px}.train-controls .primary{font-size:17px;min-height:53px;padding:11px 20px}.train-equation>button{min-height:63px;font-size:29px;min-width:80px}.train-journey,.train-festival{height:325px}.festival-friends{top:71px;height:140px}.festival-friends>img{height:140px}.festival-passengers>.train-passenger{height:66px;width:42px}.festival-passengers{gap:4px 9px;bottom:18px}.train-check-tools{padding-top:5px}.train-answer-choices>button{min-height:53px}.story-home .town-welcome-picture{height:295px}.story-home .home-story-train{height:365px;top:-79px}.story-home .town-welcome-copy h1{font-size:35px}}@media(max-width:1050px){.train-station{padding-right:185px;padding-left:15px}.train-engine-view{width:183px}.station-locomotive{width:246px;right:-20px;height:216px}.train-coaches{gap:14px}.train-coach{padding-left:5px;padding-right:5px}.coach-seats{gap:3px}.coach-seat{height:59px}.train-coach:after{left:-16px;width:13px}.train-platform{padding-left:12px;padding-right:12px}.platform-label>small{font-size:9px}.platform-people{gap:8px}.platform-people>.train-passenger{width:43px;height:70px}.train-friends>img{height:62px}.train-destination{top:183px;font-size:8px}.train-narration h1{font-size:23px}.train-chapters{gap:8px;font-size:9px}.train-toolbar>span{display:none}.train-check-feedback{display:none}.train-controls{gap:13px}.train-controls>p{font-size:12px}.train-controls .primary{font-size:16px;padding:12px 16px}.journey-train{right:8%;transform:scale(.9)}.festival-passengers{left:30%;gap:4px 5px}.festival-passengers>.train-passenger{width:39px;height:64px}.festival-friends{left:32%}.festival-sign{font-size:18px}}@media(max-width:700px){.train-toolbar{gap:12px;min-height:62px}.train-chapters{gap:6px}.train-chapters>span.current{padding:4px 7px}.train-narration{min-height:100px;gap:10px;padding-bottom:13px}.train-narration h1{font-size:19px}.train-narration p{font-size:11px}.train-read{font-size:10px;min-width:60px;padding:9px}.train-station{padding:91px 10px 15px;min-height:425px}.station-sign{left:15px;right:auto;top:12px;min-width:150px;padding:4px 10px}.station-sign>span{font-size:13px}.train-interior-label{top:66px;left:15px;font-size:10px}.train-engine-view{top:-10px;right:9px;width:130px;height:103px;bottom:auto}.station-locomotive{top:-35px;right:-15px;width:170px;height:170px}.train-engine-view .train-friends,.train-destination{display:none}.train-coaches{gap:10px}.train-coach{border-width:3px;padding:0 4px 8px;border-radius:12px}.coach-top{font-size:8px;height:24px;padding:0 1px}.coach-top>strong{font-size:10px}.coach-seats{gap:2px}.coach-seat{height:58px;border-radius:7px}.train-passenger{padding:3px 1px 8px}.train-passenger>i{width:12px;height:12px;line-height:12px;font-size:8px}.train-platform{margin-top:28px;flex-direction:column;gap:8px;padding:10px 12px 14px;min-height:140px}.platform-label{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.platform-label>strong{font-size:12px}.platform-label>small{font-size:9px;margin:0}.platform-people{gap:17px;min-height:70px;width:100%;flex:1}.platform-people>.train-passenger{width:45px;height:73px}.train-controls{flex-wrap:wrap;gap:12px;padding-top:20px}.train-controls .primary{font-size:15px;min-height:52px;margin-left:auto}.train-controls>p{font-size:11px}.train-controls>div:not(.train-equation):not(.train-answer-choices){width:100%;justify-content:space-between;gap:10px}.boarding-instruction{font-size:10px!important}.train-equation{gap:7px;font-size:22px}.train-equation>button{min-width:63px;font-size:26px;min-height:63px;padding:5px}.train-equation>button>small{font-size:8px}.train-answer-choices{gap:9px}.train-answer-choices>button{min-width:61px;font-size:25px}.train-controls>.train-check-feedback{display:none}.train-check-tools{flex-wrap:wrap;gap:5px}.train-check-tools>details{margin-left:0}.train-journey{height:310px}.journey-caption{font-size:14px;top:23px;left:18px;padding:10px 18px}.journey-train{right:-18%;transform:scale(.66);transform-origin:center bottom;bottom:15px;animation:train-go-small 2.6s ease-out both}.still-journey .journey-train{animation:none;transform:scale(.66)}@keyframes train-go-small{0%{transform:translate(-55px) scale(.66)}to{transform:translate(0) scale(.66)}}.journey-wave{width:130px;right:3%;top:66px}.journey-rails{bottom:55px}.train-festival{height:360px}.festival-sign{font-size:15px;top:19px;padding:8px 15px}.festival-bunting{left:4%;right:4%}.festival-bunting>i{width:24px;height:30px}.festival-friends{top:80px;left:20%;right:2%;height:110px}.festival-friends>img{height:110px}.festival-friends>img:last-child{height:103px;padding:3px 6px}.festival-passengers{left:28%;right:4%;bottom:21px;gap:2px 5px}.festival-passengers>.train-passenger{width:34px;height:58px}.festival-train{width:48%;left:-9%;bottom:24px;height:230px}.story-home .town-welcome{grid-template-columns:1fr}.story-home .town-welcome-copy h1{font-size:29px}.story-home .town-welcome-copy h1 br{display:block}.story-home .town-welcome-picture{height:280px}.story-home .home-story-train{height:340px;top:-70px}.story-home .town-catalog-heading{gap:15px}.story-home .town-catalog-heading>button{font-size:12px;padding:11px}.story-home .town-catalog-heading h2{font-size:16px}}.story-home .town-welcome-picture>.town-companion{height:51%;width:32%;bottom:5px;padding:4px}.story-home .town-welcome-picture>.town-companion:nth-of-type(2){left:1%;bottom:5px;width:32%}.story-home .town-welcome-picture>.town-companion:nth-of-type(3){left:34%;bottom:5px;width:32%}.story-home .town-welcome-picture>.town-companion:nth-of-type(4){left:67%;right:auto;bottom:5px;width:32%}.train-journey-art{margin:0;border:1px solid #d9d8bc;border-radius:23px;overflow:hidden;background:#faf4de;position:relative}.train-journey-art>img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}.train-journey-art>figcaption{padding:12px 20px;text-align:center;font-size:14px;color:#728163;letter-spacing:.08em}.arrival-tableau{position:relative;aspect-ratio:3/1;isolation:isolate;overflow:hidden;border:1px solid #d2d6b9;border-radius:23px;background:#f8f0d8}.arrival-background{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-2}.arrival-guests,.arrival-hosts{position:absolute;inset:0;pointer-events:none}.arrival-guest{position:absolute;width:9.5%;height:34%;object-fit:contain;object-position:center bottom;filter:drop-shadow(1px 3px 2px #6d543526)}.guest-0{left:2%;bottom:27%;height:30%}.guest-1{left:9%;bottom:30%;height:29%}.guest-2{left:16%;bottom:26%;height:31%}.guest-3{left:23%;bottom:28%;height:30%}.guest-4{left:5%;bottom:5%;height:39%}.guest-5{left:13%;bottom:8%;height:37%}.guest-6{left:21%;bottom:4%;height:40%}.guest-7{left:29%;bottom:7%;height:38%}.guest-8{left:38%;bottom:28%;height:31%}.guest-9{left:46%;bottom:26%;height:32%}.guest-10{left:54%;bottom:27%;height:31%}.guest-11{left:42%;bottom:5%;height:39%}.guest-12{left:51%;bottom:3%;height:40%}.guest-13{left:60%;bottom:5%;height:39%}.arrival-hosts>img{position:absolute;object-fit:contain;object-position:center bottom;filter:drop-shadow(1px 3px 2px #6d54352a)}.arrival-bake{left:68%;bottom:14%;width:15%;height:53%}.arrival-flame{left:81%;bottom:13%;width:17%;height:58%}.arrival-return .arrival-tableau{background:radial-gradient(ellipse at 45% 90%,#e7eacb70,transparent 65%),#fff7df;border:5px solid #eee6cb;box-shadow:inset 0 0 0 2px #fffbed}.return-book-heading{position:absolute;top:8%;left:5%;display:flex;flex-direction:column;gap:7px;color:#6a805c}.return-book-heading>small{font-size:11px;letter-spacing:.15em}.return-book-heading>strong{font-size:23px;font-weight:500}.return-book-train{position:absolute;right:0;bottom:8%;width:28%;height:72%;object-fit:contain;padding:10px}.arrival-return .arrival-guest{max-height:30%;bottom:3%}.arrival-return .guest-0,.arrival-return .guest-1,.arrival-return .guest-2,.arrival-return .guest-3,.arrival-return .guest-8,.arrival-return .guest-9,.arrival-return .guest-10{bottom:24%;max-height:26%}@media(max-width:700px){.arrival-tableau{min-height:200px;aspect-ratio:2.3/1}.arrival-background{object-fit:cover}.train-journey-art>figcaption{font-size:11px}.return-book-heading>strong{font-size:15px}.return-book-heading>small{font-size:9px}}.passenger-portrait{display:block;position:relative;aspect-ratio:1;overflow:hidden;flex-shrink:0;isolation:isolate}.passenger-portrait>img{position:absolute;display:block;width:var(--portrait-size);height:var(--portrait-size);max-width:none;left:var(--portrait-left);top:var(--portrait-top);pointer-events:none;object-fit:contain}.train-passenger.has-portrait{display:flex;align-items:flex-end;justify-content:center;padding:2px 2px 5px}.train-passenger.has-portrait>.passenger-portrait{width:100%;height:auto;filter:drop-shadow(0 2px 1px #59734816)}.train-passenger.has-portrait.is-child>.passenger-portrait{width:80%}.coach-seats.family-seats{grid-auto-flow:column;grid-template-rows:repeat(2,auto)}.platform-people.family-platform{gap:19px;align-items:flex-end}.platform-family{display:flex;align-items:flex-end;gap:3px}.platform-family>.train-passenger{height:78px;width:54px;padding:0 1px 7px}.platform-family>.platform-vacated{width:54px;height:45px}.family-gathering .arrival-family{position:absolute;display:flex;align-items:flex-end;width:21%;pointer-events:none}.family-gathering .family-portrait{position:relative;inset:auto;width:58%;height:auto;object-fit:initial;filter:drop-shadow(1px 3px 2px #6d543526)}.family-gathering .portrait-child{width:42%;margin-bottom:.3%}.family-gathering .family-cat{left:0%;bottom:32%;width:20%}.family-gathering .family-travel-friends{left:22%;bottom:39%;width:20%}.family-gathering .family-fox{left:44%;bottom:33%;width:20%}.family-gathering .family-bear{left:4%;bottom:3%;z-index:2}.family-gathering .family-raccoon{left:26%;bottom:7%;z-index:2}.family-gathering .family-mouse{left:48%;bottom:1%;z-index:2}.family-gathering .family-friends{left:64%;bottom:29%;width:8%;flex-direction:column;align-items:center}.family-gathering .family-friends>.portrait-child{width:100%}.family-gathering .family-friends>.portrait-child+.portrait-child{position:absolute;left:-18%;bottom:90%;width:95%}.arrival-return .family-gathering .family-portrait{max-height:none}.arrival-return .family-cat{bottom:31%}.arrival-return .family-travel-friends{bottom:35%}.arrival-return .family-fox{bottom:30%}.arrival-return .family-friends{left:68%;bottom:12%}.arrival-return .return-book-train{right:-2%;width:25%;height:67%;bottom:6%}@media(min-width:1050px)and (max-height:800px){.platform-family>.train-passenger{height:71px;width:51px}.platform-family>.platform-vacated{width:51px}}@media(max-width:1050px){.platform-people.family-platform{gap:12px}.platform-family>.train-passenger{width:43px;height:70px}.platform-family>.platform-vacated{width:43px}}@media(max-width:700px){.platform-people.family-platform{gap:16px}.platform-family>.train-passenger{width:45px;height:73px}.platform-family>.platform-vacated{width:45px}.family-gathering .family-cat{bottom:34%}.family-gathering .family-travel-friends{bottom:39%}.family-gathering .family-fox{bottom:34%}}.story-shelf,.book-room{max-width:1180px;margin:auto;color:#315d53}.shelf-heading{padding:22px 0 25px}.shelf-heading>span{font-size:12px;letter-spacing:.17em;color:#a07649}.shelf-heading h1{font-size:31px;margin:8px 0}.shelf-heading p{font-size:14px;color:#73816a}.story-covers{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.story-cover{overflow:hidden;text-align:left;background:#fffcf2;border:1px solid #e4dbc1;border-radius:22px;box-shadow:0 6px #e7dfc9;transition:transform .2s,box-shadow .2s}.story-cover:hover{transform:translateY(-5px);box-shadow:0 11px #e7dfc9}.cover-picture{display:block;height:207px;background-size:cover;background-position:center;position:relative;border-bottom:3px solid #dfc699}.cover-picture:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#76592c28);pointer-events:none}.cover-picture>img{position:absolute;width:87%;height:87%;left:7%;bottom:1%;object-fit:contain;filter:drop-shadow(2px 6px 3px #56331925)}.cover-number{position:absolute;top:12px;left:12px;background:#fff9e8ed;padding:5px 11px;border-radius:20px;font-size:10px}.cover-copy{display:flex;flex-direction:column;padding:18px 17px;gap:10px;min-height:191px}.cover-copy>small{font-size:11px;letter-spacing:.15em;color:#a16d45}.cover-copy>strong{font-size:20px;line-height:1.6;min-height:64px}.cover-copy>span{font-size:11px;line-height:1.9;color:#7d866f;flex:1}.cover-copy>b{font-size:12px;margin-top:6px;color:#456e58}.story-other{margin-top:30px;font-size:12px;color:#879078}.story-other summary{cursor:pointer;padding:10px}.story-other p{margin:10px}.story-other button{margin:5px;font-size:12px}.book-toolbar{min-height:48px;display:flex;align-items:center;gap:15px;font-size:11px;color:#839079}.book-toolbar>span{margin:auto}.book-toolbar>div{display:flex;gap:7px}.book-toolbar i{height:8px;width:27px;background:#e0e5d4;border-radius:8px}.book-toolbar i.lit{background:#d8b36e}.book-toolbar button{font-size:12px}.book-heading{min-height:90px;display:flex;justify-content:space-between;gap:25px;align-items:center;padding:8px 0 15px}.book-heading h1{font-size:25px;line-height:1.5}.book-heading p{font-size:13px;color:#70806a;max-width:890px;line-height:1.9;margin-top:4px}.book-heading>.quiet-button{min-width:85px;flex-shrink:0}.book-stage{position:relative;height:380px;isolation:isolate;overflow:hidden;border-radius:24px;border:1px solid #d9d8ba;background:#f7f0da;box-shadow:0 5px #e8e0c9}.book-scenery{position:absolute;inset:0;background-image:var(--scene-image);background-position:center;background-size:cover;z-index:-3;transition:filter .8s}.book-ground{position:absolute;inset:0;background:linear-gradient(transparent 40%,#fff9e62b 70%,#ffe4af35);z-index:-2}.book-addition .phase-opening .book-scenery,.book-addition .chapter-0 .book-scenery{filter:brightness(.7) saturate(.65)}.book-addition .chapter-1 .book-scenery{filter:brightness(.86) saturate(.8)}.book-addition .phase-ending .book-scenery,.book-addition .scene-opened .book-scenery{filter:brightness(1.05) saturate(1.05)}.scene-actor{position:absolute;left:5%;bottom:1%;width:30%;height:77%;filter:drop-shadow(0 7px 3px #704c3428)}.scene-actor>img,.reflect-actor>img,.finale-actor>img{width:100%;height:100%;object-fit:contain;object-position:bottom}.story-speech{position:absolute;left:36%;top:10%;width:54%;background:#fffcf0f5;border:2px solid #e8d9ad;border-radius:25px 25px 25px 4px;padding:20px 25px;box-shadow:0 5px #8f73321a}.story-speech>small{color:#ac7745;font-size:11px}.story-speech>p{font-size:20px;line-height:1.8;margin-top:5px;color:#426b59}.chapter-track{position:absolute;bottom:6%;left:39%;right:6%;display:flex;gap:9px}.chapter-track>span{padding:9px 11px;border:1px solid #e3d4b5;border-radius:12px;background:#fff8e5e8;font-size:10px;color:#9c9d80;flex:1;text-align:center}.chapter-track>.active{background:#fff4ce;color:#96753f;border-color:#d7b877}.chapter-track>.done{color:#527d61;background:#e8f0d6}.discovery-things{position:absolute;left:42%;right:10%;bottom:22%;height:100px;display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.discovery-things>button{width:98px;min-height:88px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border-radius:18px;background:#fff6dcdd;border:2px solid #e5cb94;box-shadow:0 5px #a67e4430;transition:transform .2s}.discovery-things>button:hover{transform:translateY(-5px) rotate(-3deg)}.discovery-things>button.found{background:#fff0b5}.discovery-things>button>span{font-size:48px;color:#b4813d;line-height:1.1}.discovery-things small{font-size:10px;color:#826c48;padding:5px}.discovery-bird>svg{width:80px;height:65px}.discovery-bird.found>svg{animation:bird-greet .55s ease-in-out}.discovery-bell.found>span{animation:bell-ring .6s ease}.discovery-window.found>span{color:#e9b454}.story-worktable{position:absolute;inset:7% 4%;border:7px solid #b78f59;border-radius:20px;background:linear-gradient(135deg,#fff7df,#eee0ba);box-shadow:0 12px #987246,0 22px 10px #46351a35;padding:12px 20px}.story-worktable:before,.story-worktable:after{content:"";position:absolute;width:18px;height:35px;background:#967245;bottom:-42px;left:30px;border-radius:0 0 4px 4px;z-index:-1}.story-worktable:after{left:auto;right:30px}.work-note{font-size:12px;color:#88764e;padding-bottom:10px;text-align:center}.work-zones{display:grid;grid-template-columns:1.3fr 35px 1fr;gap:15px}.work-zone{min-height:209px;background:#fffef4aa;border:1px solid #d9c89f;border-radius:13px;padding:10px}.work-zone h2{font-size:13px;text-align:center;color:#7a6947;margin-bottom:9px}.basket-zone{background:repeating-linear-gradient(0deg,#e9c89166 0 9px,#d9b77d55 9px 11px);border:3px solid #c39758}.work-direction{align-self:center;text-align:center;font-size:30px;color:#a28554}.counting-props{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;align-content:start;min-height:144px}.book-prop{display:block;height:47px;min-height:47px;padding:2px;border-radius:10px;background:transparent;transition:transform .2s}.book-prop>svg{height:100%;width:100%;filter:drop-shadow(0 3px 1px #7d583326)}button.book-prop:hover{background:#ffe9a9;transform:translateY(-3px)}.fixed-prop{opacity:.98}.help-prop{outline:1px dashed #bda469;outline-offset:-2px}.story-worktable>p{font-size:13px;text-align:center;margin-top:10px;color:#806f4a}.letter-desk{position:absolute;top:6%;left:6%;right:6%;height:111px}.story-letter{margin:auto;max-width:830px;background:#fff9e7;border:1px solid #d5c095;border-radius:8px;box-shadow:0 5px 12px #79583125;padding:13px 22px;position:relative}.story-letter>small{font-size:10px;color:#a48a5c;letter-spacing:.1em}.story-letter>p{font-size:24px;letter-spacing:.055em;line-height:1.8;padding-right:145px}.story-letter>button{position:absolute;right:17px;bottom:15px;font-size:12px;border-radius:12px;background:#efe8d0;padding:10px 14px;min-height:44px}.story-choices{position:absolute;inset:43% 11% 8%;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.story-choice{position:relative;border:3px solid #e9d8b0;border-bottom:7px solid #d3b587;background:#fff9e9;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:transform .15s}.story-choice:hover{transform:translateY(-3px);border-color:#ccab78}.story-choice.chosen{border-color:#648e6b;box-shadow:0 0 0 3px #fff2c9}.story-choice>strong{font-size:22px;margin:6px 0;color:#426957}.story-choice>img{height:116px;width:145px;object-fit:contain}.destination-picture{display:block;width:100%;height:105px;background-size:cover;background-position:center}.ticket-counter{inset:43% 11% 16%;gap:25px}.ticket-counter .story-choice{background:linear-gradient(90deg,#fcf4d9 76%,#eee0bb 76%);border:2px solid #d0b888;box-shadow:0 6px #a8875b55;border-radius:12px;padding-right:15%;transform:rotate(-2deg)}.ticket-counter .story-choice:nth-child(2){transform:rotate(1deg)}.ticket-counter .story-choice.chosen{border-color:#648e6b;box-shadow:0 0 0 4px #fff1bd,0 6px #a8875b55}.ticket-counter small{font-size:10px;color:#9e875c;letter-spacing:.12em}.ticket-counter strong{font-size:25px;white-space:nowrap}.ticket-perforation{color:#b2a077;font-size:11px;margin-top:8px}.ticket-notch{position:absolute;right:21%;height:100%;border-left:2px dashed #d7c596}.story-gift{position:relative;display:block;width:86px;height:76px;background:#de7772;border:2px solid #a85851;border-radius:3px;margin:16px 0 5px;box-shadow:inset -12px 0 #963b311e,2px 4px #79563224}.gift-blue{background:#83b7c5;border-color:#4d8296}.gift-yellow{background:#e6bd6e;border-color:#b18b41}.story-gift>i{position:absolute;left:-7px;right:-7px;top:-8px;height:18px;background:inherit;border:2px solid #a47158;border-radius:4px;transition:transform .55s}.story-gift>b{position:absolute;left:34px;width:15px;top:-8px;bottom:0;background:#fff0c4;border:1px solid #c7ac74}.story-gift>em{position:absolute;top:-22px;left:21px;width:40px;height:20px;border:6px solid #ffe9b2;border-radius:50% 50% 10% 10%;transform:rotate(-8deg);transition:transform .55s}.story-gift.opened>i,.story-gift.opened>em{transform:translateY(-45px) rotate(-12deg)}.book-help{position:absolute;left:10%;right:10%;bottom:1%;background:#fff9e9f5;padding:7px 12px;border-radius:10px;color:#6f7656;font-size:12px;text-align:center}.reflect-actor{position:absolute;left:3%;bottom:2%;width:30%;height:83%;filter:drop-shadow(1px 5px 2px #5f4e3122)}.reflection-board{position:absolute;inset:9% 5% 8% 35%;background:#fffbecf5;border:2px solid #decca4;border-radius:22px;padding:20px;text-align:center}.reflection-board>small{font-size:12px;color:#8f7b51}.reflection-board>strong{display:block;font-family:Georgia,serif;font-size:40px;color:#4e7662;margin:8px}.result-props{max-width:560px;margin:auto;display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.result-props>span{height:46px}.result-props svg{height:100%;width:100%}.reflection-board>p{font-size:15px;margin-top:14px;line-height:1.8}.ticket-journey,.letter-result{position:absolute;inset:0}.trip-landscape{position:absolute;inset:0;background-size:cover;background-position:center}.journey-0 .trip-landscape{background-size:100% auto;background-repeat:no-repeat;background-color:#e7efda}.journey-2 .trip-landscape{background-image:none!important;background:linear-gradient(#90cfe1,#e5f4ee 65%,#b6d1a8)}.journey-2 .trip-landscape:after{content:"";position:absolute;left:10%;top:20%;width:200px;height:70px;border-radius:50%;background:#ffffffe3;box-shadow:420px 45px 0 18px #fffa,700px -5px #ffffffc4}.trip-vehicle{position:absolute;width:43%;height:75%;object-fit:contain;left:8%;bottom:10%;transition:transform 1.3s ease-in-out}.journey-1 .trip-vehicle{bottom:0;height:60%;width:44%;left:4%}.scene-journey .trip-vehicle{transform:translate(30%)}.scene-journey .journey-2 .trip-vehicle{transform:translate(26%,-15%) rotate(-5deg)}.trip-message{position:absolute;right:4%;top:10%;width:42%;padding:22px;border:2px solid #e8d5a8;border-radius:20px;background:#fffaf0f0;box-shadow:0 7px #b39a6322;text-align:center}.trip-message>strong{font-size:21px;line-height:1.7}.trip-message>p{font-size:15px;line-height:1.8;margin:10px 0 18px}.trip-message .primary{font-size:15px;padding:12px 17px;min-height:50px}.invitation{position:absolute;right:17%;bottom:6%;width:95px;height:86px;transform:rotate(5deg);background:#fff8df;border:2px solid #d2b989;border-radius:4px;box-shadow:2px 5px #9a7a4533;text-align:center;padding:7px;transition:transform .8s,opacity .8s}.invitation>span{font-size:11px;line-height:1.5}.invitation>b{display:block;color:#b7895c;font-size:25px}.scene-journey .invitation{transform:translateY(-25px) rotate(-5deg);background:#fff0be}.letter-travel-vehicle{position:absolute;left:3%;bottom:3%;width:45%;height:73%;object-fit:contain;transition:transform 1s ease-in-out}.scene-journey .letter-travel-vehicle{transform:translate(15%)}.route-sign{position:absolute;left:34%;top:10%;padding:10px 16px;border:3px solid #c8ad79;background:#fff7da;border-radius:10px;color:#8a794f;font-size:20px}.letter-recipient{position:absolute;left:10%;bottom:4%;width:31%;height:82%;object-fit:contain}.parcel-transfer{position:absolute;left:42%;bottom:11%;transition:transform .8s}.parcel-transfer.delivered{transform:translate(-105px)}.finale-actor{position:absolute;left:6%;bottom:3%;width:30%;height:82%;filter:drop-shadow(0 6px 3px #5537162b)}.finale-work{position:absolute;inset:6% 5% 7% 38%;background:#fffbeaf2;border:2px solid #e4d1a2;border-radius:23px;padding:13px 24px;text-align:center;z-index:1}.keepsake{position:relative;min-height:107px}.keepsake>small{font-size:11px;color:#a58b59;letter-spacing:.13em}.keepsake-art{height:82px;width:110px;margin:4px auto;display:grid;place-items:center}.keepsake-art>svg{height:100%;width:100%;filter:drop-shadow(0 4px 2px #95703525)}.keepsake-art .story-gift{margin-top:15px;transform:scale(.8)}.keepsake-choices{display:flex;justify-content:center;gap:13px;margin:8px 0}.keepsake-choices button{width:80px;min-height:65px;border:1px solid #decba5;border-radius:12px;background:#fff8df;padding:5px}.keepsake-choices button[aria-pressed=true]{outline:2px solid #79a37b;background:#edf3d6}.keepsake-choices svg{height:34px;width:40px;display:block;margin:auto}.keepsake-choices span{font-size:10px}.finale-action{font-size:15px!important;min-height:46px!important;padding:10px 20px!important}.finale-response{font-size:14px;color:#8c7748;padding:7px}.finale-done .keepsake{min-height:148px}.finale-done .keepsake-art{height:115px;width:135px}.finale-done>p{font-size:19px;line-height:1.9}.ending-sign{display:block;font-size:14px;margin-top:12px;color:#ad8952}.keepsake-hiragana{transition:transform .7s;transform:rotate(var(--spin))}.scene-opened .keepsake-subtraction{width:190px;background:repeating-linear-gradient(45deg,#e1b58955 0 15px,#ffefcf88 15px 30px);border:4px solid #e4c89c;border-radius:5px}.celebration-canopy{position:absolute;inset:0;pointer-events:none;z-index:2}.celebration-canopy>span{position:absolute;top:4%;font-size:22px;color:#ffe5a3;text-shadow:0 0 12px #fff3b8;animation:canopy-in .8s ease-out both}.book-controls{display:flex;align-items:center;gap:18px;min-height:78px;padding-top:14px}.book-controls>p{font-size:13px;color:#7e8269;flex:1}.book-controls>div{display:flex;align-items:center;gap:20px}.book-controls .primary{font-size:17px;min-height:52px;padding:12px 23px}.book-controls .text-button{font-size:12px}.story-session-note{font-size:10px;color:#89937e;line-height:1.7;padding-top:5px}.book-still *{animation:none!important;transition:none!important}.book-still .scene-journey .trip-vehicle,.book-still .scene-journey .letter-travel-vehicle{transform:none}@keyframes bird-greet{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes bell-ring{0%,to{transform:rotate(0)}25%{transform:rotate(14deg)}75%{transform:rotate(-14deg)}}@keyframes canopy-in{0%{opacity:0;transform:translateY(-15px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:1200px)and (max-height:750px){.book-toolbar{min-height:37px}.book-heading{min-height:76px;padding-bottom:11px}.book-heading h1{font-size:23px}.book-stage{height:350px}.book-controls{min-height:68px}.story-shelf .cover-picture{height:185px}.cover-copy{min-height:185px}.story-shelf .shelf-heading{padding-top:12px}}@media(max-width:1000px){.story-covers{grid-template-columns:repeat(2,1fr)}.cover-copy{min-height:165px}.cover-copy>strong{min-height:0}.book-heading p{font-size:12px}.story-speech>p{font-size:17px}.ticket-counter strong{font-size:19px}.book-toolbar>span{display:none}.book-toolbar>div{margin-left:auto}.reflection-board>p{font-size:13px}.story-letter>p{font-size:20px}.trip-message>strong{font-size:17px}}@media(max-width:700px){.shelf-heading h1{font-size:23px}.story-covers{gap:13px}.cover-picture{height:155px}.cover-copy{padding:12px}.cover-copy>strong{font-size:17px}.cover-copy>span{font-size:10px}.book-heading h1{font-size:19px}.book-heading p{font-size:11px}.book-stage{height:440px}.story-speech{left:7%;right:7%;width:auto;top:5%;padding:14px 19px}.story-speech>p{font-size:16px}.scene-actor{left:2%;height:55%;width:44%;bottom:12%}.discovery-things{left:47%;right:5%;bottom:24%;height:160px;gap:8px;flex-wrap:wrap}.discovery-things>button{width:65px;min-height:66px}.discovery-things>button>span{font-size:30px}.discovery-bird>svg{width:55px;height:45px}.chapter-track{left:5%;right:5%;bottom:4%;gap:5px}.chapter-track>span{font-size:9px;padding:7px}.story-worktable{inset:5% 3% 7%;padding:8px;border-width:4px}.work-zones{grid-template-columns:1fr 25px 1fr;gap:5px}.work-zone{padding:6px;min-height:288px}.work-zone h2{font-size:11px}.counting-props{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.book-prop{height:41px;min-height:41px}.work-note{font-size:10px}.story-worktable>p{font-size:11px}.story-letter{padding:12px}.story-letter>p{padding:0;font-size:19px}.story-letter>button{position:static;padding:5px 12px;min-height:35px;margin-top:5px}.story-choices{left:4%;right:4%;top:47%;gap:9px}.story-choice>strong{font-size:15px}.story-choice>img{width:94px;height:120px}.destination-picture{height:107px}.ticket-counter .story-choice{padding-right:10%;min-height:140px}.ticket-counter strong{font-size:16px}.ticket-counter small{font-size:8px}.story-gift{transform:scale(.75)}.book-controls{flex-wrap:wrap;gap:6px}.book-controls>p{flex-basis:100%}.book-controls>div{margin-left:auto;gap:10px}.book-controls .primary{font-size:14px;padding:11px 14px}.book-controls .text-button{font-size:10px}.reflect-actor{left:0;width:40%;height:55%}.reflection-board{inset:9% 4% 8% 38%;padding:13px}.reflection-board>strong{font-size:28px}.result-props{grid-template-columns:repeat(5,1fr);gap:3px}.result-props>span{height:36px}.trip-message{right:5%;left:5%;top:6%;width:auto;padding:13px}.trip-message>p{font-size:13px;margin:6px}.trip-message .primary{font-size:13px;min-height:44px}.trip-vehicle{width:65%;height:50%;bottom:4%;left:4%}.journey-1 .trip-vehicle{width:70%;height:45%}.journey-0 .trip-landscape{background-size:auto 100%;background-position:33% center}.invitation{right:6%;bottom:7%;transform:scale(.8)}.letter-travel-vehicle{width:65%;height:48%;bottom:3%}.letter-recipient{width:48%;height:58%;bottom:2%}.route-sign{inset:auto 4% 6% auto;font-size:15px}.parcel-transfer{left:60%;bottom:9%}.finale-actor{left:0;width:34%;height:55%;bottom:1%}.finale-work{inset:5% 3% 5% 32%;padding:14px 10px}.keepsake-choices{gap:5px}.keepsake-choices button{width:59px}.finale-action{font-size:12px!important}.finale-done>p{font-size:15px}.finale-response{font-size:12px}.finale-done .keepsake-art{height:125px}.book-help{font-size:10px;left:5%;right:5%}}.phase-ending .keepsake-subtraction{width:190px;background:repeating-linear-gradient(45deg,#e1b58955 0 15px,#ffefcf88 15px 30px);border:4px solid #e4c89c;border-radius:5px}.keepsake-hiragana{transform:none}.windmill-blades{transform-box:view-box;transform-origin:60px 58px;transform:rotate(var(--spin));transition:transform .7s ease-out}.arrival-reply{position:absolute;left:4%;bottom:3%;display:flex;align-items:center;z-index:2;gap:12px}.arrival-reply>img{width:90px;height:120px;object-fit:contain}.arrival-reply>span{font-size:12px;max-width:180px;background:#fff9e7f2;border:1px solid #e3c894;border-radius:13px;padding:10px}.scene-journey .journey-2 .arrival-reply{background:#fff8e6df;border-radius:15px;padding:0 10px}.scene-journey .journey-0 .trip-vehicle{height:66%;left:3%;bottom:5%;width:43%}.scene-journey .journey-0 .arrival-reply{left:40%;bottom:1%;flex-direction:row-reverse}.discovery-bell>svg{width:57px;height:57px}.discovery-bell.found>svg{animation:bell-ring .6s ease}.world-choices .story-choice{background:transparent;border-color:transparent;box-shadow:none;overflow:visible}.world-choices .story-choice:hover{background:#fff4d52a}.world-choices .story-choice.chosen{background:#fff5cf50;border-bottom:4px solid #b49e69;box-shadow:none}.world-choices-1 .story-choice>img{height:140px;width:170px;filter:drop-shadow(2px 4px 2px #70502d22)}.world-choices .story-choice>strong{background:#fff9e8e8;border:1px solid #d9c79c;padding:5px 17px;font-size:16px;border-radius:20px}.world-choices-2{background:linear-gradient(#e7c58cdd,#e0b783dd);border:5px solid #b88c52;border-radius:15px;box-shadow:0 7px #a67944}.book-controls .quiet-button{font-size:13px;min-height:48px}.festival-built{position:absolute;inset:0 0 auto;pointer-events:none;height:180px;z-index:-1}.festival-string{position:absolute;left:2%;right:2%;height:85px;top:0}.festival-string.string-1{top:64px;left:8%;right:8%}.festival-string.string-2{top:124px;left:16%;right:16%}.festival-rope{position:absolute;width:100%;height:80px;inset:0}.festival-string>span{position:absolute;transform:translate(-50%);height:41px;width:38px}.festival-string>span>svg{width:100%;height:100%;filter:drop-shadow(1px 3px 1px #563c3155)}.festival-lit .string-0>span>svg{filter:drop-shadow(0 0 9px #ffe987) drop-shadow(0 0 3px #fff4b6)}.book-addition .phase-reflect .reflect-actor{left:auto;right:3%;width:27%;height:72%}.festival-count-board{inset:auto 34% 5% 5%;padding:12px 18px;border-radius:16px;background:#fffbeae8}.festival-count-board>strong{font-size:31px;margin:4px}.festival-count-board .result-props{display:none}.festival-count-board>p{font-size:13px;margin-top:5px}.festival-count-board>small{font-size:11px}.connect-props .book-prop{position:relative}.connect-props .book-prop:before{content:"";position:absolute;left:-4px;right:-4px;top:3px;height:2px;background:#9a7548;z-index:-1}.add-work .work-zone:first-child{background:#fff4ce66}.add-work .fixed-prop{filter:drop-shadow(0 0 5px #ffe48a)}.picnic-built{position:absolute;left:8%;right:8%;height:56%;bottom:1%;z-index:-1}.picnic-blanket{position:absolute;left:0;bottom:0;width:100%;height:63%;transform:perspective(550px) rotateX(38deg);background:repeating-linear-gradient(0deg,#fff2d4bb 0 25px,#ca96708c 25px 50px),repeating-linear-gradient(90deg,#eeb880 0 30px,#fff0cf 30px 60px);border:7px solid #f6dba4;box-shadow:0 8px 6px #483a2528;border-radius:12px;display:flex;align-items:center;justify-content:space-around}.picnic-blanket>span{width:48px;height:48px;opacity:.75}.picnic-blanket svg{width:100%;height:100%}.picnic-low-table{position:absolute;left:25%;width:50%;height:75px;bottom:29%;background:linear-gradient(#e4c395,#d1a671);border:4px solid #a97e4d;border-radius:50%;box-shadow:0 9px #a98050;display:flex;align-items:center;justify-content:space-evenly}.picnic-low-table:before,.picnic-low-table:after{content:"";position:absolute;height:42px;width:14px;bottom:-49px;left:23%;background:#a47b4a;border-radius:0 0 5px 5px}.picnic-low-table:after{left:auto;right:23%}.picnic-plate{display:flex;background:#fff6df;border:2px solid #c9ae7e;border-radius:50%;padding:3px 10px;gap:0}.picnic-plate>span{height:35px;width:34px}.picnic-plate svg{width:100%;height:100%}.picnic-vase{position:absolute;left:46%;bottom:40%;width:46px;height:75px}.picnic-vase>svg{width:100%;height:100%}.picnic-vase>i{position:absolute;bottom:-10px;left:7px;right:7px;height:31px;background:linear-gradient(90deg,#83b5a9,#b6d5c5,#729e94);border:2px solid #71948a;border-radius:5px 5px 13px 13px}.book-addition .finale-actor{left:auto;right:1%;width:30%;height:72%}.book-addition .finale-work{inset:43% 35% 4% 4%;padding:9px 16px;border-radius:18px;background:#fffbeae8}.book-addition .keepsake{display:none}.book-addition .keepsake-choices{margin:0 0 7px}.book-addition .keepsake-choices button{min-height:46px;display:flex;align-items:center;gap:3px;width:95px}.book-addition .keepsake-choices svg{height:30px;width:32px}.book-addition .finale-done>p{font-size:18px}.book-addition .ending-sign{margin-top:7px}.book-addition .finale-response{position:absolute;top:-29px;left:0;right:0;background:#fff5d1;border-radius:20px}.book-subtraction .phase-ending .finale-work{inset:5% 5% auto 34%;min-height:110px;background:#fffbeae8}.book-subtraction .phase-ending .keepsake{display:none}.book-subtraction .phase-ending .finale-actor{left:0;width:27%;height:64%;bottom:3%}.book-subtraction .phase-ending .finale-done>p{font-size:19px}.book-hiragana .finale-work{background:#fffae5e0;inset:10% 4% 9% 47%}.book-hiragana .finale-actor{left:10%;width:35%;height:89%;bottom:1%}.book-hiragana .phase-ending .finale-work{top:15%;bottom:13%}.book-hiragana .finale-done .keepsake{display:none}.book-hiragana .finale-done>p{margin-top:20px}.book-hiragana .phase-celebrate .keepsake{display:none}.book-hiragana .phase-celebrate .keepsake-choices,.book-hiragana .phase-celebrate .finale-action{margin-top:16px}@media(max-width:700px){.festival-string>span{width:23px;height:29px}.festival-string.string-1{top:46px}.festival-string.string-2{top:85px}.festival-count-board{left:4%;right:4%;bottom:4%;min-height:105px}.book-addition .phase-reflect .reflect-actor{bottom:33%;height:40%;width:40%}.book-addition .finale-work{inset:auto 4% 4%;height:160px}.book-addition .finale-actor{bottom:40%;height:39%;width:40%}.book-hiragana .finale-actor{left:1%;width:42%;height:58%}.book-hiragana .finale-work{left:39%;right:3%;padding:10px}.book-hiragana .phase-ending .finale-work{top:8%;bottom:8%}.picnic-low-table{left:20%;width:70%}.picnic-plate>span{width:20px;height:26px}}.book-hiragana .finale-done .keepsake{display:block;min-height:95px}.book-hiragana .finale-done .keepsake-art{height:78px;width:88px}.book-hiragana .finale-done>p{font-size:15px;line-height:1.6;margin-top:0}.book-hiragana .ending-sign{font-size:12px;margin-top:5px}.book-hiragana .finale-done .quiet-button{min-height:43px;font-size:12px;padding:8px 15px}.festival-flag{position:absolute;left:47%;top:30%;width:72px;height:90px;padding:9px 8px 23px;background:#fff3c9;border-top:5px solid #be975b;clip-path:polygon(0 0,100% 0,100% 100%,50% 81%,0 100%);filter:drop-shadow(2px 4px 2px #634c3222)}.festival-flag>svg{width:100%;height:100%}.book-addition .finale-work.finale-done{top:auto;bottom:5%;min-height:87px;padding:14px 22px}.book-addition .finale-work.finale-done>p{margin:0}.picnic-plate{display:grid;grid-template-columns:repeat(4,1fr);width:36%;padding:2px 12px;gap:0}.picnic-plate>span{width:25px;height:22px;margin:auto}.picnic-flowers{position:absolute;left:5%;right:5%;top:-44px;display:flex;justify-content:space-between;height:42px}.picnic-flowers>span{width:28px;height:42px}.picnic-flowers svg{height:100%;width:100%}.picnic-friends{position:absolute;inset:0;z-index:-1;pointer-events:none}.picnic-friends>img{position:absolute;bottom:4%;right:2%;height:62%;width:23%;object-fit:contain;object-position:bottom}.picnic-friends>img:first-child{right:auto;left:26%;bottom:16%;height:48%;width:17%}.book-subtraction .phase-ending .picnic-built{z-index:0;left:24%;right:16%;pointer-events:none}.book-subtraction .phase-ending .picnic-low-table{left:15%;width:70%}.book-subtraction .phase-ending .finale-work{top:4%;min-height:100px;padding:10px 20px}.book-subtraction .phase-ending .finale-work .ending-sign{display:none}.book-subtraction .phase-ending .finale-work .quiet-button{font-size:13px;min-height:42px;margin-top:4px;padding:8px 15px}.scene-journey .journey-0 .arrival-reply{left:10%;bottom:4%;flex-direction:row}.scene-journey .journey-0 .arrival-reply>img{width:190px;height:225px}.journey-1 .trip-vehicle{clip-path:polygon(0 0,100% 0,100% 79%,0 79%)}.journey-1:after{content:"";position:absolute;left:7%;bottom:12%;width:37%;height:9px;border-top:3px solid #effdfdcc;border-radius:50%;box-shadow:0 5px #d5f5f580;pointer-events:none;transition:transform 1.3s ease-in-out}.scene-journey .journey-1:after{transform:translate(32%)}.journey-1 .arrival-reply,.journey-2 .arrival-reply{left:auto;right:4%;bottom:5%;padding:4px 12px;background:#fff9e8ed;border:2px solid #e2c898;border-radius:14px}.journey-1 .arrival-reply>img,.journey-2 .arrival-reply>img{width:55px;height:66px}.journey-1 .arrival-reply>span,.journey-2 .arrival-reply>span{border:0;padding:3px;background:transparent;max-width:none}.scene-journey .journey-2 .arrival-reply{padding:4px 12px}.cover-picture>img{height:92%;width:90%;left:5%;bottom:3%}.painted-picnic{position:absolute;inset:0}.picnic-finale-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.picnic-actor-in-art{display:none}.picnic-final-apples,.picnic-final-bread{position:absolute;display:grid;gap:0;background:#fff8dedb;border:1px solid #c7b28e;border-radius:50%;padding:2px 7px;top:65%;height:15%}.picnic-final-apples{left:44%;width:12%;grid-template-columns:repeat(4,1fr)}.picnic-final-bread{left:61%;width:12%;grid-template-columns:repeat(3,1fr)}.picnic-final-apples>span,.picnic-final-bread>span{min-height:0;display:block}.picnic-final-apples svg,.picnic-final-bread svg{width:100%;height:100%}.picnic-final-flowers{position:absolute;display:flex;justify-content:space-between;left:47%;width:24%;top:52%;height:13%}.picnic-final-flowers>span{width:10%;height:100%;position:relative}.picnic-final-flowers svg{width:100%;height:100%}.picnic-final-flowers i{position:absolute;bottom:0;left:26%;width:50%;height:18%;background:#8fbbab;border:1px solid #628d79;border-radius:1px 1px 4px 4px}.picnic-final-emblem{position:absolute;left:54%;bottom:3%;height:9%;width:5%;opacity:.9}.picnic-final-emblem svg{width:100%;height:100%}.book-subtraction .phase-ending.scene-journey .finale-work{left:39%;right:25%;top:3%;min-height:0;padding:8px 14px;border-radius:30px}.book-subtraction .phase-ending.scene-journey .finale-work>p{display:none}.book-subtraction .phase-ending.scene-journey .finale-work .quiet-button{background:transparent;padding:0;min-height:20px;margin:0}.book-subtraction .phase-ending.scene-journey .celebration-canopy{display:none}.story-cover{display:flex;flex-direction:column;justify-content:flex-start}.cover-picture{width:100%;flex-shrink:0}.cover-copy{width:100%;flex:1}.cover-copy>strong{min-height:64px}.journey-0 .trip-message{right:auto;left:4%;width:38%;top:5%;padding:15px}.journey-0 .trip-message>strong{font-size:18px}.journey-0 .invitation{display:none}.scene-journey .journey-0 .trip-message{left:auto;right:4%;width:42%;top:9%}@media(max-width:700px){.journey-0 .trip-message,.scene-journey .journey-0 .trip-message{left:4%;right:4%;width:auto;top:4%;padding:10px}}.journey-1 .trip-vehicle{clip-path:none;bottom:3%}.journey-1:after{display:none}.scene-journey .invitation{display:none}.journey-2 .trip-landscape{background-image:url(/assets/story-sky.png)!important;background-size:cover;background-position:center;background-color:#b8e2f2}.journey-2 .trip-landscape:after{display:none}.curriculum-shelf{max-width:1180px;margin:auto}.curriculum-intro-note{font-size:13px;color:#7a806c;margin-top:22px}.curriculum-series-heading{display:flex;gap:24px;align-items:center;margin:12px 0 24px}.curriculum-series-heading>img{height:130px;width:120px;object-fit:contain}.curriculum-series-heading small{color:#9b7648;font-size:12px}.curriculum-series-heading h1{font-size:28px;margin:3px 0}.curriculum-series-heading p{font-size:14px;color:#78816d}.curriculum-levels{display:grid;gap:20px}.curriculum-level{background:#fffcef;border:1px solid #e3d9bc;border-radius:20px;padding:20px 24px;display:grid;grid-template-columns:190px 1fr;gap:20px}.level-heading>span{font-size:12px;color:#a6814c}.level-heading h2{font-size:20px;margin:7px 0}.chapter-list{display:flex;gap:13px;flex-wrap:wrap;align-items:center}.available-chapter{display:flex;gap:19px;padding:15px 22px;border-radius:15px;background:#f5e8b7;border:2px solid #d6bc7a;text-align:left}.chapter-glyph{font-size:66px;line-height:1.2;min-width:70px;text-align:center;color:#a35355}.available-chapter>span:last-child{display:flex;flex-direction:column;gap:3px}.available-chapter small{font-size:11px;color:#8b754c}.available-chapter strong{font-size:20px}.available-chapter>span>span{font-size:12px;margin-top:5px}.planned-chapter{display:flex;flex-direction:column;gap:6px;background:#f2eee0;border:1px dashed #d8d0b9;border-radius:12px;padding:13px 16px}.planned-chapter>strong{font-size:13px;color:#77836d}.planned-chapter>span,.chapter-preparing{font-size:12px;color:#8c927d}@media(max-width:700px){.curriculum-level{grid-template-columns:1fr;padding:16px}.curriculum-series-heading h1{font-size:20px}.curriculum-series-heading>img{height:90px;width:80px}.curriculum-series-heading{gap:10px}.available-chapter{padding:10px 14px}.available-chapter strong{font-size:17px}}.letter-chapter{max-width:1180px;margin:auto}.letter-toolbar{display:flex;justify-content:space-between;align-items:center;min-height:48px;color:#7b8270;font-size:12px}.letter-heading{padding:10px 0 18px}.letter-heading h1{font-size:26px;margin:0}.letter-heading p{margin:4px 0 0;font-size:15px;color:#62796a}.letter-world{position:relative;height:365px;border-radius:24px;overflow:hidden;border:1px solid #d8c9a4;isolation:isolate;background:#d2e1c7;box-shadow:0 5px #e5dec8}.letter-world-background{position:absolute;inset:0;background:url(/assets/delivery-park.png) center/cover;z-index:-1}.letter-postman{position:absolute;left:1%;bottom:3%;width:27%;height:86%;object-fit:contain;object-position:bottom}.letter-friend{position:absolute;right:3%;bottom:3%;height:78%;width:27%;padding:0;background:transparent;border:0;filter:drop-shadow(0 4px 2px #6c553125)}.letter-friend img{width:100%;height:100%;object-fit:contain;object-position:bottom}.letter-friend:hover{transform:translateY(-3px)}.letter-friend.recipient-greeted{animation:duck-hello .6s ease-in-out}.recipient-reply{position:absolute;right:7%;top:3%;padding:7px 20px;border-radius:20px;background:#fff8e5;color:#4f7769;font-size:15px}.letter-introduction{position:absolute;left:31%;right:31%;top:17%;background:#fff9e8f2;border:2px solid #dfc99b;border-radius:20px;padding:25px 18px;text-align:center}.letter-introduction>span{font-size:11px;color:#987945}.letter-introduction p{font-size:22px;line-height:1.9;margin-top:8px}.letter-listening{position:absolute;left:29%;right:31%;top:5%;text-align:center;background:#fff9e8eb;border:1px solid #e6d2a8;border-radius:18px;padding:10px}.letter-listening>p{font-size:14px;margin:4px 0 0}.letter-listening .letter-model{font-size:23px}.letter-model strong{font-size:52px;color:#a34f55;font-weight:700;margin:0 7px;line-height:1.1}.letter-stamp-tray{position:absolute;left:30%;right:32%;bottom:10%;display:flex;gap:25px;justify-content:center;padding:14px 17px 21px;background:linear-gradient(#dfbb83,#bd945e);border:4px solid #ab7a45;border-radius:15px;box-shadow:0 6px #926532}.letter-stamp{width:116px;height:116px;min-height:90px;border:5px dotted #b3a180;background:#fffaf0;box-shadow:0 3px #866a40;font-size:70px;font-weight:700;line-height:1;color:#365c50;border-radius:4px}.letter-stamp:hover{transform:translateY(-5px);background:#fff0bd}.letter-stamp.stamp-model{border-color:#a65d66;background:#fff0c9}.letter-envelope{position:absolute;left:31%;top:33%;width:32%;height:39%;background:#fff1cf;border:2px solid #bb9c69;box-shadow:0 6px 10px #604a2826;border-radius:7px;transform:rotate(-4deg)}.letter-envelope>i{position:absolute;inset:0;clip-path:polygon(0 0,50% 65%,100% 0);background:#f5ddb2}.letter-envelope>b{position:absolute;right:8%;top:10%;background:#fff9e6;border:4px dotted #a9875c;font-size:55px;width:74px;height:83px;display:grid;place-items:center;color:#527a61;line-height:1}.envelope-address{position:absolute;left:10%;top:48%;font-size:21px}.letter-envelope.training-stamp{width:110px;height:130px;left:43%;top:32%;background:transparent;border:0;box-shadow:none}.training-stamp>b{inset:0;width:100%;height:100%;font-size:78px}.letter-finish-note{position:absolute;left:30%;right:34%;top:22%;text-align:center;padding:16px;background:#fff9e6ed;border:2px solid #ddc99d;border-radius:24px}.letter-finish-note>span{font-size:23px}.letter-finish-note>strong{display:block;font-size:85px;line-height:1.3;color:#a95b5a}.letter-finish-note p{font-size:15px}.letter-phase-delivered .letter-friend{width:31%;right:2%;height:88%}.letter-actions{display:flex;justify-content:space-between;align-items:center;min-height:76px;gap:12px}.letter-actions>p{font-size:13px;color:#8a6949}.letter-actions>div{display:flex;gap:10px}.letter-parent-note{font-size:10px;color:#7a8273}.letter-audio-help{font-size:12px;padding:8px 14px;border-radius:12px;background:#fff1d3}.letter-still *{animation:none!important;transition:none!important}.letter-still .letter-friend:hover{transform:none}@keyframes duck-hello{0%,to{transform:rotate(0)}40%{transform:rotate(-5deg)}70%{transform:rotate(3deg)}}@media(max-width:700px){.letter-toolbar>span{display:none}.letter-heading h1{font-size:22px}.letter-heading p{font-size:13px}.letter-world{height:440px}.letter-postman{width:36%;height:48%;left:1%;bottom:2%}.letter-friend{width:40%;height:48%;right:1%}.letter-listening{left:5%;right:5%;top:4%}.letter-stamp-tray{left:25%;right:25%;bottom:40%;gap:12px;padding:8px}.letter-stamp{width:73px;height:85px;min-height:85px;font-size:51px}.letter-introduction{left:5%;right:5%;top:6%}.letter-envelope{left:15%;width:70%;top:10%;height:29%}.letter-envelope.training-stamp{left:39%;width:90px;height:100px;top:11%}.letter-phase-delivered .letter-friend{width:48%;height:56%;right:0}.letter-finish-note{left:10%;right:10%;top:4%;padding:9px}.letter-finish-note>strong{display:inline-block;font-size:57px;margin:0 10px}.letter-finish-note p{margin:0}.recipient-reply{top:48%;right:3%;font-size:12px}.letter-actions{flex-wrap:wrap;padding-top:12px;gap:5px}.letter-actions>div{margin-left:auto}.letter-actions .primary{font-size:14px}}.letter-heading-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.letter-heading-title>.quiet-button{min-height:40px;padding:6px 18px;flex-shrink:0}.letter-audio-help p{margin:3px 0}.letter-open-invitation{position:absolute;left:34%;top:33%;width:29%;min-height:112px;border:2px solid #ac785a;border-radius:22px;background:#fff3d4;box-shadow:0 5px #b89664;color:#715141;font-size:21px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.letter-open-invitation>span{font-size:46px;line-height:1}.letter-open-invitation:hover{background:#ffebba;transform:translateY(-3px)}.letter-puppy.letter-phase-opened .letter-friend,.letter-puppy.letter-phase-rolling .letter-friend,.letter-puppy.letter-phase-playing .letter-friend{width:31%;right:2%;height:88%}.letter-friend:disabled{opacity:1;cursor:default;transform:none}.puppy-invitation{position:absolute;left:33%;top:5%;width:31%;padding:10px 12px;background:#fff9e8f5;border:2px solid #dbbc89;border-radius:12px;text-align:center;box-shadow:0 5px 12px #66502422;transform:rotate(-2deg);display:flex;flex-direction:column;align-items:center;gap:3px}.puppy-invitation>span{font-size:12px;color:#8c7154}.puppy-invitation>strong{font-size:19px;color:#6c5a42}.play-ball{width:124px;height:124px;object-fit:contain;filter:drop-shadow(0 5px 3px #6b4e342b)}.play-ball.printed-ball{width:68px;height:68px;filter:none}.puppy-roll-control{position:absolute;left:43%;bottom:5%;width:135px;height:170px;padding:0;border:0;background:transparent;display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-start;gap:5px;color:#5b6448}.puppy-roll-control>span{background:#fff9e7;border:1px solid #dbc89e;border-radius:18px;padding:6px 16px;font-size:16px;box-shadow:0 3px #bda978}.puppy-roll-control:hover .play-ball{transform:translateY(-4px)}.rolling-ball{position:absolute;left:calc(43% + 5px);bottom:5%;animation:puppy-ball-roll .9s ease-out forwards;pointer-events:none}.letter-puppy.letter-phase-playing .letter-finish-note{top:15%}@keyframes puppy-ball-roll{0%{left:calc(43% + 5px);bottom:5%;transform:rotate(0)}to{left:72%;bottom:6%;transform:rotate(300deg)}}@media(max-width:700px){.letter-open-invitation{left:20%;width:60%;top:9%;min-height:100px;font-size:18px}.letter-puppy.letter-phase-opened .letter-friend,.letter-puppy.letter-phase-rolling .letter-friend,.letter-puppy.letter-phase-playing .letter-friend{width:48%;height:56%;right:0}.puppy-invitation{left:18%;width:64%;top:4%;padding:8px}.puppy-invitation>strong{font-size:17px}.play-ball.printed-ball{height:50px;width:50px}.puppy-roll-control{left:36%;bottom:4%;width:100px;height:113px}.play-ball{width:66px;height:66px}.rolling-ball{animation-name:puppy-ball-roll-small}.letter-puppy.letter-phase-playing .letter-finish-note{top:4%}@keyframes puppy-ball-roll-small{0%{left:40%;bottom:13%;transform:rotate(0)}to{left:63%;bottom:7%;transform:rotate(300deg)}}}.post-office{max-width:1180px;margin:auto}.post-toolbar,.post-heading,.post-actions{display:flex;justify-content:space-between;align-items:center;gap:16px}.post-toolbar{min-height:44px;font-size:12px;color:#6c7c6d}.post-heading{margin:12px 0 18px}.post-heading h1{font-size:26px;margin:0 0 6px}.post-heading p{font-size:15px;margin:0;color:#526f64}.post-heading>.quiet-button{flex-shrink:0}.post-world{height:380px;position:relative;overflow:hidden;border:2px solid #d7c79d;border-radius:24px;isolation:isolate;background:#e2ddbc;box-shadow:0 6px #e6dec6}.post-scenery{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.post-world:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff2cc22,transparent 60%);z-index:-1}.post-guide{position:absolute;left:2%;bottom:3%;width:25%;height:84%;border:0;background:transparent;padding:0;filter:drop-shadow(0 6px 3px #5b44292b)}.post-guide img{width:100%;height:100%;object-fit:contain;object-position:bottom}.post-guide:hover{transform:translateY(-3px)}.post-greeting{position:absolute;top:7%;left:3%;padding:10px 15px;background:#fff9e8;border-radius:18px;font-size:14px;z-index:4}.post-route{position:absolute;right:3%;top:5%;display:flex;gap:7px;background:#fff9e9ee;border:1px solid #d2c69e;border-radius:20px;padding:7px 12px;z-index:2}.post-route span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:#978765;background:#e9e1cc;font-size:19px}.post-route .current{background:#fff1b3;outline:2px solid #ad8051}.post-route .done{background:#d9ebd9;color:#346650}.post-welcome{position:absolute;left:32%;right:12%;top:13%;padding:25px;background:#fff9e9f2;border:2px solid #ddc698;border-radius:25px;text-align:center;box-shadow:0 8px 20px #6f542522}.post-welcome>span{font-size:22px;letter-spacing:6px;color:#9a6158}.post-welcome h2{font-size:32px;line-height:1.5;margin:12px 0}.post-welcome p{font-size:16px;line-height:1.7;margin:0}.post-finale{position:absolute;left:30%;right:4%;top:16%;background:#fff8e7f2;border:2px solid #d8c397;border-radius:24px;padding:22px;text-align:center}.post-finale>span{font-size:14px;color:#8b7452}.post-finale h2{margin:9px 0 16px;font-size:25px}.post-keepsakes{display:flex;justify-content:center;gap:10px}.post-keepsakes button{position:relative;width:86px;height:119px;border:2px solid #cfb785;border-radius:10px;padding:6px;background:#fffefa;box-shadow:0 4px #d1bc95;transform:rotate(-3deg)}.post-keepsakes button:nth-child(2n){transform:rotate(3deg)}.post-keepsakes img{width:100%;height:76px;object-fit:contain}.post-keepsakes b{display:block;font-size:24px;color:#547a69}.post-finale>p{font-size:12px;margin:12px 0 0}.post-actions{min-height:78px}.post-actions>p{font-size:13px;max-width:34%;color:#796246}.post-actions>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.post-round-note{text-align:center;font-size:15px;padding:12px;background:#fff0c9;border-radius:15px}.post-progress{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px 22px;border-radius:20px;border:1px solid #dfd3b6;background:#fffbef;margin:8px 0 16px}.post-progress>div{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.post-progress b{font-size:14px}.post-progress small{width:100%;font-size:12px;color:#7b7b65}.post-seals{display:flex;gap:5px}.post-seals i{display:grid;place-items:center;width:33px;height:33px;border:1px dashed #c7b592;border-radius:50%;font-style:normal;color:#b9a787}.post-seals i.earned{background:#fae3a0;color:#946831;border:1px solid #c2964d}.post-review-glyphs{font-size:22px;color:#8d6071}.post-grownups{font-size:13px;line-height:1.8;background:#fffaf0;border:1px solid #e1d4b6;border-radius:14px;padding:12px 18px}.post-grownups summary{cursor:pointer}.post-next-rows{display:flex;gap:8px;flex-wrap:wrap}.post-next-rows span{border:1px solid #d6cdb8;border-radius:8px;padding:3px 9px}.post-footnote{font-size:11px;color:#7b8273;margin:16px 0}.post-audio-note,.post-save-error{padding:12px 20px;border:1px solid #c99563;background:#fff0d9;border-radius:14px;font-size:13px;margin:12px 0}.post-save-error .quiet-button{margin:5px}.post-parent-records{max-width:1180px;margin:24px auto;padding:24px;background:#fffdf5;border:1px solid #ddd0af;border-radius:20px}.post-parent-records table{width:100%;border-collapse:collapse;font-size:14px;text-align:center}.post-parent-records th,.post-parent-records td{padding:8px;border-bottom:1px solid #dfd4bd}.post-parent-records p{font-size:13px}.post-still *{animation:none!important;transition:none!important}.post-still .post-guide:hover,.post-still .post-stamp:hover{transform:none}@media(max-width:900px){.post-keepsakes{gap:6px}.post-keepsakes button{width:70px;height:110px}.post-progress{grid-template-columns:1fr}.post-heading h1{font-size:22px}.post-actions .primary,.post-actions .quiet-button{font-size:14px;padding:10px 16px}}@media(max-width:650px){.post-world{height:490px}.post-toolbar>span{display:none}.post-heading{align-items:flex-start}.post-heading>.quiet-button{font-size:12px;padding:6px}.post-heading p{font-size:13px}.post-guide{height:42%;width:35%;left:0;bottom:4%}.post-guide{bottom:32%;height:31%;width:28%;left:-5%}.post-welcome{left:20%;right:4%;top:16%}.post-welcome h2{font-size:25px}.post-finale{left:5%;right:5%;top:15%;padding:18px 8px}.post-finale h2{font-size:20px}.post-keepsakes{flex-wrap:wrap}.post-keepsakes button{width:67px;height:104px}.post-finale~.post-guide{display:none}.post-actions{flex-direction:column;gap:0;align-items:stretch;padding:10px 0}.post-actions>p{max-width:none;margin:5px 0}.post-actions>div{justify-content:center}.post-progress{padding:14px}.post-parent-records{padding:12px;overflow:auto}}.post-help{display:flex;align-items:center;gap:10px;border:2px solid #d7bb83!important;background:#fff1c8!important}.post-help>span{font-size:27px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#d9e9dc;color:#3c6a55;font-weight:700}.karuta-cue{position:absolute;left:30%;right:25%;top:4%;text-align:center;background:#fffaedf2;border:1px solid #d8c5a2;border-radius:19px;padding:10px 16px}.karuta-cue p{font-size:21px;margin:0 0 8px}.karuta-cue strong{font-size:35px;color:#ad5460}.karuta-cue .primary{min-height:42px;padding:8px 22px;font-size:16px}.karuta-board{position:absolute;left:27%;right:3%;bottom:7%;height:190px;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 18px;border:3px solid #bd996b;border-radius:22px;background:#f2ddaeeb;box-shadow:0 6px #b18c61}.karuta-card{width:126px;height:160px;perspective:800px;border:0;background:transparent;padding:0;flex-shrink:0;border-radius:14px;color:#315f54}.karuta-card-inner{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .48s ease}.karuta-front,.karuta-back{position:absolute;inset:0;backface-visibility:hidden;border:3px solid #d0b589;border-radius:14px;box-shadow:0 5px #b3976a;background:#fffdf3}.karuta-front{display:grid;place-items:center;font-size:80px;font-weight:700;line-height:1}.karuta-back{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;gap:3px}.karuta-back>img{width:100%;height:107px;object-fit:contain}.karuta-back>span{font-size:13px;white-space:nowrap}.karuta-back b{font-size:22px;color:#a55366}.karuta-back>i{position:absolute;right:-8px;top:-14px;color:#b47d28;background:#fff0af;border:2px solid #d3a24e;border-radius:50%;width:31px;height:31px;font-size:23px;line-height:27px;font-style:normal}.karuta-card.is-flipped .karuta-card-inner{transform:rotateY(180deg)}.karuta-card.is-match .karuta-back{border-color:#669a77;background:#f3fff1}.karuta-card.has-model:not(.is-flipped) .karuta-front{border-color:#b86c77;background:#fff0d3}.karuta-card:hover:not(:disabled) .karuta-front{border-color:#b77a52;background:#fff3d0}.karuta-card:disabled{opacity:1;cursor:default}.karuta-card:disabled:not(.is-flipped):not(.has-model) .karuta-front{color:#748779}.karuta-card:focus-visible{outline:4px solid #c3664f;outline-offset:5px}.post-still .karuta-card-inner{transition:none!important}@media(max-width:900px){.karuta-board{gap:8px;padding:10px;left:25%;right:2%}.karuta-card{width:108px;height:153px}.karuta-front{font-size:66px}.karuta-back>img{height:100px}}@media(max-width:650px){.karuta-world{height:610px}.karuta-cue{left:5%;right:5%;top:13%}.karuta-world .post-guide{height:28%;bottom:1%;left:-5%;width:30%}.karuta-board{left:17%;right:3%;bottom:5%;height:310px;flex-wrap:wrap;align-content:center;gap:14px 9px}.karuta-card{width:82px;height:128px}.karuta-front{font-size:55px}.karuta-back>img{height:80px}.karuta-back>span{font-size:10px}.karuta-back b{font-size:18px}}.karuta-success{display:flex;align-items:center;justify-content:center;gap:14px;min-height:64px}.karuta-success p{margin:0;font-size:19px}.karuta-success strong{color:#bd493f;font-size:29px}.karuta-correct-circle{display:block;width:48px;height:48px;border:8px solid #ce5447;border-radius:50%;flex-shrink:0}.post-record-selector{max-width:1120px;margin:24px auto;padding:16px}.post-record-selector>label{font-weight:700;display:flex;gap:12px;align-items:center}.post-record-selector select{padding:12px 20px;font-size:18px;border:2px solid #c6b68d;border-radius:12px;background:#fffdf3}.post-row-map{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:24px 0}.post-row-map button{display:flex;flex-direction:column;gap:12px;min-height:110px}.post-row-map strong{font-size:26px}.post-review-glyphs{overflow-wrap:anywhere}@media(max-width:900px){.post-row-map{grid-template-columns:repeat(3,1fr)}}.karuta-back.is-context>img{height:80px;flex-shrink:0}.karuta-back.is-context>span{line-height:1.3;text-align:center}@media(max-width:650px){.karuta-back.is-context>img{height:55px}}:root{font-family:Hiragino Maru Gothic ProN,Yu Gothic,Meiryo,sans-serif;color:#284b44;background:#f7f4ec;font-synthesis:none;font-weight:600;font-size:16px;line-height:1.65;font-feature-settings:"palt";--coral:#d86743;--ink:#284b44;--muted:#77847a;--cream:#f7f4ec;--shadow:0 8px 24px #3d4c3710}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid #137867;outline-offset:5px}button:disabled{cursor:default}button{transition:transform .16s,background .16s}button:active:not(:disabled){transform:translateY(2px)}svg{flex-shrink:0}h1,h2,p{margin:0}h1{font-size:clamp(26px,3.2vw,44px);line-height:1.6;letter-spacing:.025em}h2{font-size:21px}img{-webkit-user-select:none;user-select:none}.app{max-width:1600px;margin:auto;padding:0 5%;min-height:100svh}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce0d3}.brand{display:flex;gap:14px;align-items:center;text-align:left;font-size:21px;font-weight:900;line-height:1.1;letter-spacing:.04em}.brand-second{display:block;font-size:13px;letter-spacing:.18em;margin-top:6px}.rainbow{width:45px;height:31px;position:relative;overflow:hidden;display:block}.rainbow i{position:absolute;border:6px solid;border-bottom:0;border-radius:50px 50px 0 0;bottom:0}.rainbow i:nth-child(1){inset:0;border-color:#dc7953}.rainbow i:nth-child(2){left:9px;right:9px;height:22px;border-color:#dbb356}.rainbow i:nth-child(3){left:18px;right:18px;height:13px;border-color:#67978a;border-width:4.5px}.top-actions{display:flex;gap:24px;align-items:center}.icon-button{display:flex;align-items:center;gap:8px;min-height:56px;font-size:13px}.icon-button.muted{opacity:.65}.parent-link{font-size:12px;border-left:1px solid #cad2c4;padding:12px 0 12px 24px;min-height:56px}.eyebrow{display:block;font-size:12px;letter-spacing:.12em;color:#738172;margin-bottom:12px}.small-sun{color:#d78c44;font-size:21px;vertical-align:middle;margin-right:5px}.home{padding-top:48px;display:grid;grid-template-columns:.92fr 1.1fr;gap:32px 42px;align-items:center}.hero-copy h1{font-size:clamp(27px,3.3vw,44px);line-height:1.65;white-space:nowrap}.underline{position:relative;z-index:0}.underline:after{content:"";position:absolute;height:10px;bottom:4px;left:0;right:0;border-radius:50%;background:#eecb7e80;z-index:-1}.hero-description{margin:19px 0 23px;color:#6f7d71;font-size:16px;line-height:1.9}.mission-intro{display:flex;align-items:center;gap:16px;margin-bottom:20px}.mission-no{font-family:Georgia,serif;font-style:italic;font-size:38px;color:#c88453;line-height:1}.tiny-label{font-size:11px;color:#7e897b;letter-spacing:.08em}.mission-intro h2{font-size:19px;margin-top:3px}.primary{background:var(--coral);color:#fff9ee;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:16px 27px;min-height:62px;border-radius:19px;font-size:20px;font-weight:800;box-shadow:0 4px #b34d33;transition:background .18s,transform .18s}.primary:hover{background:#c75938}.hero-cta{width:100%;max-width:320px;justify-content:space-between}.text-button{display:inline-flex;align-items:center;gap:9px;min-height:56px;padding:8px 12px;font-size:14px;text-decoration:underline;text-decoration-color:#b7c4b4;text-underline-offset:6px}.how{display:flex;padding-left:2px;font-size:13px;gap:40px}.home-note{display:flex;align-items:center;gap:8px;color:#7d8a7a;font-size:11px;margin-top:20px}.hero-picture{position:relative;border-radius:140px 40px 40px;min-height:475px;height:100%;max-height:550px;box-shadow:var(--shadow);isolation:isolate}.hero-picture:before{content:"";position:absolute;inset:-12px 10px 10px -12px;border:1px solid #d7dac5;border-radius:150px 40px 40px;z-index:-1}.story-scene{position:relative;width:100%;aspect-ratio:16/9;isolation:isolate;overflow:hidden;background-size:cover;background-position:center 63%;border-radius:28px}.bakery{background-image:url(/assets/bakery-street.png)}.park{background-image:url(/assets/delivery-park.png)}.sun-wash{position:absolute;inset:0;background:linear-gradient(135deg,#fff1c314,transparent 60%);pointer-events:none}.cover-scene{height:100%;aspect-ratio:auto;border-radius:inherit;background-position:62% 50%}.cover-scene .vehicle{left:-5%!important;top:45%!important;width:88%!important;height:auto!important;aspect-ratio:2}.cover-scene>.art{left:72%!important;top:55%!important;width:27%!important;height:auto!important}.scene-stamp{position:absolute;top:29px;right:22px;border-radius:30px;display:flex;gap:7px;align-items:center;background:#fff7eade;color:#557058;font-size:10px;padding:8px 12px;letter-spacing:.08em}.art{position:absolute;object-fit:contain;pointer-events:none}.vehicle{position:absolute}.vehicle>.art{width:100%;height:100%;inset:0}.bread-art{display:block;width:100%;pointer-events:none;overflow:hidden}.cargo-bread{position:absolute;filter:drop-shadow(1px 4px 1px #77491730)}.greeting{position:absolute;top:25%;left:12%;background:#fffaf0ed;border-radius:25px 25px 25px 5px;padding:15px 22px;box-shadow:var(--shadow);transform:rotate(-3deg)}.greeting span{font-size:10px;color:#9c8060;display:block;letter-spacing:.12em}.greeting strong{font-size:20px;line-height:1.5}.postmark{position:absolute;bottom:-18px;right:20px;width:90px;height:90px;background:#e9edce;border-radius:50%;outline:1px dashed #7f9870;outline-offset:-7px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(12deg);color:#52765a}.postmark small{font-size:9px;line-height:1.3}.journey-preview{grid-column:1/-1;border-top:1px solid #dce0d3;display:flex;align-items:center;gap:20px;padding:25px 0 10px;font-size:13px}.journey-title{font-size:11px;color:#84907c;margin-right:20px}.journey-preview>div{display:flex;gap:12px;align-items:center}.journey-preview i{font-style:normal;font-family:Georgia,serif;width:31px;height:31px;border-radius:50%;background:#ebe8dc;display:grid;place-items:center;font-size:17px;color:#92977d}.trail{width:45px;border-top:2px dotted #c5ceba}.journey-preview>svg{margin-left:auto;color:#a4af8c}.app-footer{display:flex;justify-content:space-between;padding:25px 0 20px;font-size:10px;color:#8a9280;letter-spacing:.08em}.play{max-width:1180px;margin:auto}.play-heading{display:flex;align-items:center;justify-content:space-between;height:78px}.quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;border-radius:16px;padding:10px 18px;font-size:14px;background:#eeeede}.quiet-button:hover{background:#e3e7d7}.step-trail{display:flex;align-items:center;font-size:12px;gap:14px;color:#9aa18e}.step-trail i{width:24px;height:1px;background:#d3d8c6}.step-trail span.active{color:#496a53;background:#e7ebd9;border-radius:20px;padding:6px 17px}.order-stage{display:grid;grid-template-columns:160px 1fr 185px;align-items:center;gap:25px;background:#edf0e0;border-radius:30px;padding:12px 28px;height:178px;border:1px solid #dfe5d2}.order-illustration{height:165px;position:relative}.order-illustration .art{width:100%;height:100%;inset:0}.order-copy h1{font-size:28px;line-height:1.5}.order-copy p{font-size:14px;color:#74836d;margin-top:8px}.order-copy .eyebrow{margin-bottom:7px}.order-card{border-radius:10px;background:#fffaf0;padding:9px 12px;text-align:center;box-shadow:0 3px #ded9bd;transform:rotate(2deg);align-self:center}.recipient{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px}.recipient .art{position:static;width:32px;height:32px;object-fit:cover;object-position:top}.dots{display:flex;justify-content:center;align-items:center;gap:13px;min-height:42px}.dots i{display:block;width:21px;height:21px;border-radius:50%;background:#d67c50}.listen-button{font-size:10px;min-height:40px;display:flex;justify-content:center;align-items:center;gap:7px;width:100%;border-top:1px dashed #e0dbc8}.order-start{text-align:center;padding:26px 0}.order-start p{font-size:16px;color:#7a8975;margin:12px 0 23px}.small-route{max-width:440px;margin:auto;display:flex;align-items:center;gap:20px;height:95px;color:#9ba988}.small-route .art{position:static;width:130px;max-height:95px}.route-shop{font-size:45px}.dotted-line{flex:1;border-top:3px dotted #d4dbc8}.bread-workspace{display:grid;grid-template-columns:1fr 34px 1fr;gap:14px;margin-top:23px}.zone-heading{display:flex;align-items:center;gap:8px;padding:0 10px 10px}.zone-heading h2{font-size:15px;letter-spacing:.07em}.zone-dot{width:9px;height:9px;background:#a0ad72;border-radius:50%}.zone-dot.coral{background:#d88563}.stock-board,.delivery-board{display:flex;justify-content:center;align-items:center;gap:3px;min-height:133px;border-radius:22px;position:relative}.stock-board{background:#e7dec7;border:7px solid #d5c4a1;box-shadow:inset 0 2px 8px #a18d5e18,0 3px #cabb9d}.delivery-board{background:#f3e0ba;border:7px solid #dbaa6e;box-shadow:inset 0 2px 8px #9a6d3520,0 3px #c39661}.bread-button{padding:4px;min-width:56px;min-height:70px;flex:0 1 20%;width:90px;border-radius:16px;z-index:1}.bread-button .bread-art{filter:drop-shadow(1px 5px 2px #7a4f2326)}.bread-button:hover:not(:disabled){background:#fffcdf80;transform:translateY(-3px)}.bread-button.empty{visibility:hidden}.stock-zone>p,.tray-zone>p{text-align:center;font-size:11px;color:#8c947e;margin:10px 0}.between-arrow{align-self:center;color:#a7ad92;padding-top:5px}.empty-tray-note{color:#a98657;font-size:13px;position:absolute;pointer-events:none}.decision-bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 0}.feedback{flex:1;font-size:16px;color:#7f846d}.decision-bar>.text-button{font-size:12px}.decision-bar .primary{font-size:19px}.audio-note{background:#fbe7d7;border-radius:14px;padding:8px 18px;font-size:13px}.audio-note button{text-decoration:underline;min-height:48px}.alternative{font-size:12px}.story-caption{text-align:center;margin:0 0 18px}.story-caption .eyebrow{margin-bottom:4px}.story-caption h1{font-size:27px}.story-frame{position:relative;max-width:820px;margin:auto}.bag-group{position:absolute}.bag-group>.art{inset:0;width:100%;height:100%}.bag-front{clip-path:polygon(0 44%,100% 44%,100% 100%,0 100%)}.story-footer{display:flex;gap:22px;justify-content:center;align-items:center;padding:24px 0 0}.thankyou-stamp{position:absolute;right:9%;top:13%;border:2px dashed #d88359;border-radius:50%;width:120px;height:120px;background:#fff8e7e8;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c16e44;transform:rotate(9deg);font-size:16px}.parents{padding:30px 0;max-width:1000px;margin:auto}.parents>.eyebrow{margin-top:18px}.parents h1{font-size:30px;margin-bottom:16px}.parents>p{color:#7c8976}.parent-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.parent-grid section{padding:25px;background:#fffdf5;border-radius:22px}.parent-grid h2{font-size:19px;margin-bottom:18px}fieldset{border:0;padding:0}legend{font-size:13px;margin-bottom:10px}label{display:flex;gap:10px;align-items:center;min-height:46px;font-size:13px}input{accent-color:#426e54;width:20px;height:20px}.small{font-size:12px;color:#8a947c;margin-top:15px}.record{padding:10px;border-bottom:1px solid #ddd}.record pre{white-space:pre-wrap;font-size:10px}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#233c345c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:24px}.modal{max-width:560px;width:100%;text-align:center;background:#fffaf0;padding:36px;border-radius:36px;box-shadow:0 25px 100px #193e3333}.modal h1{font-size:25px;margin:15px 0}.modal p{color:#7b8971;font-size:15px;margin-bottom:20px}.modal>.primary{display:flex;margin:20px auto}.modal-leaf{color:#95a671}.modal>.quiet-button{margin:auto}.practice-board{background:#ece5ce;border:5px solid #d5c6a0;border-radius:20px;text-align:left;min-height:135px;position:relative;padding:15px 10px}.practice-board .bread-button{width:95px;min-height:70px;display:block;transition:margin .3s}.practice-board.on-tray .bread-button{margin-left:65%}.practice-board span{display:block;text-align:center;font-size:12px;color:#7e8d6f}.reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(min-width:1200px)and (max-height:800px){.topbar{height:80px}.home{padding-top:32px;gap:25px 42px}.hero-picture{min-height:420px;max-height:455px}.hero-description{margin:15px 0}.home-note{margin-top:6px}.journey-preview{padding-top:20px}.play-heading{height:65px}.order-stage{height:160px}.order-illustration{height:145px}.story-frame{max-width:690px}.story-caption h1{font-size:25px}.story-footer{padding-top:18px}.app-footer{padding:17px 0}}@media(max-width:1050px){.app{padding:0 4%}.topbar{height:82px}.home{gap:25px;grid-template-columns:1fr 1fr;padding-top:34px}.hero-picture{min-height:440px}.hero-copy h1{font-size:30px}.hero-description{font-size:14px}.journey-preview{gap:12px;font-size:11px}.journey-title{margin-right:8px}.trail{width:25px}.order-stage{grid-template-columns:115px 1fr 163px;gap:16px;padding:10px 18px}.order-copy h1{font-size:25px}.order-copy p{font-size:12px}.decision-bar{gap:12px}.feedback{font-size:14px}.bread-workspace{gap:10px}.story-frame{max-width:730px}}@media(max-width:800px)and (orientation:portrait){.app{padding:0 5%}.home{grid-template-columns:1fr;gap:27px;padding-top:28px;position:relative}.hero-copy{padding-right:0}.hero-copy h1{font-size:37px}.hero-description{font-size:15px}.hero-picture{height:330px;min-height:330px;grid-row:2;border-radius:70px 30px 30px}.hero-picture .cover-scene{background-position:50% 60%}.cover-scene .vehicle{width:58%!important;left:5%!important;top:42%!important}.cover-scene>.art{width:26%!important;left:73%!important;top:40%!important}.greeting{top:15%;left:15%;padding:12px 20px}.hero-copy{position:relative}.hero-cta{position:absolute;right:0;bottom:20px;width:45%;font-size:19px}.how{position:absolute;right:5%;bottom:-29px}.home-note{display:none}.journey-preview{flex-wrap:wrap;padding-top:20px}.journey-title{width:100%;margin:0}.journey-preview>svg{display:none}.play-heading{height:80px}.step-trail{font-size:11px;gap:7px}.step-trail i{width:8px}.quiet-button{padding:10px 13px;font-size:12px}.order-stage{grid-template-columns:95px 1fr 145px;height:177px;gap:12px;padding:10px 15px}.order-illustration{height:140px}.order-copy h1{font-size:23px}.order-copy p{font-size:12px}.order-copy .eyebrow{font-size:10px}.bread-workspace{grid-template-columns:1fr;gap:18px;margin-top:26px}.between-arrow{display:none}.stock-board,.delivery-board{min-height:125px}.bread-button{flex:0 1 18%;max-width:103px}.zone-heading{padding-bottom:7px}.stock-zone>p,.tray-zone>p{margin-top:8px}.decision-bar{gap:14px;justify-content:space-between;padding-top:12px}.feedback{flex-basis:100%;text-align:center}.decision-bar .primary{flex:1}.story-caption h1{font-size:24px}.story-frame{margin-top:25px}.story-footer{flex-direction:column;gap:15px}.parent-grid{grid-template-columns:1fr}}@media(max-width:540px){.topbar{height:76px}.brand{font-size:17px;gap:9px}.rainbow{transform:scale(.8);transform-origin:left;width:40px}.brand-second{font-size:10px}.top-actions{gap:10px}.icon-button span{display:none}.parent-link{font-size:10px;padding-left:12px}.home{padding-top:25px}.hero-copy h1{font-size:29px}.hero-description{font-size:13px;margin:12px 0}.mission-intro{margin-top:15px;margin-bottom:10px;gap:10px}.mission-intro h2{font-size:16px}.hero-cta{position:static;width:100%;max-width:none;font-size:19px;margin-top:10px}.how{position:static;justify-content:center}.hero-picture{min-height:300px;height:300px}.cover-scene .vehicle{width:80%!important;left:-9%!important;top:52%!important}.cover-scene>.art{width:33%!important;left:69%!important;top:54%!important}.journey-preview{gap:10px}.journey-preview>div{gap:5px}.trail{width:12px}.journey-preview i{width:25px;height:25px}.journey-preview span{font-size:10px}.app-footer{font-size:8px}.app-footer span:last-child{display:none}.step-trail{display:none}.order-stage{grid-template-columns:1fr 125px;gap:8px;padding:16px;height:183px}.order-illustration{display:none}.order-copy h1{font-size:20px}.order-copy p{font-size:11px}.dots{gap:9px}.dots i{width:18px;height:18px}.order-card{padding:6px}.bread-button{min-width:48px;min-height:65px}.stock-board,.delivery-board{min-height:105px;border-width:5px}.decision-bar .primary{font-size:17px;padding:15px;gap:12px}.decision-bar>.text-button{font-size:11px;padding:8px 3px}.story-caption h1{font-size:20px}.story-caption .eyebrow{font-size:10px}.story-frame{margin-top:15px}.thankyou-stamp{width:74px;height:74px;font-size:10px}.thankyou-stamp svg{width:24px}.modal{padding:25px}.modal h1{font-size:21px}.parents h1{font-size:25px}}.cargo-tray{position:absolute;left:14%;top:24.8%;width:36%;height:28.8%;transform:rotate(9deg)}.cargo-tray>.art{inset:0;width:100%;height:100%}.bag-front{clip-path:polygon(17% 47%,38% 47%,44% 53%,68% 50%,74% 44%,94% 38%,97% 100%,0 100%,0 60%)}.listen-button{min-height:56px}.stock-board,.delivery-board{gap:8px}.travelling .vehicle{animation:drive-across 1.8s ease-in-out both}@keyframes drive-across{0%{transform:translate(-20%)}to{transform:translate(40%)}}@media(min-width:1100px){.bread-button{min-width:62px;min-height:78px}.order-stage{min-height:178px}}button:disabled{opacity:.6}.hint-bread{outline:3px dashed #487653;outline-offset:-3px;background:#fffbd3}.save-banner{padding:10px;background:#f8dfbc;font-size:13px}.parents select,.name-input{width:auto;max-width:220px;border:1px solid #c2cbb4;border-radius:8px;padding:8px;height:auto;background:#fff}.parents select{font:inherit}.parent-grid form{margin-bottom:22px}.record p{font-size:13px;margin-top:6px}.file-label{display:block;margin:20px 0}.file-label input{width:100%;height:auto;font-size:12px;margin-top:8px}.parent-grid hr{border:0;border-top:1px solid #dce0d3;margin:24px 0}.parents fieldset .quiet-button{margin:6px 8px 6px 0}.parents .small{color:#68765e}.listen-button:disabled{opacity:.5}.story-footer{min-height:88px}@media(min-width:900px)and (max-height:800px){.story-frame{max-width:690px}.story-caption{margin-bottom:12px}.play-heading{height:65px}.story-footer{padding-top:16px}}.hint-return{position:relative;outline:3px dashed #9b623b;outline-offset:-3px}.return-cue{position:absolute;right:0;top:0;background:#fffaf0;border:2px solid #9b623b;border-radius:50%;width:28px;height:28px;font-size:24px;line-height:24px;color:#704522}