:root{color-scheme:light;--color-bg: #fff8f0;--color-bg-card: #ffffff;--color-primary: #f9a8d4;--color-secondary: #a7d8f0;--color-accent: #fde68a;--color-success: #86efac;--color-text: #4a3728;--color-text-muted: #7c624b;--color-error-soft: #fecaca;--color-violet: #cab6ff;--color-leaf: #a8e6cf;--shadow-clay: inset -2px -2px 7px rgba(74, 55, 40, .08), inset 2px 2px 8px rgba(255, 255, 255, .85), 6px 8px 18px rgba(124, 98, 75, .16);--shadow-lift: 0 12px 28px rgba(124, 98, 75, .18);--radius-lg: 24px;--radius-md: 18px;--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:Comic Neue,Hiragino Maru Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-weight:700;background:var(--color-bg);color:var(--color-text)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:radial-gradient(circle at 20% 8%,rgba(253,230,138,.55),transparent 22rem),radial-gradient(circle at 86% 22%,rgba(167,216,240,.6),transparent 18rem),linear-gradient(180deg,#fff8f0,#fef0f6 44%,#effaf5)}button{font:inherit}input{min-height:64px;width:100%;border:3px solid rgba(74,55,40,.16);border-radius:var(--radius-md);background:#ffffffdb;color:var(--color-text);font:inherit;font-size:28px;text-align:center;box-shadow:var(--shadow-clay)}.app-shell{position:relative;width:min(100%,920px);min-height:100dvh;margin:0 auto;overflow:hidden}.screen{min-height:100dvh;padding:calc(22px + env(safe-area-inset-top,0px)) 18px calc(26px + var(--safe-bottom))}.screen-header,.stage-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.stage-header{display:block;text-align:center}h1,h2,p{margin:0}h1{font-family:"Baloo 2",Comic Neue,Hiragino Maru Gothic ProN,Yu Gothic,Meiryo,sans-serif;line-height:1.08;letter-spacing:0;font-size:32px}h2{font-family:"Baloo 2",Comic Neue,Hiragino Maru Gothic ProN,Yu Gothic,Meiryo,sans-serif;margin-bottom:12px;font-size:24px;line-height:1.15}p{color:var(--color-text-muted);font-size:20px;line-height:1.55}.eyebrow{margin-bottom:6px;color:#986f2b;font-size:16px}.clay-button,.mute-button,.map-node,.answer-choice,.plate,.berry{min-width:64px;min-height:64px;border:3px solid rgba(74,55,40,.16);border-radius:var(--radius-md);color:var(--color-text);box-shadow:var(--shadow-clay);cursor:pointer;touch-action:manipulation;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.clay-button:hover,.map-node:hover,.answer-choice:hover,.plate:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.clay-button:disabled,.answer-choice:disabled,.map-node:disabled{cursor:not-allowed;filter:grayscale(.4);opacity:.68;transform:none}.clay-button{width:100%;padding:16px 20px;font-size:22px}.clay-button--primary{background:var(--color-primary)}.clay-button--secondary{background:var(--color-secondary)}.clay-button--star{background:linear-gradient(180deg,#fff4aa,#facc5d)}.clay-button--quiet{background:#ffffffbd}.mute-button{position:fixed;z-index:20;top:calc(14px + env(safe-area-inset-top,0px));right:14px;width:64px;background:#ffffffd1;font-size:25px}.star-counter{display:inline-flex;align-items:center;gap:6px;min-height:64px;padding:10px 16px;border:3px solid rgba(152,111,43,.18);border-radius:999px;background:#fff9cf;box-shadow:var(--shadow-clay);white-space:nowrap}.star-counter span,.reward-star{color:#e4a928;text-shadow:0 3px 0 rgba(152,111,43,.18)}.star-counter strong{font-size:26px}.star-counter small{color:var(--color-text-muted)}.storybook-hero{position:relative;display:grid;min-height:68dvh;align-items:end;overflow:hidden;padding:24px;border:3px solid rgba(74,55,40,.13);border-radius:30px;background:linear-gradient(180deg,#a7d8f07a,#ffffffc7),repeating-linear-gradient(120deg,rgba(255,255,255,.45) 0 14px,transparent 14px 28px);box-shadow:var(--shadow-clay)}.sky-shape{position:absolute;border-radius:45% 55% 50% 50%;opacity:.8}.sky-shape--one{inset:10% auto auto 8%;width:110px;height:90px;background:var(--color-accent)}.sky-shape--two{right:-32px;bottom:28%;width:155px;height:120px;background:var(--color-leaf)}.character{position:relative;z-index:1;width:min(78vw,350px);margin:0 auto;animation:breathe 2.6s ease-in-out infinite}.character--small{width:112px;margin-top:20px}.character img{display:block;width:100%;filter:drop-shadow(0 14px 18px rgba(124,98,75,.16))}.character-accessory{position:absolute;z-index:2;display:grid;place-items:center;width:18%;aspect-ratio:1;border:3px solid rgba(74,55,40,.14);border-radius:999px;background:#fff9cf;box-shadow:var(--shadow-clay);color:#986f2b;font-size:clamp(18px,6vw,32px);line-height:1}.character--small .character-accessory{border-width:2px;font-size:14px}.accessory--wand{right:13%;bottom:24%;background:#fff4aa;rotate:18deg}.accessory--beret{left:32%;top:10%;background:#c98a45;color:#fff9cf}.accessory--crown{left:41%;top:4%;background:#ffe1f0;color:#c64f86}.accessory--badge{right:25%;top:46%;background:#d9eef8;color:#5b4a3a}.accessory--cape{left:11%;bottom:20%;background:#86efac;color:#276738}.accessory--drop{right:18%;top:21%;background:#d9f4ff;color:#20779f}.accessory--pendant{left:44%;bottom:21%;background:#ffd6a5;color:#9c5f35}.accessory--ribbon{left:23%;top:23%;background:#ffd8ed;color:#b44780}.accessory--dot{right:39%;bottom:10%;background:#cab6ff;color:#5b43a2}.start-copy{position:relative;z-index:2;padding-top:12px;text-align:center}.start-copy h1{margin-bottom:10px;font-size:36px}.start-actions,.action-row{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px}.start-actions .star-counter{justify-content:center}.map-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.map-tools .clay-button{padding-inline:10px;font-size:18px}.map-path{position:relative;display:grid;gap:22px;min-height:62dvh;padding:30px 4px}.map-line{position:absolute;top:54px;bottom:104px;left:50%;width:10px;border-radius:999px;background:linear-gradient(#f9a8d4,#fde68a,#a8e6cf);transform:translate(-50%)}.map-node{position:relative;display:grid;grid-template-columns:70px 1fr;align-items:center;gap:12px;width:min(92%,430px);min-height:96px;padding:14px 16px;background:#fff;text-align:left}.map-node:nth-of-type(2n){justify-self:end}.map-node strong,.map-node small{display:block}.map-node small{margin-top:4px;color:var(--color-text-muted);font-size:16px}.map-node.is-complete{background:#fff4aa}.map-node.is-locked{background:#f1eee8}.map-node.is-active-session{border-color:#e4a92885;background:linear-gradient(180deg,#fff9cf,#fff);animation:resumePulse 1.8s ease-in-out infinite}.node-star{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:var(--color-accent);color:#c68b16;font-size:30px}.resume-chip{display:inline-flex;align-items:center;min-height:32px;margin-top:8px;padding:4px 10px;border:2px solid rgba(152,111,43,.16);border-radius:999px;background:#fff4aa;color:#986f2b;font-size:15px}.picture-page{display:grid;gap:12px;min-height:72dvh;align-content:center;padding:22px;border:3px solid rgba(74,55,40,.14);border-radius:30px;background:linear-gradient(180deg,#fff,#fff2c8);box-shadow:var(--shadow-clay);text-align:center}.story-illustration{position:relative;display:grid;min-height:310px;place-items:center;overflow:hidden;border-radius:28px;background:linear-gradient(180deg,#a7d8f070,#ffffff80),repeating-linear-gradient(90deg,rgba(255,255,255,.36) 0 18px,transparent 18px 36px)}.story-illustration .character{width:min(68vw,300px)}.story-orbit{position:absolute;color:#e4a928;font-size:42px;text-shadow:0 3px 0 rgba(152,111,43,.16)}.story-orbit--one{top:22px;left:24px}.story-orbit--two{right:28px;bottom:38px}.story-item-mark{position:absolute;right:18px;top:18px;min-width:82px;padding:12px 14px;border:3px solid rgba(74,55,40,.14);border-radius:999px;background:#fff9cf;box-shadow:var(--shadow-clay);color:#7b4d28}.play-screen{display:grid;grid-template-rows:auto auto 1fr auto auto;gap:16px}.stage-topbar{display:flex;justify-content:flex-start}.stage-quit-button{width:auto;padding:12px 16px;font-size:18px}.concrete-layout{display:grid;gap:16px}.basket{display:grid;gap:10px;min-height:156px;padding:16px;border:3px solid rgba(74,55,40,.14);border-radius:var(--radius-lg);background:#ffffffb8;box-shadow:var(--shadow-clay)}.berry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:10px}.berry{display:grid;place-items:center;background:#fff3f7;color:#fff}.berry-icon{width:50px;height:50px;filter:drop-shadow(0 4px 0 rgba(152,111,43,.14))}.berry.is-dragging{z-index:5;opacity:.9}.plates{display:grid;grid-template-columns:repeat(auto-fit,minmax(142px,1fr));gap:12px}.plate{display:grid;gap:10px;min-height:132px;padding:12px;background:#fffdf7}.plate.is-over{outline:4px solid rgba(134,239,172,.72)}.plate-face{color:var(--color-text-muted);font-size:16px}.plate-dots{display:grid;grid-template-columns:repeat(var(--dot-count, 5),1fr);gap:8px}.plate-dots i,.array-dot,.hint-array i{display:block;width:20px;height:20px;border:2px solid rgba(74,55,40,.18);border-radius:50%;background:#f9a8d429}.plate-dots i.is-filled,.array-dot,.hint-array i{background:#ff6f91}.stage-message{min-height:40px;padding:8px 10px;border-radius:999px;background:#ffffff9e;text-align:center}.array-panel{display:grid;gap:10px;align-content:center;padding:16px;border:3px solid rgba(74,55,40,.14);border-radius:var(--radius-lg);background:#ffffffc2;box-shadow:var(--shadow-clay)}.array-row{display:grid;grid-template-columns:1fr 64px;align-items:center;gap:10px;min-height:50px}.array-row div{display:grid;grid-template-columns:repeat(var(--dot-count, 5),26px);gap:8px}.array-row strong{font-size:24px;text-align:right}.hint-array{display:grid;gap:6px;max-height:210px;overflow:auto;padding:12px;border-radius:var(--radius-md);background:#ffffffb8}.hint-array span{display:grid;grid-template-columns:repeat(var(--dot-count, 5),18px);gap:6px;justify-content:center}.hint-array i{width:15px;height:15px}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:center}.answer-choice{font-family:"Baloo 2",Comic Neue,Hiragino Maru Gothic ProN,Yu Gothic,Meiryo,sans-serif;min-height:96px;background:#fff;font-size:34px}.answer-choice.is-soft-wrong{background:var(--color-error-soft)}.answer-choice.is-correct{background:var(--color-success)}.reward-screen{display:grid;align-content:center;justify-items:center;gap:12px;text-align:center}.reward-star{font-size:86px}.reward-screen .character{width:min(72vw,310px)}.reward-sticker{display:grid;min-width:min(88vw,360px);gap:4px;padding:18px;border:3px solid rgba(152,111,43,.18);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fff9cffa,#ffffffe0),repeating-linear-gradient(135deg,rgba(249,168,212,.18) 0 10px,transparent 10px 20px);box-shadow:var(--shadow-clay)}.reward-sticker span{color:#986f2b;font-size:16px}.reward-sticker strong{font-size:24px}.parent-screen,.sticker-screen,.dressup-screen,.story-gallery-screen,.chant-screen,.review-screen{display:grid;align-content:start;gap:16px}.review-screen{align-content:center}.chant-table-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.chant-table-grid .clay-button{min-height:82px;padding-inline:8px}.chant-list{display:grid;gap:10px}.chant-row{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;min-height:76px;padding:12px 16px;border:3px solid rgba(74,55,40,.14);border-radius:var(--radius-md);background:#ffffffd1;box-shadow:var(--shadow-clay);color:var(--color-text);text-align:left}.chant-row strong{font-size:22px}.chant-row span{color:var(--color-text-muted);font-size:20px}.chant-row.is-active{background:#fff4aa;transform:scale(1.02)}.milestone-screen{display:grid;min-height:100dvh;align-content:center;justify-items:center;gap:12px;overflow:hidden;text-align:center}.milestone-screen h1{font-size:clamp(38px,12vw,72px)}.milestone-screen .character{width:min(78vw,360px)}.milestone-burst{color:#e4a928;font-size:96px;line-height:1;text-shadow:0 5px 0 rgba(152,111,43,.16)}.parent-gate{display:grid;gap:18px;align-self:center;width:min(100%,520px);margin:8dvh auto 0;padding:24px;border:3px solid rgba(74,55,40,.14);border-radius:30px;background:linear-gradient(180deg,#fff,#fff9cf);box-shadow:var(--shadow-clay);text-align:center}.gate-form{display:grid;gap:14px}.gate-form label{font-size:22px}.gate-error{color:#9b3b3b;font-size:18px}.dashboard-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dashboard-summary div,.progress-panel,.praise-panel,.practice-nudge,.weak-facts-panel{border:3px solid rgba(74,55,40,.14);border-radius:var(--radius-lg);background:#ffffffc7;box-shadow:var(--shadow-clay)}.dashboard-summary div{display:grid;place-items:center;min-height:96px;padding:12px 8px;text-align:center}.dashboard-summary strong{font-size:clamp(24px,7vw,30px);line-height:1.1}.dashboard-summary span,.quest-progress small,.attempt-row,.sticker-card small{color:var(--color-text-muted)}.progress-panel,.praise-panel,.practice-nudge,.weak-facts-panel{padding:16px}.practice-nudge{background:linear-gradient(180deg,#fff9cf,#ffffffdb)}.practice-nudge p{color:var(--color-text);font-size:18px}.weak-facts-panel{display:grid;gap:12px;background:linear-gradient(180deg,#fff9cff5,#ffffffe0),repeating-linear-gradient(135deg,rgba(167,216,240,.18) 0 12px,transparent 12px 24px)}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title-row h2{margin-bottom:0}.panel-title-row span{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:50%;background:#fff;color:#c68b16;box-shadow:var(--shadow-clay)}.weak-fact-list{display:grid;gap:10px}.weak-fact{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;min-height:58px;padding:10px 12px;border-radius:var(--radius-md);background:#ffffffd1}.weak-fact strong{font-size:20px}.weak-fact span,.all-good-message{color:var(--color-text-muted);font-size:17px}.all-good-message{color:#4f7f48}.quest-progress-grid{display:grid;gap:10px}.quest-progress{display:grid;grid-template-columns:44px 1fr;gap:6px 10px;min-height:82px;align-items:center;padding:10px;border-radius:var(--radius-md);background:#f6f0e8}.quest-progress.is-complete{background:#fff4aa}.quest-progress span{grid-row:span 2;display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#fff;color:#c68b16}.quest-progress small{font-size:15px}.support-badge{display:inline-flex;grid-column:2;align-items:center;gap:6px;width:fit-content;max-width:100%;min-height:34px;padding:4px 10px;border:2px solid rgba(74,55,40,.1);border-radius:999px;color:var(--color-text);font-size:14px;font-style:normal;line-height:1.2}.support-badge b{font-size:16px;line-height:1}.support-badge--concrete{background:#effaf5}.support-badge--abstract{background:#eef8ff}.attempt-table{display:grid;overflow:hidden;border-radius:var(--radius-md);background:#fffdf7}.attempt-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(70px,.65fr) minmax(92px,.9fr);gap:8px;padding:12px 10px;border-bottom:2px solid rgba(74,55,40,.08);font-size:15px}.attempt-row span{min-width:0}.attempt-row--head{background:#fff9cf;color:var(--color-text)}.praise-panel p{font-size:18px}.sticker-screen .screen-header,.story-gallery-screen .screen-header{align-items:center}.sticker-screen .character--small,.story-gallery-screen .character--small{margin-top:0}.sticker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sticker-card{display:grid;gap:8px;min-height:156px;align-content:center;justify-items:center;padding:14px;border:3px solid rgba(74,55,40,.14);border-radius:var(--radius-lg);background:#ffffffd1;box-shadow:var(--shadow-clay);text-align:center}.sticker-card.is-locked{background:#f1eee8;filter:grayscale(.45)}.sticker-badge{display:grid;width:66px;height:66px;place-items:center;border-radius:50%;background:#fff4aa;color:#c68b16;font-size:32px;box-shadow:inset 0 -4px #986f2b1f}.sticker-card strong{font-size:18px}.dressup-preview,.empty-panel,.story-card,.accessory-card{border:3px solid rgba(74,55,40,.14);border-radius:var(--radius-lg);background:#ffffffd1;box-shadow:var(--shadow-clay)}.dressup-preview{display:grid;min-height:310px;place-items:center;overflow:hidden;background:linear-gradient(180deg,#a7d8f061,#fff9),repeating-linear-gradient(135deg,rgba(253,230,138,.26) 0 16px,transparent 16px 32px)}.dressup-preview .character{width:min(70vw,310px)}.accessory-grid,.story-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.accessory-card{display:grid;min-height:156px;gap:8px;align-content:center;justify-items:center;padding:14px 10px;color:var(--color-text);text-align:center}.accessory-card.is-locked{background:#f1eee8;filter:grayscale(.45)}.accessory-card.is-equipped{outline:4px solid rgba(134,239,172,.68);background:#f0fff6}.accessory-glyph{display:grid;position:static;width:68px;height:68px;place-items:center;border:3px solid rgba(74,55,40,.14);border-radius:999px;box-shadow:inset 0 -4px #986f2b1f;font-size:30px;rotate:0deg}.accessory-card strong{font-size:17px}.accessory-card small{color:var(--color-text-muted);font-size:14px}.empty-panel{padding:22px;text-align:center}.story-card{display:grid;gap:8px;padding:14px}.story-card-picture{display:flex;min-height:96px;align-items:center;justify-content:space-between;gap:10px;padding:14px;border-radius:var(--radius-md);background:linear-gradient(180deg,#fde68a94,#ffffffc7),repeating-linear-gradient(90deg,rgba(249,168,212,.18) 0 12px,transparent 12px 24px)}.story-card-picture span{padding:8px 12px;border-radius:999px;background:#fff;color:#7b4d28;box-shadow:var(--shadow-clay)}.story-card-picture strong{color:#e4a928;font-size:42px;text-shadow:0 3px 0 rgba(152,111,43,.16)}.story-card h2{margin-bottom:0;font-size:20px}.story-card p:not(.eyebrow){font-size:17px}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes resumePulse{0%,to{box-shadow:var(--shadow-clay)}50%{box-shadow:0 0 0 6px #fde68a57,var(--shadow-lift)}}@media(min-width:720px){.screen{padding-inline:40px}.storybook-hero,.picture-page{min-height:560px}.concrete-layout{grid-template-columns:minmax(260px,.8fr) 1.2fr;align-items:start}.action-row,.start-actions{grid-template-columns:1fr 1.5fr;align-items:center}.accessory-grid,.story-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}