:root{font-family:'Hiragino Maru Gothic ProN','Hiragino Sans','Yu Gothic',Meiryo,sans-serif;color:#343152;font-synthesis:none;font-weight:600;--purple:#7560c9;--deep:#52419a;--teal:#168b8a;--gold:#ffc953;--paper:#fffdf8;--shadow:0 18px 60px #1d41662d}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh;background:#acd6ee}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #0b7979;outline-offset:4px}button:disabled{cursor:default;opacity:.48}button:not(:disabled):active{transform:translateY(2px)}button{transition:background .18s,transform .18s,box-shadow .18s}a{color:#58419f}h1,h2,p{margin:0}.icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.world-background{position:fixed;inset:0;background:linear-gradient(180deg,#19305926,#9acde400 36%,#35347735),url('/assets/world.webp') center center/cover;z-index:-1}.app-shell{max-width:1240px;margin:auto;padding:22px 42px 18px;min-height:100svh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}.brand{display:flex;gap:10px;align-items:center;text-align:left;background:none;border:0;color:#fff;text-shadow:0 2px 8px #30487588;padding:0}.brand>.icon{width:36px;height:36px;padding:7px;border-radius:12px;background:#fff9;stroke:#64519e;filter:drop-shadow(0 3px 3px #40537133)}.brand span{font-size:13px;line-height:1.45;letter-spacing:.04em}.brand b{font-size:16px}.top-actions{display:flex;gap:10px;align-items:center}.points{display:flex;gap:8px;align-items:center;padding:10px 17px;border:2px solid #ffe5a0;background:#fff6d8;border-radius:30px;box-shadow:0 4px 0 #d8b95c66;color:#7b6023;font-size:21px;min-width:83px;justify-content:center}.points .icon{fill:#ffd568;stroke:#dda63a}.round-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #fffc;border-radius:50%;background:#ffffffde;box-shadow:0 3px 8px #26355317}.round-button .icon{width:21px;height:21px}.home-view{display:grid;grid-template-columns:1fr 450px;gap:30px;align-items:center;flex:1;padding-top:24px}.adventure-scene{align-self:stretch;display:flex;flex-direction:column;justify-content:center;position:relative;min-height:560px}.title-block{position:relative;z-index:2;color:white;text-shadow:0 3px 12px #375471aa}.eyebrow{font-size:15px;letter-spacing:.12em;color:inherit}.title-block h1{font-size:clamp(28px,3.6vw,47px);line-height:1.55;letter-spacing:.035em;margin-top:15px;font-weight:900}.title-block em{font-style:normal;color:#fff4be}.character-stage{height:330px;position:relative;margin-top:10px}.hero-character,.fox-character{object-fit:contain;user-select:none;-webkit-user-drag:none}.character-stage .hero-character{position:absolute;width:64%;height:340px;left:-5%;bottom:-12px;filter:drop-shadow(0 15px 9px #27395755)}.character-stage .fox-character{position:absolute;width:55%;height:252px;right:-2%;bottom:-15px;filter:drop-shadow(0 15px 9px #27395755)}.speech-bubble{position:absolute;right:8px;top:28px;background:#fff;border:3px solid #eee5ff;border-radius:22px 22px 22px 5px;padding:14px 18px;box-shadow:var(--shadow);font-size:15px;z-index:2;transform:rotate(3deg)}.chapter-card{padding:26px;border:2px solid #ffffffdb;border-radius:30px;background:linear-gradient(140deg,#fffffff7,#f8f7fff2);box-shadow:var(--shadow);backdrop-filter:blur(10px)}.chapter-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.chapter-label{font-size:14px;letter-spacing:.09em;color:var(--deep)}.chapter-heading h2{font-size:28px;margin-top:7px;letter-spacing:.06em}.chapter-badge{border-radius:18px;display:flex;flex-direction:column;align-items:center;gap:5px;background:#fff4ce;border:1px solid #f1de9e;padding:10px;color:#8a6829;font-size:14px}.chapter-badge .icon{fill:#fcd66c;stroke:#d9a245}.chapter-badge b{font-size:21px}.chapter-progress{height:8px;background:#e8e4f0;border-radius:10px;overflow:hidden;margin:20px 0}.chapter-progress span{display:block;height:100%;background:linear-gradient(90deg,#6cb7a4,#aad488);border-radius:10px}.kanji-map{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:23px}.kanji-tile{padding:0;position:relative;aspect-ratio:1;border:1.5px solid #ddd7e7;background:#fff;border-radius:11px;font-size:25px;box-shadow:0 3px 0 #e0dbe9;font-family:'Hiragino Mincho ProN','Yu Mincho',serif}.kanji-tile.next{background:#e9e0ff;border:2px solid #b69ce6;box-shadow:0 3px 0 #b299d7;color:#634599}.kanji-tile.complete{background:#e5f5e8;border-color:#b0d7b3;color:#3f784e;box-shadow:0 3px 0 #a8cba9}.kanji-tile .icon{position:absolute;right:-4px;top:-4px;width:16px;height:16px;border-radius:50%;background:#6daa7c;color:white;padding:2px}.button{min-height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 14px;font-size:17px;line-height:1.4;text-decoration:none;width:100%;border:0;font-weight:800}.primary{color:white;background:linear-gradient(180deg,#9578de,#7860c9);box-shadow:0 5px 0 #55428e,0 8px 15px #755ac32e;border:1px solid #9e86d7}.primary>.icon:first-child{width:19px}.primary:not(:disabled):hover{background:linear-gradient(180deg,#a389e7,#8165d4)}.secondary{background:white;border:1.5px solid #d9d3e7;box-shadow:0 3px 0 #d9d3e7}.home-secondary{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;margin-top:15px}.home-secondary .button{font-size:14px;gap:5px;padding:12px 7px;min-height:53px;border-radius:13px}.home-secondary .icon{width:18px;height:18px}.tutorial-button{background:#faf6ff;border:1.5px solid #c6b9e6;box-shadow:0 3px 0 #cfbfe6;color:#624c98}.word-button{background:#e6f6f1;border:1.5px solid #aad5c9;box-shadow:0 3px 0 #9fcabd;color:#3b7769}.small-note{text-align:center;font-size:12px;color:#82768e;margin-top:19px;font-weight:500}.home-footer{text-align:right;font-size:13px;padding-top:18px;color:#fff}.home-footer button{background:#36557866;border:1px solid #fff7;color:#fff;border-radius:18px;padding:7px 15px;font-size:12px}.float-one{animation:float 5s ease-in-out infinite}.float-two{animation:float 4.3s ease-in-out -1s infinite}@keyframes float{50%{transform:translateY(-9px)}}.play-view{width:min(100%,570px);margin:18px auto 0}.play-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:white;text-shadow:0 1px 8px #325274;font-size:15px}.play-heading .pale{text-shadow:none}.mini-reward{display:flex;align-items:center;gap:3px;background:#fffb;padding:6px 10px;border-radius:18px;color:#957530;text-shadow:none;font-size:15px}.mini-reward .icon{fill:#ffdf7f;stroke:#c79634;width:19px;height:19px}.steps{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 0 14px;color:#fff;text-shadow:0 1px 4px #3b548a;font-size:14px}.steps>span:not(.line){padding:7px 10px;border-radius:20px;white-space:nowrap}.steps .active{background:white;color:#68519f;text-shadow:none;box-shadow:0 3px 8px #33447215}.steps .done{background:#daefd7;color:#427954;text-shadow:none}.steps .line{height:2px;width:20px;background:#ffffffa8}.learning-card{padding:22px 27px 24px;background:#fffffff5;border:2px solid #fff;border-radius:27px;box-shadow:var(--shadow)}.exercise-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.exercise-heading h1{font-size:21px;line-height:1.5}.exercise-heading>span{font-size:14px;white-space:nowrap;color:#938399}.trace-wrap{width:min(100%,310px);aspect-ratio:1;margin:0 auto;border:2px solid #e9e2d1;border-radius:20px;overflow:hidden;background:#fffdf6;box-shadow:inset 0 3px 8px #8e702207}#trace-svg{display:block;width:100%;height:100%;touch-action:none;user-select:none}.grid-line{stroke:#e5dccb;stroke-width:.4;stroke-dasharray:2 2}.kanji-stroke{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.kanji-stroke.future{stroke:#e1dbd4}.kanji-stroke.current{stroke:#c1aedf;stroke-width:5.5}.kanji-stroke.finished{stroke:#514174;stroke-width:4}.ink-stroke{fill:none;stroke:#14a995;stroke-width:4.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.guide-dot{fill:#a37adf;stroke:white;stroke-width:1.1}.guide-halo{fill:#d6bef7;opacity:.5;animation:pulse 1.5s infinite}.guide-arrow{fill:none;stroke:#9470c8;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.demo-stroke{stroke:#18a48e;stroke-width:4.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.trace-tools{display:flex;justify-content:center;gap:30px;padding:13px 0 1px}.trace-tools button,.hint-toggle{display:flex;align-items:center;gap:5px;font-size:14px;padding:5px 4px;background:none;border:0;color:#796997;min-height:33px}.trace-tools .icon,.hint-toggle .icon{height:17px;width:17px}.buddy-line{display:flex;align-items:center;gap:9px;min-height:73px;margin:0 0 9px}.buddy-line .fox-character{height:69px;width:64px;object-fit:contain;flex-shrink:0}.buddy-line p{padding:11px 13px;background:#f0edf8;border:1px solid #e8e0f4;border-radius:14px 14px 14px 3px;font-size:14px;line-height:1.6;width:100%;min-height:44px}.reading-card .exercise-heading h1{font-size:20px}.reading-target{display:flex;justify-content:center;align-items:center;gap:32px;padding:0 0 17px}.big-kanji{font-size:84px;line-height:1.3;font-family:'Hiragino Mincho ProN','Yu Mincho',serif;color:#514174}.reading-target b{font-size:16px;line-height:1.7}.hint-toggle{font-size:13px;margin-top:5px;color:#7b609e;text-decoration:underline;text-underline-offset:3px}.reading-options{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:11px}.answer-option{background:white;border:2px solid #ded8e9;border-radius:15px;box-shadow:0 3px 0 #e3dcec;min-height:50px;font-size:21px;padding:9px 15px;display:flex;align-items:center;justify-content:space-between;gap:7px}.answer-option>span{width:21px;height:21px;border:1.5px solid #ddd6e9;border-radius:6px}.answer-option>span .icon{width:18px;height:18px}.answer-option.selected{border-color:#9c84ce;background:#eee7fc;color:#655092;box-shadow:0 3px 0 #b69bd6}.answer-option.selected>span{border-color:#9c84ce;background:#9c84ce;color:white}.answer-option.right{background:#e2f6e7;border-color:#7fbd97;color:#30734b;opacity:1}.answer-option.wrong{background:#fff0e5;border-color:#e8b78e;opacity:1}.reading-hints{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px}.reading-hints button{text-align:left;background:#f5f1fb;border:1px solid #dfd3ee;border-radius:12px;padding:8px 11px;display:flex;flex-direction:column;gap:4px}.reading-hints b{font-size:17px;color:#654b91}.reading-hints small{font-size:12px;line-height:1.6}.reading-hints p{grid-column:1/-1;font-size:12px;color:#8e799c}.success-view{text-align:center;position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:24px 0 0;text-shadow:0 2px 10px #37507577}.success-stars{display:flex;gap:12px;align-items:center;margin-bottom:12px;color:#ffe58f;filter:drop-shadow(0 5px 4px #8f65364d)}.success-stars .icon{width:40px;height:40px;fill:#ffe28c;stroke:#e6ae4a;animation:twinkle 2s infinite}.success-stars .icon:nth-child(2){width:56px;height:56px;animation-delay:.3s}.success-view h1{font-size:96px;line-height:1.3;margin:8px 0 10px;color:#fff}.success-view h1 span{font-size:29px;margin-left:12px}.reward-pill{display:flex;gap:7px;align-items:center;padding:10px 23px;background:#fff6d4;border:2px solid #ffe295;border-radius:30px;color:#997024;text-shadow:none;box-shadow:0 5px 0 #dcb55c77;font-size:18px}.reward-pill .icon{fill:#ffde78;stroke:#d9a742}.success-characters{height:240px;width:370px;max-width:100%;display:flex;align-items:flex-end;justify-content:center;margin-top:-5px}.success-characters .hero-character{height:255px;width:220px;margin-right:-45px}.success-characters .fox-character{height:190px;width:180px}.success-panel{background:#fffc;color:#655573;border:2px solid white;border-radius:22px;padding:17px 22px 21px;width:min(100%,530px);text-shadow:none;box-shadow:var(--shadow)}.success-panel p{font-size:15px;line-height:1.7;margin-bottom:14px}.button-row{display:flex;gap:10px}.button-row .button{font-size:15px;flex:1;padding:11px}.celebrate{animation:jump 1.2s ease-out 2}.celebrate.delay{animation-delay:.2s}@keyframes jump{0%,100%{transform:translateY(0)}40%{transform:translateY(-25px) rotate(-4deg)}70%{transform:translateY(-8px) rotate(3deg)}}.word-progress{display:flex;gap:6px;margin:18px 0}.word-progress span{height:7px;flex:1;border-radius:8px;background:#fff8}.word-progress .done{background:#b2e1ac}.word-progress .active{background:#ffe58e}.word-title{text-align:center;font-size:20px}.word-target{padding:35px 5px;font-size:62px;letter-spacing:.04em;text-align:center;font-family:'Hiragino Mincho ProN','Yu Mincho',serif;color:#534078;line-height:1.4}.word-target.solved{color:#468566}.word-options{display:grid;gap:12px}.word-options .answer-option{font-size:21px;justify-content:center}.words-view .buddy-line{margin-top:17px}.word-explanation{font-size:14px;line-height:1.7;margin:0 0 15px;text-align:center;color:#8a7498}.word-score small{font-size:40px}.tutorial-view{width:min(100%,570px);margin:24px auto}.tutorial-card{margin-top:20px;padding:30px;background:#fffffff5;border:2px solid white;border-radius:28px;box-shadow:var(--shadow);text-align:center}.tutorial-card h1{font-size:23px;margin-top:12px;line-height:1.6}.tutorial-demo{height:230px;margin:10px 0 12px;position:relative;display:flex;align-items:center;justify-content:center;gap:18px}.tutorial-demo>svg{height:190px;width:190px;background:#fffdf6;border:2px solid #e9e2d1;border-radius:20px;padding:12px}.tutorial-stroke{fill:none;stroke:#9272c8;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:150;stroke-dashoffset:150;animation:stroke-demo 3s ease-in-out infinite}.tutorial-fox{position:absolute;right:-13px;bottom:0;width:100px;height:100px}.tutorial-card>p{font-size:17px;line-height:1.9;text-align:left;min-height:96px}.tutorial-dots{display:flex;gap:8px;justify-content:center;padding:20px 0}.tutorial-dots span{width:8px;height:8px;border-radius:50%;background:#ded7eb}.tutorial-dots .active{background:#8c72c1}.demo-kanji{font-size:94px;font-family:serif}.demo-readings{display:grid;gap:9px}.demo-readings span{padding:10px 16px;background:#eee5fa;border:2px solid #b7a0d8;border-radius:12px;color:#725195}.tutorial-star{display:flex;flex-direction:column;align-items:center;color:#af8531;gap:10px}.tutorial-star .icon{width:94px;height:94px;fill:#ffe091;stroke:#d4a142}.tutorial-star b{font-size:37px}.text-button{border:0;background:none;padding:13px 10px 0;color:#9685ac;font-size:14px}.parents-view{width:min(100%,740px);margin:25px auto}.parents-view>.button{width:max-content;font-size:14px;min-height:45px}.parents-card{padding:30px;background:#fffffff5;border-radius:24px;margin-top:20px;line-height:1.9;font-weight:500}.parents-card h1{font-size:26px;margin-bottom:15px}.parents-card h2{font-size:19px;margin-top:25px;margin-bottom:8px}.parents-card p{font-size:16px;margin:12px 0}.parent-kanji{background:#f1edf8;padding:15px;border-radius:15px;font-size:22px;letter-spacing:.08em}.retry{animation:nudge .35s}@keyframes nudge{30%{transform:translateX(-3px)}65%{transform:translateX(3px)}}@keyframes pulse{50%{opacity:.9;r:8}}@keyframes twinkle{50%{transform:scale(1.1) rotate(5deg)}}@keyframes stroke-demo{0%{stroke-dashoffset:150}60%,100%{stroke-dashoffset:0}}
@media(min-width:1000px) and (min-height:840px){.home-view{gap:60px}.adventure-scene{min-height:640px}.character-stage{height:380px}.character-stage .hero-character{height:390px}.character-stage .fox-character{height:290px}.learning-card{padding:25px 32px}.trace-wrap{width:345px}}
@media(max-width:850px){.app-shell{padding:17px 22px 16px}.home-view{grid-template-columns:1fr 390px;gap:10px}.adventure-scene{min-height:490px}.title-block h1{font-size:29px}.character-stage{height:275px}.character-stage .hero-character{height:280px;width:75%;left:-15%}.character-stage .fox-character{height:205px;width:70%;right:-12%}.speech-bubble{font-size:12px;padding:11px;top:5px;right:-10px}.chapter-card{padding:21px}.chapter-heading h2{font-size:25px}}
@media(max-width:650px){.app-shell{padding:12px 17px max(14px,env(safe-area-inset-bottom));}.topbar{min-height:45px}.brand{gap:7px}.brand>.icon{width:33px;height:33px;padding:6px}.brand span{font-size:10px}.brand b{font-size:12px;letter-spacing:0}.top-actions{gap:7px}.points{font-size:18px;padding:7px 11px;gap:5px;min-width:68px}.points .icon{height:22px;width:22px}.round-button{width:36px;height:36px}.round-button .icon{width:19px;height:19px}.home-view{display:flex;flex-direction:column;gap:0;flex:1;padding-top:13px;justify-content:center}.adventure-scene{width:100%;min-height:0;justify-content:flex-start}.title-block{text-align:center}.eyebrow{font-size:12px;letter-spacing:.05em}.title-block h1{font-size:27px;line-height:1.5;margin-top:7px}.character-stage{height:168px;margin-top:0;max-width:330px;width:100%;align-self:center}.character-stage .hero-character{height:196px;width:180px;left:13px;bottom:-17px}.character-stage .fox-character{height:154px;width:154px;right:0;bottom:-13px}.speech-bubble{top:15px;right:1px;font-size:11px;border-width:2px;padding:8px 11px;border-radius:15px 15px 15px 2px}.chapter-card{width:100%;max-width:430px;padding:17px 19px 15px;border-radius:24px;position:relative;z-index:2}.chapter-heading h2{font-size:23px;margin-top:3px}.chapter-label{font-size:12px}.chapter-badge{padding:6px 10px;flex-direction:row;border-radius:20px;font-size:12px;gap:5px}.chapter-badge b{font-size:17px}.chapter-badge .icon{width:21px;height:21px}.chapter-progress{margin:13px 0 14px;height:6px}.kanji-map{gap:7px;margin-bottom:17px}.kanji-tile{font-size:22px;border-radius:9px;max-height:40px}.button{min-height:50px;font-size:17px;border-radius:14px;padding:11px 12px}.home-secondary{gap:8px;margin-top:13px}.home-secondary .button{font-size:13px;padding:10px 4px;min-height:45px}.home-secondary .icon{height:17px;width:17px}.small-note{margin-top:12px;font-size:11px}.home-footer{text-align:center;padding-top:10px}.home-footer button{padding:4px 11px;font-size:11px}.play-view{margin-top:11px}.play-heading{font-size:13px;min-height:36px}.steps{padding:10px 0;font-size:12px;gap:6px}.steps>span:not(.line){padding:6px 9px}.steps .line{width:12px}.learning-card{padding:16px 17px 18px;border-radius:23px}.exercise-heading{margin-bottom:11px}.exercise-heading h1{font-size:19px}.exercise-heading>span{font-size:12px}.trace-wrap{width:min(100%,34svh,305px)}.trace-tools{gap:24px;padding:7px 0 0}.trace-tools button{font-size:13px}.buddy-line{min-height:68px;margin-bottom:6px;gap:5px}.buddy-line .fox-character{width:52px;height:58px}.buddy-line p{font-size:13px;padding:9px 10px;line-height:1.55;border-radius:12px 12px 12px 3px}.reading-target{padding:0 0 13px;gap:28px}.big-kanji{font-size:69px}.reading-target b{font-size:14px}.reading-card .exercise-heading h1{font-size:17px}.reading-options{gap:9px;margin-bottom:6px}.answer-option{min-height:45px;font-size:19px;padding:7px 12px;border-radius:12px}.reading-hints button{padding:6px 8px}.reading-hints b{font-size:16px}.reading-hints small{font-size:11px}.success-view{padding-top:23px;justify-content:center}.success-view h1{font-size:77px;margin:8px 0}.success-view h1 span{font-size:24px}.success-characters{height:209px;margin-top:0}.success-characters .hero-character{height:224px;width:195px}.success-characters .fox-character{height:162px;width:150px}.success-panel{padding:14px 13px 18px}.success-panel p{font-size:13px;margin-bottom:12px}.button-row{gap:8px}.button-row .button{font-size:13px;padding:9px 7px}.button-row .icon{width:16px;height:16px}.reward-pill{font-size:16px;padding:8px 17px}.success-stars{margin-bottom:9px;gap:10px}.success-stars .icon{width:30px;height:30px}.success-stars .icon:nth-child(2){width:44px;height:44px}.word-title{font-size:17px}.word-target{font-size:51px;padding:28px 0}.word-options{gap:11px}.word-options .answer-option{font-size:20px;min-height:49px}.word-progress{margin:12px 0}.word-explanation{font-size:13px;margin-bottom:12px}.words-view .buddy-line{margin-top:12px}.tutorial-view{margin:14px auto 0}.tutorial-card{padding:22px 20px;margin-top:12px}.tutorial-card h1{font-size:20px;margin-top:10px}.tutorial-card>p{font-size:16px;line-height:1.9;min-height:0}.tutorial-demo{height:190px;margin:8px 0}.tutorial-demo>svg{height:160px;width:160px}.tutorial-fox{width:82px;height:82px;right:-12px}.tutorial-dots{padding:16px 0}.parents-view{margin-top:15px}.parents-card{padding:22px 19px}.parents-card p{font-size:15px}.parents-card h1{font-size:23px}.parent-kanji{font-size:20px}.world-background{background-position:center center}}
@media(max-width:650px) and (max-height:750px){.app-shell{padding-top:9px}.home-view{padding-top:7px}.title-block h1{font-size:24px;line-height:1.4;margin-top:5px}.title-block .eyebrow{font-size:11px}.character-stage{height:126px}.character-stage .hero-character{height:160px;bottom:-15px;left:18px}.character-stage .fox-character{height:128px;bottom:-11px;right:7px}.speech-bubble{top:7px;right:6px;font-size:10px}.chapter-card{padding:13px 16px}.chapter-heading h2{font-size:21px}.kanji-map{gap:6px;margin-bottom:14px}.kanji-tile{max-height:34px;font-size:21px}.chapter-progress{margin:9px 0 10px}.home-secondary{margin-top:12px}.home-secondary .button{min-height:42px}.small-note{margin-top:10px}.home-footer{padding-top:8px}.trace-wrap{width:min(100%,32svh,260px)}.learning-card{padding-top:13px;padding-bottom:14px}.steps{padding:8px 0}.reading-target{padding-bottom:9px}.big-kanji{font-size:58px}.reading-options{gap:8px}.answer-option{min-height:42px;padding:5px 12px}.buddy-line{min-height:58px}.buddy-line .fox-character{height:53px;width:48px}.word-target{padding:22px 0}.success-characters{height:177px}.success-characters .hero-character{height:195px}.success-characters .fox-character{height:143px}.success-view h1{font-size:65px}.tutorial-demo{height:145px}.tutorial-demo>svg{height:135px;width:135px}.tutorial-card{padding:19px}.tutorial-card>p{line-height:1.75}.tutorial-dots{padding:13px 0}}
@media(max-width:375px){.app-shell{padding-left:12px;padding-right:12px}.brand>.icon{display:none}.brand b{font-size:12px}.chapter-card{padding-left:14px;padding-right:14px}.home-secondary .button{font-size:12px}.reading-card .exercise-heading h1{font-size:16px}.reading-options .answer-option{font-size:18px}.button-row .button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.tutorial-stroke{stroke-dashoffset:0}}
@media(max-width:650px) and (max-height:750px){.character-stage{height:90px}.character-stage .hero-character{height:133px;bottom:-17px;left:20px}.character-stage .fox-character{height:106px;bottom:-14px;right:9px}.speech-bubble{font-size:10px;top:0;right:0;padding:6px 9px}.small-note{display:none}.home-footer{padding-top:4px}}
@media(max-width:650px) and (max-height:690px){.character-stage{height:62px}.character-stage .hero-character{height:112px;bottom:-20px}.character-stage .fox-character{height:92px;bottom:-15px}.title-block h1{font-size:22px}.kanji-tile{max-height:31px}.chapter-card{padding-top:11px;padding-bottom:11px}.chapter-heading h2{font-size:20px}.speech-bubble{font-size:9px;top:-1px}}