/* Paper restoration: large book, one question, three tactile pieces. */
.kanji-lesson{font-family:"M PLUS Rounded 1c","Hiragino Maru Gothic ProN",Meiryo,sans-serif;font-weight:700}
.forest-book-scene{position:relative;isolation:isolate;overflow:hidden;min-height:500px;border:3px solid #23594d;border-radius:22px;background:radial-gradient(ellipse at 50% 45%,#75b59555,transparent 64%),linear-gradient(140deg,#163e38,#326c59 70%,#54886c);box-shadow:inset 0 0 60px #092b34a0;color:#fff6d9}
.forest-book-scene:before,.forest-book-scene:after{content:"";position:absolute;inset:-20% auto auto -20%;width:60%;height:70%;border-radius:50%;border:24px solid #082c2b45;transform:rotate(-28deg);z-index:-1}.forest-book-scene:after{inset:auto -30% -20% auto;width:80%;height:65%;transform:rotate(25deg)}
.book-scene-heading{text-align:center;padding:20px 12px 0;position:relative;z-index:2}.book-scene-heading>span{font-size:14px;color:#d9e6b8;letter-spacing:.15em}.book-scene-heading h2{font-size:clamp(20px,2vw,27px);margin:6px 0;color:#fff8d5;line-height:1.5}
.storybook{position:absolute;left:6%;right:6%;top:22%;height:50%;transform:rotate(-3deg);filter:drop-shadow(0 18px 10px #05292270);transition:filter .3s}
.book-cover{position:absolute;inset:-11px -9px -19px;border:4px solid #b98846;background:linear-gradient(90deg,#5a3126,#8e5940 48%,#50392e 50%,#92663d 53%,#633b2c);border-radius:15px 22px 20px 13px;box-shadow:inset 0 0 0 4px #633c30,0 6px #193d35}
.book-pages{position:absolute;inset:0;background:linear-gradient(90deg,#e5cf98,#fff5d7 12%,#f8edcb 47%,#d5bf8e 50%,#fffae6 54%,#f5e4b9 94%,#d7be88);border-radius:7px 12px 7px 6px;border:2px solid #d0b16c;box-shadow:0 4px #ead9ac,0 8px #c9b37d;display:flex;align-items:center;justify-content:center}
.book-pages:before{content:"";position:absolute;inset:15px;border:1px solid #b7965355;border-radius:3px;pointer-events:none}
.book-ornament{position:absolute;top:5%;left:0;right:0;text-align:center;color:#ac854c;font-size:17px;letter-spacing:6px}
.book-writing{position:relative;text-align:center;width:91%;color:#245c53;display:flex;flex-direction:column;align-items:center;gap:9px;padding:22px 6px 5px}
.book-word-kind{font-size:16px;color:#886532}.book-word{font-size:clamp(32px,3.6vw,49px);line-height:1.5;letter-spacing:.06em;overflow-wrap:anywhere;text-shadow:0 2px #fff;max-width:100%}.book-word.long-word{font-size:clamp(26px,2.5vw,37px)}.book-reading{font-size:clamp(16px,1.6vw,22px);line-height:1.5;max-width:100%;overflow-wrap:anywhere}
.torn-pieces{position:absolute;inset:3%;width:94%;height:94%;overflow:visible;filter:drop-shadow(1px 3px 1px #63492360)}
.paper-piece{stroke:#a99768;stroke-width:2.5;stroke-linejoin:round;vector-effect:non-scaling-stroke;fill:#20483e}.paper-piece:nth-child(2n){fill:#285147}.paper-piece.missing{stroke-dasharray:4 3}.paper-piece.restored{fill:transparent;stroke:#b6a17955;stroke-width:1}.paper-piece.just-restored{animation:paper-repair 1s ease-out both;transform-box:fill-box;transform-origin:center;fill:#fff4c9;stroke:#edd479}
.page-corner{position:absolute;right:0;bottom:0;width:26px;height:26px;background:linear-gradient(135deg,#c7b078, #fff5c7 50%,#d8c79a 51%);clip-path:polygon(0 100%,100% 0,100% 100%)}
.book-guide{position:absolute;left:6%;right:6%;bottom:7%;display:flex;align-items:center;justify-content:center;gap:12px}.book-guide>.sprite{width:clamp(96px,10vw,140px);height:auto;flex:none;filter:drop-shadow(0 5px 2px #10292460)}.book-guide>p{margin:0;font-size:clamp(17px,1.7vw,23px);line-height:1.65;padding:10px 15px;border:2px solid #dfce8c;border-radius:18px 18px 18px 3px;background:#fff9dd;color:#24564e}
.paper-progress{position:absolute;bottom:3%;left:0;right:0;display:flex;justify-content:center;gap:10px}.paper-progress i{display:block;width:20px;height:14px;border-radius:3px;transform:rotate(-8deg);background:#244b42;border:1px dashed #c8cd99}.paper-progress i.filled{background:#ffe298;border:1px solid #fff3bb;box-shadow:0 0 8px #f3d58370;transform:rotate(0)}
.forest-lights i{position:absolute;width:5px;height:5px;border-radius:50%;background:#f8edaf;box-shadow:0 0 14px #fff1ad;top:18%;left:12%;animation:forest-firefly 4s ease-in-out infinite}.forest-lights i:nth-child(2){top:67%;left:87%;animation-delay:1s}.forest-lights i:nth-child(3){top:80%;left:9%;animation-delay:2s}.forest-lights i:nth-child(4){top:12%;left:75%;animation-delay:3s}.forest-lights i:nth-child(5){top:46%;left:5%;animation-delay:.5s}
.book-complete .storybook{filter:drop-shadow(0 0 24px #ffdf7290);transform:rotate(0)}.book-complete .paper-piece.restored{stroke:transparent}.book-complete .book-writing{animation:book-words 1.1s ease-out both}
.kanji-lesson .forest-quiz{border:3px solid #ae8952;border-radius:22px;background:linear-gradient(140deg,#fffdef,#fff7d6);padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.kanji-lesson .forest-quiz .quiz-question{font-size:clamp(22px,2.3vw,29px);line-height:1.5;margin:0;text-align:center}.kanji-lesson .forest-quiz .kanji-display{font-family:"Yu Gothic",Meiryo,sans-serif;display:grid;place-items:center;font-size:clamp(86px,9vw,125px);line-height:1.2;width:170px;height:170px;margin:8px auto;border:3px solid #b49663;background:linear-gradient(0deg,transparent 49.5%,#cfb88060 50%,transparent 50.5%),linear-gradient(90deg,transparent 49.5%,#cfb88060 50%,transparent 50.5%),#fff8df;border-radius:12px}
.kanji-lesson .forest-quiz .answers{gap:18px;margin:18px 0 8px;width:100%}.kanji-lesson .forest-quiz .answer-button{position:relative;border:3px solid #5e9b87;border-radius:15px;background:linear-gradient(#f1ffde,#d4edbd);box-shadow:0 6px #568772;min-height:80px;font-size:43px;color:#235a4b;font-family:"Yu Gothic",Meiryo,sans-serif;font-weight:700;touch-action:manipulation}.puzzle-answers .answer-button:before{content:"";position:absolute;top:-13px;left:calc(50% - 13px);width:26px;height:14px;border:3px solid #5e9b87;border-bottom:0;background:#f1ffde;border-radius:16px 16px 0 0}.kanji-lesson .forest-quiz .answer-button:focus-visible{outline:4px solid #e99732;outline-offset:6px}
.kanji-lesson .forest-quiz .feedback{font-size:19px;line-height:1.65;margin:0;padding:0}.kanji-lesson .forest-quiz .feedback:empty{display:none}.kanji-lesson .forest-quiz .radical-feedback{padding:12px;margin:2px 0;gap:14px}.forest-quiz .game-button{font-family:inherit;min-height:58px;padding:10px 24px;font-size:23px;width:100%;max-width:420px}.kanji-lesson .forest-quiz .challenge-rule{font-size:15px;padding:4px 12px;margin:0}
.kanji-lesson .forest-discovery{gap:12px}.discovery-tag{background:#2e725e;color:#fff9ce;font-size:18px;padding:5px 20px;border-radius:30px}.forest-discovery h2{text-align:center;margin:0;font-size:clamp(27px,3vw,39px);line-height:1.5;color:#255e51}.forest-discovery h2 small{display:block;font-size:18px;line-height:1.5}.phrase-meaning{font-size:clamp(21px,2vw,27px);line-height:1.7;margin:0;text-align:left;color:#294d45}.phrase-example{background:#f0e6c4;border-left:5px solid #b08c48;border-radius:6px 12px 12px 6px;padding:12px 16px;width:100%}.phrase-example>span{font-size:15px;color:#796130}.phrase-example>p{font-size:19px;line-height:1.65;margin:4px 0 0}.kanji-lesson .forest-discovery .radical-feedback{padding:7px 12px}.forest-discovery .radical-glyph{width:55px;height:55px;font-size:39px}.forest-discovery .radical-feedback strong{font-size:27px}.forest-discovery .radical-feedback>div>span{font-size:14px;margin:0}
@keyframes paper-repair{0%{opacity:0;transform:translate(-28px,100px) rotate(-12deg)}35%{opacity:1;transform:translate(0) rotate(0)}70%{opacity:1;fill:#fff3b0}100%{opacity:0;transform:none}}
@keyframes forest-firefly{0%,100%{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-17px)}}
@keyframes book-words{0%,55%{opacity:.35}100%{opacity:1}}
@media(min-width:900px){.kanji-lesson{grid-template-columns:minmax(0,1fr) minmax(420px,1fr)}.kanji-lesson>.forest-book-scene{height:100%;min-height:0}.kanji-lesson>.forest-quiz{padding:18px 24px;min-height:0}.kanji-lesson:has(.forest-discovery){grid-template-columns:minmax(0,1fr) minmax(420px,1.12fr)}}
@media(min-width:900px) and (max-height:700px){.storybook{top:22%;left:9%;right:9%;height:50%}.book-scene-heading{padding-top:12px}.book-scene-heading h2{font-size:21px}.book-guide{bottom:7%;gap:9px}.book-guide>.sprite{width:94px}.book-guide>p{font-size:17px;padding:7px 12px}.kanji-lesson>.forest-quiz{padding:12px 18px;gap:8px}.kanji-lesson .forest-quiz .kanji-display{width:128px;height:128px;font-size:91px;margin:0}.kanji-lesson .forest-quiz .answer-button{min-height:68px;font-size:36px}.kanji-lesson .forest-quiz .radical-feedback{padding:8px;margin:0}.kanji-lesson .radical-glyph{width:58px;height:65px;font-size:44px}.kanji-lesson .radical-feedback strong{font-size:30px}.forest-discovery h2{font-size:29px}.forest-discovery h2 small{font-size:16px}.phrase-meaning{font-size:21px;line-height:1.6}.phrase-example{padding:7px 12px}.phrase-example>p{font-size:17px;line-height:1.5}.forest-discovery .radical-feedback>div>span{font-size:13px}.kanji-lesson .forest-discovery .radical-glyph{width:43px;height:43px;font-size:31px}.kanji-lesson .forest-discovery .radical-feedback strong{font-size:23px}.forest-quiz .game-button{min-height:50px;font-size:21px;padding:7px 16px}}
@media(max-width:899px){.forest-book-scene{min-height:350px;margin-bottom:16px}.storybook{top:25%;left:10%;right:10%;max-width:490px;margin:auto;height:47%}.book-scene-heading{padding:12px 9px 0}.book-scene-heading h2{font-size:21px}.book-scene-heading>span{font-size:12px}.book-guide{bottom:6%;gap:9px}.book-guide>.sprite{width:75px}.book-guide>p{font-size:15px;padding:5px 12px}.book-ornament{font-size:12px;letter-spacing:3px}.book-word{font-size:34px}.book-word.long-word{font-size:25px}.book-reading{font-size:15px}.book-word-kind{font-size:12px}.book-writing{gap:2px;padding:10px 3px 0}.paper-progress{bottom:2%;gap:8px}.paper-progress i{width:16px;height:10px}.kanji-lesson .forest-quiz{padding:20px 14px}.kanji-lesson .forest-quiz .answers{gap:12px}.kanji-lesson .forest-quiz .quiz-question{font-size:22px}.phrase-meaning{font-size:22px}.phrase-example>p{font-size:18px}}
@media(prefers-reduced-motion:reduce){.forest-book-scene *, .forest-discovery *, .forest-quiz *{animation:none!important;transition:none!important}.paper-piece.just-restored{opacity:0}}

.book-pages:after{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 4px);width:8px;background:linear-gradient(90deg,#ac936f99,#faf0c6b0,#ac936f99);border-radius:50%;pointer-events:none}