:root{--bg: #fff7ed;--card: #ffffff;--ink: #422006;--muted: #a16207;--brand: #f97316;--brand-dark: #ea580c;--ok: #16a34a;--ok-bg: #dcfce7;--ng: #dc2626;--ng-bg: #fee2e2;--line: #fed7aa;--radius: 16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;font-size:16px;line-height:1.6;overscroll-behavior:none}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}.screen{min-height:100%;max-width:480px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.screen.quiz{position:fixed;top:var(--vvtop, 0px);left:0;right:0;height:var(--vvh, 100%);max-width:none;gap:6px;padding:6px max(16px,calc((100% - 480px)/2)) 10px;overflow:hidden}.screen.quiz .qbody{flex:0 1 auto;min-height:0;overflow-y:auto}.cta{background:var(--brand);color:#fff;border-radius:var(--radius);padding:18px;font-size:22px;font-weight:800;box-shadow:0 4px 0 var(--brand-dark);display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .06s ease,box-shadow .06s ease}.cta:active{transform:translateY(3px);box-shadow:0 1px 0 var(--brand-dark)}.cta small{font-size:12px;font-weight:600;opacity:.85}.ghost{color:var(--muted);padding:12px;font-weight:700}.hero{background:var(--card);border-radius:var(--radius);padding:20px;text-align:center;border:2px solid var(--line)}.streak{display:flex;align-items:baseline;justify-content:center;gap:6px}.flame{font-size:32px}.streak-num{font-size:48px;font-weight:900;line-height:1;color:var(--brand)}.streak-unit{font-size:14px;color:var(--muted);font-weight:700}.mission{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.mission-label{font-size:12px;color:var(--muted);font-weight:700}.dots{display:inline-flex;gap:6px}.dot{width:14px;height:14px;border-radius:50%;background:var(--line)}.dot.is-on{background:var(--brand)}.mission-done{font-size:12px;font-weight:800;color:var(--ok)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:var(--card);border:2px solid var(--line);border-radius:12px;padding:10px 6px;text-align:center}.stat b{display:block;font-size:24px;font-weight:900;line-height:1.2}.stat span{font-size:11px;color:var(--muted);font-weight:700}.units h2{font-size:14px;color:var(--muted);margin:0 0 8px}.unit{display:block;width:100%;text-align:left;background:var(--card);border:2px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:8px}.unit:active{background:#fff1e0}.unit-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.unit-name{font-weight:700;font-size:15px}.road{margin-top:8px}.road-track{position:relative;height:10px;border-radius:5px;background:#f1e7dc;overflow:hidden}.road-fill{position:absolute;inset:0 auto 0 0;background:var(--brand);border-radius:5px;transition:width .5s ease}.road-foot{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:5px}.road-pt{font-size:11px;font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}.road-row{margin-top:14px;display:flex;justify-content:space-between;align-items:baseline}.road-name{font-size:13px;font-weight:800;color:var(--muted)}.road-lv,.unit-lv,.gachi-lv{font-size:14px;font-weight:900;color:var(--brand)}.gachi{display:block;width:100%;text-align:left;background:#1e1b4b;border:2px solid #6d28d9;border-radius:var(--radius);padding:14px 16px;color:#ede9fe}.gachi:active:not(.is-locked){background:#2e1065}.gachi.is-locked{background:var(--card);border-color:var(--line);color:var(--muted)}.gachi-head{display:flex;justify-content:space-between;align-items:baseline}.gachi-name{font-weight:800;font-size:15px}.gachi small{display:block;margin-top:8px;font-size:11px;opacity:.85}.gachi .road-track{background:#312e81}.gachi .road-fill{background:#a78bfa}.quiz{gap:12px}.quit{font-size:22px;line-height:1;color:var(--muted);padding:0 2px;flex-shrink:0}.confirm-back{position:fixed;top:var(--vvtop, 0px);left:0;right:0;height:var(--vvh, 100%);z-index:30;display:flex;align-items:center;justify-content:center;padding:24px;background:#28180a8c}.confirm{width:100%;max-width:320px;background:#fff;border-radius:16px;padding:20px;text-align:center;box-shadow:0 10px 30px #00000040}.confirm-title{font-size:19px;font-weight:800}.confirm-body{margin-top:10px;font-size:14px;line-height:1.6;color:var(--muted)}.confirm-stay{margin-top:18px;width:100%;background:var(--brand);color:#fff;border-radius:12px;padding:13px;font-size:17px;font-weight:800;box-shadow:0 3px 0 var(--brand-dark)}.confirm-stay:active{transform:translateY(2px);box-shadow:0 1px 0 var(--brand-dark)}.confirm-go{margin-top:10px;width:100%;border-radius:10px;padding:10px;font-size:14px;font-weight:700;color:var(--muted)}.qfoot{position:relative;z-index:1;margin-top:10px;display:flex;align-items:center;gap:10px}.track{flex:1;height:6px;border-radius:3px;background:#0000001a;overflow:hidden}.track-fill{height:100%;background:var(--brand);transition:width .3s ease}.count{font-size:12px;font-weight:800;color:var(--muted);flex-shrink:0}.combo{display:inline-block;background:#fff1e0;color:var(--brand-dark);font-weight:800;font-size:14px;padding:3px 12px;border-radius:999px;animation:pop .25s ease}@keyframes pop{0%{transform:scale(.7);opacity:0}}.qbody{position:relative;overflow:hidden;isolation:isolate;background:var(--card);transition:background .55s ease,border-color .55s ease,box-shadow .55s ease;border:2px solid var(--line);border-radius:var(--radius);padding:12px 14px;min-height:96px;display:flex;flex-direction:column;justify-content:center;gap:10px}.question{position:relative;z-index:1;margin:0;font-size:18px;font-weight:700;transition:color .55s ease}.answer-form{display:flex;flex-direction:column;gap:10px}.answer-input{width:100%;background:var(--card);border:2px solid var(--line);border-radius:12px;padding:12px;font:inherit;font-size:20px;font-weight:700;text-align:center;color:var(--ink)}.answer-input:focus{outline:none;border-color:var(--brand)}.answer-input.is-correct{background:var(--ok-bg);border-color:var(--ok);animation:bounce-ok .4s ease}.answer-input.is-kana{background:#fef9c3;border-color:#ca8a04;animation:wobble-kana .4s ease}.answer-input.is-wrong{background:var(--ng-bg);border-color:var(--ng);animation:shake-ng .45s ease}.submit{background:var(--brand);color:#fff;border-radius:12px;padding:11px;font-size:18px;font-weight:800;box-shadow:0 3px 0 var(--brand-dark)}.submit:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--brand-dark)}.submit:disabled{opacity:.4;box-shadow:none}.feedback-slot{min-height:0}.feedback{background:var(--card);border:2px solid var(--line);border-radius:12px;padding:14px;animation:pop .2s ease}.feedback.is-correct{border-color:var(--ok)}.feedback.is-kana{border-color:#ca8a04}.feedback.is-wrong{border-color:var(--ng)}.fb-head{margin:0;font-weight:800;font-size:18px;text-align:center}.is-correct .fb-head{color:var(--ok)}.is-kana .fb-head{color:#a16207}.is-wrong .fb-head{color:var(--ng)}.fb-answer{margin:10px 0 0;text-align:center;font-size:24px;font-weight:800}.fb-answer small{display:block;font-size:13px;font-weight:600;color:var(--muted)}.fb-hint{margin:8px 0 0;font-size:14px;font-weight:700;color:#a16207;text-align:center}.fb-note{margin:10px 0 0;font-size:14px;color:var(--muted)}.rescue{margin-top:12px;width:100%;border:2px solid var(--line);border-radius:10px;padding:10px;font-size:14px;font-weight:700;color:var(--muted)}.next{margin-top:10px;width:100%;background:var(--brand);color:#fff;border-radius:10px;padding:14px;font-weight:800}.result{justify-content:center;text-align:center}.praise{font-size:28px;margin:0;color:var(--brand-dark)}.score{display:flex;align-items:baseline;justify-content:center;gap:6px}.score b{font-size:64px;font-weight:900;line-height:1;color:var(--brand)}.score span{font-size:20px;color:var(--muted);font-weight:800}.badges{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.badges li{display:flex;justify-content:space-between;background:var(--card);border:2px solid var(--line);border-radius:12px;padding:12px 16px;font-weight:700}.badges li.is-highlight{border-color:#a78bfa;background:#f5f3ff}.next-hint{font-size:14px;color:var(--muted);font-weight:700;margin:0}.badges li.is-kana{border-color:#facc15;background:#fefce8}.parent-bar{display:flex;align-items:center;gap:8px}.parent-bar h1{margin:0;font-size:18px}.parent-lead,.parent-note{margin:0;font-size:13px;color:var(--muted);line-height:1.7}.parent-note{border-top:1px solid var(--line);padding-top:12px}.parent-lead code,.parent-note code{background:#fff1e0;border-radius:4px;padding:1px 5px;font-size:12px}.parent-h{margin:0;font-size:14px;display:flex;align-items:center;gap:8px}.parent-h span{background:var(--brand);color:#fff;border-radius:999px;padding:1px 10px;font-size:12px}.parent-empty{margin:0;color:var(--muted);font-size:14px}.ovr{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ovr li{background:var(--card);border:2px solid var(--line);border-radius:12px;padding:10px 14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.ovr-term{font-weight:800}.ovr-arrow{color:var(--muted)}.ovr-input{font-weight:700;color:var(--brand-dark)}.ovr-at{grid-column:1 / -1;font-size:11px;color:var(--muted)}.payload{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;border:2px solid var(--line);border-radius:10px;padding:10px;background:var(--card);color:var(--ink);resize:vertical}.giveup{border:2px solid var(--line);border-radius:12px;padding:8px;font-size:14px;font-weight:700;color:var(--muted)}.giveup:active{background:#fff1e0}.feedback.is-unknown{border-color:#94a3b8}.is-unknown .fb-head{color:#475569}@keyframes bounce-ok{0%{transform:scale(1)}35%{transform:scale(1.05)}60%{transform:scale(.985)}to{transform:scale(1)}}@keyframes shake-ng{0%,to{transform:translate(0)}15%{transform:translate(-9px)}30%{transform:translate(8px)}45%{transform:translate(-5px)}60%{transform:translate(4px)}80%{transform:translate(-2px)}}@keyframes wobble-kana{0%,to{transform:rotate(0)}25%{transform:rotate(-1.4deg)}75%{transform:rotate(1.4deg)}}.combo.is-step2{font-size:14px}.combo.is-step3{font-size:15px;background:#ffedd5}.combo.is-step4{font-size:16px;background:#fed7aa;color:#9a3412;box-shadow:0 0 12px #f9731673}.combo.is-step5{font-size:18px;background:#fdba74;color:#7c2d12;box-shadow:0 0 22px #f97316cc}@keyframes lurch-in{0%{transform:scale(0) rotate(-30deg);opacity:0}55%{transform:scale(1.35) rotate(10deg);opacity:1}78%{transform:scale(.9) rotate(-6deg)}to{transform:scale(1) rotate(0)}}@keyframes menace{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(3deg)}}@keyframes creep-in{0%{opacity:0;transform:translateY(6px)}}@keyframes gloom{0%{background:#4c1d95}to{background:#2e1065}}@keyframes pulse-dread{0%,to{box-shadow:0 0 10px #8b5cf659}50%{box-shadow:0 0 30px #8b5cf6e6}}.qbody.is-weak{background:#2e1065;border-color:#7c3aed;animation:gloom .5s ease,pulse-dread 2.4s ease-in-out .5s infinite}.qbody.is-weak .question{color:#f5f3ff}.qtop{position:relative;z-index:1;min-height:24px;display:flex;align-items:center;gap:8px}.qtop-left{flex:1;min-width:0}.encounter{margin:0;display:flex;align-items:center;gap:10px}.monster{font-size:34px;line-height:1;animation:lurch-in .55s cubic-bezier(.2,1.5,.4,1),menace 2.4s ease-in-out .55s infinite}.encounter-text{font-size:13px;font-weight:800;color:#c4b5fd;letter-spacing:.04em;animation:creep-in .5s ease .35s backwards}@keyframes burst{0%{transform:scale(1) rotate(0);opacity:1}40%{transform:scale(1.5) rotate(18deg);opacity:1}to{transform:scale(.1) rotate(-45deg);opacity:0}}@keyframes slam-in{0%{transform:scale(2.2);opacity:0}60%{transform:scale(.92);opacity:1}to{transform:scale(1)}}.defeat{margin:10px 0 0;display:flex;align-items:center;justify-content:center;gap:10px;min-height:34px}.defeat-monster{font-size:28px;animation:burst .7s ease-in .1s forwards}.defeat-text{font-size:20px;font-weight:900;color:#6d28d9;animation:slam-in .4s cubic-bezier(.2,1.4,.4,1) .35s backwards}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.gain{display:flex;align-items:baseline;justify-content:center;gap:6px;animation:slam-in .4s cubic-bezier(.2,1.4,.4,1)}.gain-num{font-size:38px;font-weight:900;color:var(--brand);line-height:1}.gain.is-minus .gain-num{color:var(--ng)}.gain-unit{font-size:16px;font-weight:800;color:var(--muted)}.gain-mode{background:#ede9fe;color:#6d28d9;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px}.levelup{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;border-radius:var(--radius);padding:14px;text-align:center;box-shadow:0 4px 0 var(--brand-dark);animation:slam-in .45s cubic-bezier(.2,1.5,.4,1) calc(var(--i, 0) * .55s) backwards,levelup-glow 1.2s ease-out calc(.35s + var(--i, 0) * .55s)}@keyframes levelup-glow{0%,to{box-shadow:0 4px 0 var(--brand-dark)}35%{box-shadow:0 4px 0 var(--brand-dark),0 0 34px 8px #fde047e6}}.levelup-badge{display:block;font-size:12px;font-weight:900;letter-spacing:.12em;opacity:.9}.levelup-name{display:block;font-size:20px;font-weight:900;margin-top:2px}.levelup small{display:block;margin-top:6px;font-size:11px;font-weight:700;opacity:.9}.test-badge{position:fixed;bottom:0;left:0;right:0;z-index:20;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#7c3aed;color:#fff;text-align:center;font-size:11px;font-weight:800;letter-spacing:.04em;padding:3px 8px}.tp-list{display:flex;flex-direction:column;gap:8px}.tp-btn{width:100%;text-align:left;background:var(--card);border:2px solid var(--line);border-radius:10px;padding:12px 14px;font-size:14px;font-weight:700}.tp-btn:active{background:#fff1e0}.tp-btn.is-sub{font-size:13px;font-weight:600;padding:10px 14px}.r-roads{display:flex;flex-direction:column;gap:12px;background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:14px 16px}.r-road-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.r-road-name{font-size:13px;font-weight:800;color:var(--muted)}.r-road-lv{font-size:14px;font-weight:900;color:var(--brand);transition:transform .3s ease}.r-road-lv.is-up{animation:lv-pop .5s cubic-bezier(.2,1.6,.4,1)}@keyframes lv-pop{0%{transform:scale(1)}45%{transform:scale(1.6)}to{transform:scale(1)}}.road-track.is-flash{animation:road-flash .9s cubic-bezier(.2,.9,.3,1)}@keyframes road-flash{0%{transform:scaleY(1);filter:brightness(1);box-shadow:0 0 #fde04700}22%{transform:scaleY(2.1);filter:brightness(2.4);box-shadow:0 0 26px 10px #fde047f2}to{transform:scaleY(1);filter:brightness(1);box-shadow:0 0 #fde04700}}.road-fill.is-animated{transition:width .75s cubic-bezier(.25,.9,.3,1)}.gain-slot{min-height:46px;display:flex;align-items:center;justify-content:center}.gain-landed{font-size:14px;font-weight:800;color:var(--muted);animation:land-in .4s cubic-bezier(.2,1.4,.4,1)}.gain-landed b{font-size:20px;font-weight:900;color:var(--brand)}@keyframes land-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.gain{transition:transform .65s cubic-bezier(.5,-.2,.7,.5),opacity .65s ease-in}.gain.is-absorbing{transform:translateY(70px) scale(.35);opacity:0}.gain.is-minus.is-absorbing{transform:scale(.9);opacity:0}.retain{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.retain li{background:var(--card);border:2px solid var(--line);border-radius:12px;padding:10px 14px}.retain-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.retain-name{font-size:14px;font-weight:700}.retain-pct{font-size:14px;font-weight:900;color:var(--brand)}.retain-sub{display:block;margin-top:5px;font-size:11px;color:var(--muted);font-weight:700}.tlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.tlist li{background:var(--card);border:2px solid var(--line);border-radius:10px;padding:8px 12px;display:grid;grid-template-columns:auto 1fr;column-gap:10px}.tlist-term{font-weight:800;font-size:15px}.tlist-reading{font-size:12px;color:var(--muted);align-self:center}.tlist-unit{grid-column:1 / -1;font-size:11px;color:var(--muted)}.parent strong{color:var(--ink)}.stage{position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:transparent;transition:background-color .45s ease}.stage:before,.stage:after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .45s ease}.stage:before{animation:stage-spin 16s linear infinite}.stage:after{background:radial-gradient(circle at 50% 42%,rgba(251,146,60,.45),transparent 60%);animation:stage-breathe 2s ease-in-out infinite}@keyframes stage-spin{to{transform:rotate(360deg)}}@keyframes stage-breathe{0%,to{transform:scale(.92);opacity:var(--glow, .5)}50%{transform:scale(1.06);opacity:calc(var(--glow, .5) + .2)}}.stage.is-monster{background-color:#17102e}.stage.is-monster:after{opacity:1;background:radial-gradient(circle at 50% 38%,rgba(124,58,237,.55),transparent 66%);--glow: .6;animation-duration:2.8s}.stage.is-monster:before{opacity:.4;background:repeating-conic-gradient(from 0deg at 50% 38%,rgba(139,92,246,.2) 0deg 5deg,transparent 5deg 28deg);animation:stage-spin 30s linear infinite reverse}.qbody.is-combo4 .count,.qbody.is-combo4 .quit,.qbody.is-combo5 .count,.qbody.is-combo5 .quit{color:#9a3412}.quiz.is-dark .count,.quiz.is-dark .quit{color:#c4b5fd}.quiz.is-dark .giveup{color:#ddd6fe;border-color:#4c1d95}.qbody.is-weak .track{background:#ffffff2e}.qbody.is-weak .count,.qbody.is-weak .quit{color:#c4b5fd}.qflame{position:absolute;left:-8%;right:-8%;bottom:0;height:var(--flame-h, 0%);opacity:var(--flame-o, 0);z-index:0;transition:height .6s cubic-bezier(.3,.9,.4,1),opacity .45s ease}.qflame:before,.qflame:after{content:"";position:absolute;inset:0;background-repeat:no-repeat;transform-origin:50% 100%}.qflame:before{background-image:radial-gradient(ellipse 11% 78% at 7% 106%,#fb923c,transparent 58%),radial-gradient(ellipse 13% 96% at 26% 109%,#fdba74,transparent 58%),radial-gradient(ellipse 10% 70% at 44% 105%,#fb923c,transparent 58%),radial-gradient(ellipse 14% 92% at 62% 109%,#fdba74,transparent 58%),radial-gradient(ellipse 11% 80% at 80% 106%,#fb923c,transparent 58%),radial-gradient(ellipse 13% 88% at 96% 108%,#fdba74,transparent 58%);animation:flame-sway calc(2.1s / var(--flame-fast, 1)) ease-in-out infinite alternate}.qflame:after{background-image:linear-gradient(to top,rgba(253,224,71,.75),transparent 26%),radial-gradient(ellipse 7% 44% at 15% 112%,#fef08a,transparent 60%),radial-gradient(ellipse 8% 56% at 34% 115%,#fde047,transparent 60%),radial-gradient(ellipse 7% 40% at 52% 112%,#fef08a,transparent 60%),radial-gradient(ellipse 8% 54% at 70% 115%,#fcd34d,transparent 60%),radial-gradient(ellipse 7% 42% at 88% 112%,#fde047,transparent 60%);animation:flame-sway calc(1.3s / var(--flame-fast, 1)) ease-in-out infinite alternate-reverse}@keyframes flame-sway{0%{transform:scaleY(.84) scaleX(1.05) translate(-2.5%)}to{transform:scaleY(1.2) scaleX(.95) translate(2.5%)}}.qbody.is-combo2{--flame-h: 26%;--flame-o: .6;background:#fffaf3;border-color:#fdba74}.qbody.is-combo3{--flame-h: 44%;--flame-o: .75;background:#fff6e9;border-color:#fb923c}.qbody.is-combo4{--flame-h: 64%;--flame-o: .88;--flame-fast: 1.35;background:#fff2df;border-color:#f97316;box-shadow:0 0 16px #f9731659}.qbody.is-combo5{--flame-h: 86%;--flame-o: 1;--flame-fast: 1.35;background:#ffeed6;border-color:#ea580c;box-shadow:0 0 26px #f973168c}.celebrate{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}.celebrate span{position:absolute;line-height:1;will-change:transform,opacity}.celebrate.is-rise span{bottom:-18px;animation:rise-up var(--dur) cubic-bezier(.22,.255,.58,1) var(--delay) both}@keyframes rise-up{0%{transform:translateZ(0) rotate(0);opacity:0}3%{opacity:1}to{transform:translate3d(var(--drift),-1600px,0) rotate(var(--rot));opacity:1}}.celebrate.is-fixed{position:fixed;top:var(--vvtop, 0px);left:0;right:0;height:var(--vvh, 100%);z-index:25}.celebrate.is-burst span{left:50%;top:26%;animation:burst-out var(--dur) cubic-bezier(.12,.85,.3,1) var(--delay) both}@keyframes burst-out{0%{transform:translate3d(-50%,-50%,0) scale(.2) rotate(0);opacity:0}18%{opacity:1}to{transform:translate3d(calc(-50% + var(--dx)),calc(-50% + var(--dy)),0) scale(1) rotate(var(--rot));opacity:0}}.tp-btn.is-on{border-color:var(--brand);background:#fff1e0;font-weight:800}