:root{--ink: #24324a;--muted: #607086;--paper: #fffdf8;--line: #dbe4e8;--accent: #315f64;--gold: #f1b84b;--good: #167c5a;--soft: #eef5f2;font-family:Yu Gothic UI,Meiryo UI,Meiryo,Hiragino Kaku Gothic ProN,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{background:linear-gradient(135deg,#dbeae7,#f6efe0 55%,#dae8ef);font-size:16px;line-height:1.6}#app{max-width:560px;margin:0 auto;min-height:100vh;background:#f7faf8;box-shadow:0 0 40px #1d343d22;display:flex;flex-direction:column}button,input,select{font:inherit}button,select,input[type=text],input[type=range]{min-height:44px;border-radius:12px;border:1px solid #bdcdd0}button{cursor:pointer;background:#fff;color:var(--ink);font-weight:800;padding:9px 13px}button:hover{filter:brightness(.98)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #f2b441;outline-offset:2px}button[aria-pressed=true],button.active{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);min-height:48px}button.quiet{background:transparent;border-color:transparent;color:var(--muted)}button.danger{background:#a24936;border-color:#a24936;color:#fff}button.wide{width:100%}button:disabled{opacity:.6;cursor:default}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app-head{background:linear-gradient(125deg,#1f5a61,#397b73);color:#fff;padding:14px 16px 12px}.app-head-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.app-title{font-size:1.18rem;font-weight:900}.app-subtitle{font-size:.78rem;color:#d8efeb}.head-badge{background:#fff1c6;color:#594519;border-radius:999px;padding:6px 10px;font-weight:900;white-space:nowrap}.nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px;background:#e8f0ef;border-bottom:1px solid var(--line)}.nav button{min-width:0;padding:7px 4px;font-size:.875rem;line-height:1.2;white-space:normal}.status-banner{display:none;background:#fff7df;border-bottom:2px solid #d7a63d;padding:9px 14px;font-weight:800;font-size:.88rem}main{padding:14px;flex:1}h1,h2,h3,p{margin-top:0}h1{font-size:1.4rem;margin-bottom:8px}h2{font-size:1.14rem;margin-bottom:10px}h3{font-size:1rem;margin-bottom:7px}.lead{color:var(--muted);line-height:1.75}.muted{color:var(--muted)}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 4px 15px #233e4b10;margin-bottom:12px;min-width:0}.card.compact{padding:11px}.section-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap;margin-bottom:10px}.grid{display:grid;gap:12px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px}.stat strong{display:block;font-size:1.22rem}.stat small{color:var(--muted)}.progress{height:12px;background:#dce8e8;border-radius:999px;overflow:hidden;margin:6px 0}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#45a58d,#f0b34f);border-radius:inherit}.pill-row{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:8px 0}.pill{display:inline-flex;align-items:center;gap:5px;background:#edf3f3;border:1px solid #d4e0e0;border-radius:999px;padding:5px 9px;font-size:.875rem;font-weight:800}small{font-size:.875rem}.pill.stamp.stamped{background:#e3f5eb;border-color:#2e8b68}.pill.partner-pill{background:#fff1c6;border-color:#e0b75d}.pill.moyamoya-pill{background:#eef2f8;border-color:#9fb4d0}.action-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.action-row>*{flex:1 1 130px}.onboarding-card{position:relative;overflow:hidden;border:2px solid #9fc8bd;background:radial-gradient(circle at 92% 8%,#f6ca6d55 0 54px,transparent 55px),linear-gradient(135deg,#f3fbf7,#fff8e8);padding:15px}.onboarding-kicker{display:inline-flex;margin:0 0 7px;border-radius:999px;background:#1f665d;color:#fff;padding:3px 10px;font-size:.875rem;font-weight:900}.onboarding-heading{margin-bottom:8px;line-height:1.35}.onboarding-audience{display:block;color:#276a61;font-size:.95rem;margin-bottom:2px}.onboarding-title{display:block;font-size:1.3rem}.onboarding-summary,.onboarding-note{margin-bottom:10px;line-height:1.65}.onboarding-summary strong{color:#245d58}.onboarding-note span{display:block}.onboarding-subjects{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:10px}.onboarding-subject{display:flex;min-width:0;min-height:52px;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--subject, var(--line));border-radius:12px;background:var(--subject-soft, #fff);color:var(--subject, var(--ink));font-size:.875rem;font-weight:900;line-height:1.25;text-align:center}.onboarding-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.onboarding-actions button{min-height:48px}.onboarding-dialog-box{max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain}.onboarding-steps{display:grid;gap:9px;margin:0 0 16px;padding-left:1.7rem}.onboarding-steps li{padding-left:3px;font-weight:700}.guardian-guide-copy p{margin-bottom:11px}.subject-japanese{--subject: #34875f;--subject-soft: #e5f4e8}.subject-math{--subject: #d17b35;--subject-soft: #fff0dd}.subject-science{--subject: #277a9e;--subject-soft: #e2f3f9}.subject-social_studies{--subject: #8a6a37;--subject-soft: #f4ecd9}.subject-english{--subject: #7163b6;--subject-soft: #eeeafd}.world-grid{display:grid;gap:10px;margin-bottom:12px}.world{position:relative;overflow:hidden;border-left:7px solid var(--subject, var(--accent));background:linear-gradient(115deg,var(--subject-soft, #fff),#fff);padding:14px}.world:after{content:attr(data-mark);position:absolute;right:8px;bottom:-8px;font-size:3.6rem;opacity:.1;font-weight:900;pointer-events:none}.world-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.world-icon{font-size:1.4rem;font-weight:900;color:var(--subject, var(--ink))}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quick-grid button{padding:9px 4px;font-size:.85rem}.partner{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center}.spirit-art img{width:100%;height:auto;max-height:170px}.character-grid{display:grid;gap:12px}.character-card{border-top:7px solid var(--subject, var(--line))}.form-compare{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.form-box{border:1px solid var(--line);border-radius:14px;padding:8px;text-align:center;background:#f9fbfa}.form-box strong{display:block;margin-bottom:3px;font-size:.85rem}.form-box img{width:100%;max-width:150px;height:auto}.form-box.locked .locked-mark{font-size:3rem;font-weight:900;color:#9fb0b5;padding:24px 0}.silhouette-card .silhouette-art{text-align:center}img.as-silhouette{filter:brightness(0) opacity(.45)}.coming-soon{text-align:center;background:#eef1f1}.coming-soon img{margin:0 auto}.progress-dots{display:flex;gap:6px;margin:4px 0 12px}.progress-dots .dot{width:14px;height:14px;border-radius:50%;background:#d5e2e2;border:2px solid #b9cccc}.progress-dots .dot.current{background:var(--gold);border-color:#c8922a}.progress-dots .dot.done-correct{background:#45a58d;border-color:#2e7d68}.progress-dots .dot.done-moyamoya{background:#b8c6dd;border-color:#8fa5c8}.question-prompt{font-size:1.14rem;line-height:1.8;font-weight:800}.choice-list{display:grid;gap:8px;margin:12px 0}.choice{width:100%;text-align:left;background:#fff;display:flex;gap:8px;align-items:center;min-height:48px}.choice.selected{border:3px solid var(--accent);background:#eaf5f2}.choice .key{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e7eeee;flex:none;font-weight:900}.numeric-label{display:block;margin:12px 0}.numeric-input{width:100%;padding:10px 12px;font-size:1.1rem;background:#fff;margin-top:6px}.feedback{border-radius:14px;padding:11px;margin-top:10px;font-weight:800;line-height:1.6}.feedback p{margin:4px 0 0;font-weight:600}.feedback.good{background:#e3f5eb;border:2px solid #2e8b68}.feedback.try{background:#fff3d8;border:2px solid #d69436}.explanation{margin-top:10px;background:#f4f8f7}.ok-box{background:#e4f5eb;border:2px solid #27825f;border-radius:14px;padding:11px;color:#185f46;font-weight:800;margin:10px 0}.review-card{border-left:7px solid var(--subject, var(--line))}.review-card.cleared{background:#edf8f1}.result-hero{text-align:center}.stars{font-size:2.3rem;letter-spacing:.1em;color:#e3a832;text-align:center}.reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.reward{padding:12px;border-radius:14px;background:var(--soft);text-align:center}.reward strong{display:block;font-size:1.2rem}.new-friend{border:2px solid #438976}.report-copy{white-space:pre-wrap;background:#243b45;color:#f4f8f7;border-radius:14px;padding:14px;line-height:1.75;font-size:.9rem;font-family:inherit;margin:0 0 10px}.copy-status{min-height:24px;color:#236d53;font-weight:800}.bars{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;height:150px;gap:7px;border-bottom:2px solid #aababc;padding:8px 4px 0;margin-bottom:8px}.bar{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;font-size:.875rem;color:var(--muted)}.bar span{display:block;width:70%;min-height:3px;background:linear-gradient(#55a78f,#e6b253);border-radius:8px 8px 0 0}.setting-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:8px 0;border-bottom:1px dashed var(--line)}.volume-control{display:inline-flex;align-items:center;gap:8px;font-weight:800}.volume-control input{width:130px;accent-color:var(--accent)}.volume-control output{min-width:3.2em}.danger-zone{border-color:#d8b3a8}.dialog-overlay{position:fixed;inset:0;background:#14232888;display:grid;place-items:center;z-index:50;padding:16px}.dialog-box{background:#fff;border-radius:18px;padding:18px;max-width:420px;width:100%;box-shadow:0 18px 50px #1d343d55}.boot-error{padding:24px;line-height:1.8}@keyframes fxPop{0%{opacity:.3;transform:scale(.75)}65%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes fxRise{0%{opacity:0;transform:translateY(35px) scale(.9)}60%{opacity:1}to{transform:none}}@keyframes fxGlow{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 20px #f1b84b)}}@keyframes fxCloudIn{0%{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}@keyframes fxQuest{0%{opacity:.4;transform:translateY(16px) scale(.95)}62%{opacity:1;transform:translateY(-4px) scale(1.02)}to{transform:none}}.fx-pop{animation:fxPop .6s cubic-bezier(.2,.9,.25,1.2) both}.fx-rise{animation:fxRise 1s ease-out both}.fx-glow{animation:fxGlow 1.15s ease-in-out both}.fx-cloud-in{animation:fxCloudIn .3s ease-out both}.fx-quest{animation:fxQuest 1.1s ease-out both}@media(prefers-reduced-motion:reduce){:root:not(.motion-force) *,:root:not(.motion-force) *:before,:root:not(.motion-force) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:380px){main{padding:10px}.nav{gap:4px}.nav button{padding:7px 2px}.onboarding-card{padding:12px}.onboarding-title{font-size:1.16rem}.onboarding-subjects{gap:3px}.onboarding-subject{min-height:48px}.onboarding-actions{grid-template-columns:1fr 1fr}.onboarding-actions button{padding-inline:6px}.onboarding-dialog-box{max-height:calc(100vh - 20px)}.partner{grid-template-columns:90px 1fr}.quick-grid,.form-compare{grid-template-columns:1fr}.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.volume-control input{width:min(40vw,130px)}}@media(min-width:720px){#app{max-width:720px}main{padding:20px}.world-grid,.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.quest-progress-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.quest-progress-row .progress-dots{flex:1 1 auto}.quest-partner{margin:0 0 8px;display:flex;flex-direction:column;align-items:center;gap:2px;flex:0 0 auto;max-width:96px;text-align:center}.quest-partner img{width:48px;height:48px}.quest-partner-caption{font-size:.875rem;font-weight:800;line-height:1.3}.quest-partner-note{color:var(--muted);line-height:1.3}@keyframes fxPartnerCheer{0%{transform:none}45%{transform:translateY(-5px) scale(1.04)}to{transform:none}}.fx-partner-cheer{animation:fxPartnerCheer .3s ease-out 1 both}.join-reveal-overlay{z-index:60;overflow-y:auto}.join-reveal-scene{max-width:400px;width:100%;margin:auto;text-align:center;border-top:7px solid var(--subject, var(--accent))}.reveal-art{position:relative;width:150px;height:150px;margin:10px auto}.reveal-art img{position:absolute;inset:0;width:100%;height:100%}.reveal-art-silhouette{filter:brightness(0) opacity(.45);opacity:0}.reveal-anim .reveal-art-silhouette{animation:revealSilhouette 1s ease both}.reveal-anim .reveal-art-color{animation:revealForm 1s ease both}@keyframes revealSilhouette{0%{opacity:0}18%{opacity:1}55%{opacity:1}92%{opacity:0}to{opacity:0}}@keyframes revealForm{0%,50%{opacity:0}88%{opacity:1}to{opacity:1}}.reveal-anim .reveal-name{animation:fxPop .45s cubic-bezier(.2,.9,.25,1.2) .55s both}.reveal-anim .reveal-subject{animation:fxCloudIn .3s ease-out .65s both}.reveal-anim .reveal-joined{animation:fxPop .45s cubic-bezier(.2,.9,.25,1.2) .7s both}.reveal-anim .reveal-role,.reveal-anim .reveal-goal{animation:fxCloudIn .3s ease-out .82s both}.reveal-name{margin:6px 0 4px}.reveal-joined{font-size:1.2rem;font-weight:900;color:var(--good);margin:6px 0}.reveal-role{line-height:1.65;margin-bottom:8px}.reveal-goal{display:inline-block;font-weight:800;background:#fff1c6;border:1px solid #e0b75d;border-radius:999px;padding:6px 12px;margin-bottom:10px}.form2-preview-art{display:block;max-width:120px;margin:6px auto}.growth-overlay{z-index:60;overflow-y:auto}.growth-scene{max-width:400px;width:100%;margin:auto;text-align:center;border-top:7px solid var(--subject, var(--accent))}.growth-title{margin:8px 0 6px}.growth-stack{position:relative;width:160px;height:178px;margin:6px auto}.growth-form{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:4px}.growth-form img{width:140px;height:140px}.growth-form-label{font-weight:800}.growth-form-before{opacity:0}.growth-anim .growth-form-before{animation:growthBefore 1.15s ease both}.growth-anim .growth-form-after{animation:growthAfter 1.15s ease both}@keyframes growthBefore{0%{opacity:1}48%{opacity:1}82%{opacity:0}to{opacity:0}}@keyframes growthAfter{0%,48%{opacity:0}86%{opacity:1}to{opacity:1}}.growth-anim .reveal-motif{animation:fxCloudIn .25s ease-out both}.growth-anim .growth-feature{animation:fxCloudIn .3s ease-out .9s both}.growth-feature{line-height:1.65;margin:6px 0 10px}.growth-static .growth-stack{position:static;width:auto;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}.growth-static .growth-form{position:static;opacity:1}.growth-static .growth-form img{width:100%;max-width:140px;height:auto}@media(max-width:380px){.growth-static .growth-stack{grid-template-columns:1fr}}button.choice[aria-pressed=true]{background:#eaf5f2;color:var(--ink);border:3px solid var(--accent)}button.choice[aria-pressed=true]:disabled{opacity:1}.onboarding-subject.subject-japanese{color:#1e5a3e}.onboarding-subject.subject-math{color:#8a4a12}.onboarding-subject.subject-science{color:#175a78}.onboarding-subject.subject-social_studies{color:#5d4520}.onboarding-subject.subject-english{color:#4b3d85}@keyframes revealPop{0%{opacity:0;transform:scale(.75)}65%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:none}}.reveal-anim .reveal-name{animation:revealPop .45s cubic-bezier(.2,.9,.25,1.2) .55s both}.reveal-anim .reveal-joined{animation:revealPop .45s cubic-bezier(.2,.9,.25,1.2) .7s both}