:root{--paper:#fbf8ef;--ink:#354e43;--muted:#68796c;--sage:#91af91;--forest:#487761;--sky:#bad9df;--cream:#f0dfad;--peach:#e8b99d;--rose:#d8a1a8;--lavender:#c3b4d6;--white:#fffdf6;--border:#d6dfcf;--shadow:0 8px 24px #41513e0c;font-family:ui-rounded,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--paper)}html{-webkit-text-size-adjust:100%}body{padding-bottom:env(safe-area-inset-bottom)}button{background:#edeedf;color:var(--ink);border:1px solid transparent;padding:14px 22px;border-radius:16px;min-height:52px;touch-action:manipulation}button:hover{transform:none;filter:none;background:#e2e9d8}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #568ba0;outline-offset:4px}.primary{background:var(--forest);color:#fffdf3;box-shadow:0 4px 0 #345745}.primary:hover{background:#3d6c56}.subtle{background:#f6f3e7;border:1px solid #e1e3d2}.danger{background:#f2d8d0}.muted{color:var(--muted)}header{max-width:1170px;padding:22px 30px;gap:18px}#brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.5px}.brand-art{width:45px!important;height:45px!important}#brand small{font-size:12px;letter-spacing:0}small{color:var(--muted);line-height:1.5}nav button{font-size:14px;background:transparent;border:1px solid var(--border)}main{max-width:1140px;padding:0 28px;min-height:70vh}h1{font-size:clamp(30px,4vw,47px);line-height:1.15;letter-spacing:-1.4px;font-weight:750}h2{font-size:26px;letter-spacing:-.6px;margin:30px 0 18px}h3{font-size:22px;margin:10px 0;letter-spacing:-.3px}p{line-height:1.7}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;font-weight:700;color:#64816c}.quiet-label{font-size:13px;color:var(--muted);line-height:1.6}.welcome{position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 18px 30px}.welcome-copy{z-index:1;max-width:620px}.welcome h1{margin:14px 0}.welcome h1 em{font-style:normal;color:var(--forest)}.welcome p{font-size:17px;margin:16px 0 23px}.welcome-friends{position:relative;width:310px;height:235px;flex-shrink:0;border-radius:50%;background:radial-gradient(ellipse at center,#e6edda,#e6edda00 70%)}.welcome-rabbit{position:absolute;width:185px!important;height:185px!important;bottom:5px;left:6px}.welcome-flower{width:92px;height:92px;position:absolute;bottom:0;right:12px}.speech-note{font-size:13px;line-height:1.7;position:absolute;top:8px;right:0;background:var(--white);padding:14px 18px;border-radius:22px 22px 22px 3px;box-shadow:var(--shadow);border:1px solid var(--border)}.explore-map{position:relative;border-radius:38px;padding:24px 34px 18px;overflow:hidden;isolation:isolate;border:1px solid #d5e0cd;box-shadow:var(--shadow)}.map-landscape{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.map-heading{text-align:center}.map-heading h2{margin:6px 0 22px}.map-places{display:grid;grid-template-columns:1fr 1fr;gap:32px 88px;position:relative}.place{padding:0;background:transparent!important;border:0;text-align:left;border-radius:25px;position:relative;box-shadow:0 10px 0 #6d846a18}.place-picture{border:4px solid #fff9e9;border-radius:26px;overflow:hidden;background:#e7efdf;box-shadow:var(--shadow)}.place-picture svg{display:block;width:100%;height:auto}.place-caption{position:relative;margin:-6px 16px 0;padding:15px 18px 14px;border-radius:4px 4px 20px 20px;background:var(--white);box-shadow:0 5px 12px #4b644912}.place h3{margin:0 0 4px;font-size:22px}.place-caption>span{font-size:12px;font-weight:450;color:var(--muted)}.start-sign{position:absolute;right:14px;bottom:14px;background:#e1e9d5;padding:8px 12px;border-radius:10px;font-size:12px}.place-english .start-sign{background:#dcebee}.place-language .start-sign{background:#edddcd}.place-social .start-sign{background:#e6deee}.place:nth-child(even){margin-top:22px}.place:focus-visible{outline-offset:6px}.map-legend{font-size:12px;line-height:1.5;color:#536950;text-align:center;padding:26px 18px 4px}.offline-note{display:flex;align-items:center;gap:14px;padding:20px 8px}.offline-note .art{width:55px;height:55px}.offline-note p{font-size:14px;margin:0;color:var(--muted)}.world-entry,.end-scene{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:42px;padding:50px 0}.entry-art svg,.end-art svg{width:100%;display:block;border:7px solid var(--white);border-radius:32px;box-shadow:var(--shadow)}.entry-copy h1,.end-copy h1{font-size:38px}.entry-copy p{font-size:16px}.game{max-width:860px;margin:12px auto 28px;text-align:left}.game-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px}.game-top .subtle{font-size:13px;padding:10px 14px;min-height:46px}.task-intro{display:flex;align-items:center;gap:18px;padding:12px 10px}.task-intro h1{font-size:clamp(23px,3vw,30px);line-height:1.4;margin:6px 0;letter-spacing:-.6px}.guide-avatar{flex-shrink:0;width:88px;height:88px;background:#e4ead9;border-radius:50%;padding:2px}.guide-avatar svg{width:100%;height:100%}.listen-button{margin-left:auto;flex-shrink:0;font-size:20px;width:55px;padding:10px;background:var(--white);border-color:var(--border)}.task-scene{position:relative;min-height:185px;margin:18px 0 24px;padding:20px 22px 34px;border-radius:30px;overflow:hidden;background:linear-gradient(180deg,#e8f1e0,#f4f2df);text-align:center}.game-language .task-scene{background:linear-gradient(180deg,#f2e8dc,#f9f3e4)}.game-english .task-scene{background:linear-gradient(180deg,#e0eef0,#f1f3e5)}.game-social .task-scene{background:linear-gradient(180deg,#eee7f3,#f6efe5)}.scene-ground{position:absolute;inset:auto -10% -35px;height:70px;background:#ccd9bc;opacity:.55;border-radius:50%}.compact-scene{min-height:110px;padding:8px 15px 20px}.visual-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;position:relative}.art{width:92px;height:92px;display:inline-block;flex-shrink:0;vertical-align:middle}.task-scene .art{width:108px;height:108px}.compact-scene .art{width:78px;height:78px}.visual-word{font-size:21px;white-space:pre-wrap;line-height:1.5}.visual-row .visual-word{font-size:28px}.visual-word:empty{display:none}.choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.choice{border:2px solid var(--border);background:var(--white);padding:18px 12px;min-height:135px;border-radius:24px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 3px;font-size:22px;box-shadow:0 4px 0 #d6dcc92e}.choice:hover:not(:disabled){background:#f6f9ef;border-color:#a4b596}.choice .art{width:94px;height:94px}.choice .visual-word{font-size:21px}.choice small{width:100%;text-align:center}.choice.selected{background:#e8efde;border-color:#79956b}.choice.matched{background:#edf1e4;opacity:.68;border-color:#9aaf8d}.choice.hint-outline{outline:3px dashed #8b9f6c;outline-offset:3px}.sized-object{height:106px;width:110px;display:flex;align-items:flex-end;justify-content:center}.sized-object .art{width:calc(100px * var(--object-scale));height:calc(100px * var(--object-scale))}.tap-guide{text-align:center;font-size:14px;color:var(--muted);line-height:1.6;min-height:22px}.matching-board{display:grid;grid-template-columns:1fr 1fr;gap:35px}.match-column{display:flex;flex-direction:column;gap:13px}.match-column .choice{min-height:115px}.shadow-pictures .art{filter:brightness(0) saturate(0);opacity:.63}.sorting-items{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0 20px}.sorting-items .choice{min-height:115px;padding:12px 3px}.sorting-items .art{width:80px;height:80px}.sorting-bins{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bin{background:#f1ead6;align-content:flex-start;padding:16px 10px;min-height:160px;border-color:#c9b799}.bin .visual-word{font-size:16px}.bin .art{width:64px;height:64px}.bin-content{width:100%;min-height:40px;border-top:2px dashed #c8bda2;margin-top:8px;padding-top:5px}.bin-content .art{width:38px;height:38px}.order-tray{display:flex;justify-content:center;gap:12px;margin:14px 0 20px;background:#ecefdf;padding:13px;border-radius:20px;min-height:100px}.order-slot{background:#fffdf6;border:1px dashed #b1bfa4;border-radius:14px;min-width:70px;min-height:78px;display:flex;align-items:center;justify-content:center;max-width:32%;font-size:24px;color:#718468;flex-wrap:wrap;padding:4px}.order-slot .art{width:55px;height:55px}.order-slot .visual-word{font-size:13px}.order-slot .sized-object{height:60px;width:64px}.order-slot .sized-object .art{width:calc(55px * var(--object-scale));height:calc(55px * var(--object-scale))}.route-choices{grid-template-columns:1fr}.route-line{width:100%;display:flex;align-items:center;justify-content:center;gap:3px}.route-line .art{width:70px;height:70px}.route-step{font-size:22px;color:#99aa88}.observed-choices .choice{font-size:17px;min-height:70px;padding:18px}.feedback{background:#e9efdf;border:1px solid #d5dfc8;padding:20px;border-radius:23px;margin-top:20px;line-height:1.6}.feedback.note{display:flex;align-items:center;gap:14px}.feedback.note p{margin:0}.note-art{width:66px;flex-shrink:0}.note-art .art{width:66px;height:66px}.complete-feedback{display:flex;align-items:flex-start;gap:16px}.complete-feedback p{font-size:14px;color:var(--muted);margin:8px 0 16px}.gentle-motion .feedback{animation:soft-arrive .2s ease-out both}@keyframes soft-arrive{from{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:none}}.controls{justify-content:center}.controls .subtle{font-size:13px}.parent-tip{margin-top:28px;border-top:1px solid var(--border);padding-top:10px;color:var(--muted)}summary{min-height:48px;font-size:14px}details p{font-size:14px}.card{background:var(--white);border-color:var(--border);border-radius:25px;box-shadow:var(--shadow)}.parent-avatar{width:46px;height:46px;margin-right:8px}.form{gap:18px}select,input[type=number]{font-size:16px;background:var(--white);border-color:#b9c6af;min-height:48px}input[type=checkbox]{width:19px;height:19px;vertical-align:middle;accent-color:var(--forest)}.motion-setting{margin:18px 0;font-size:14px}th,td{padding:12px;border-bottom-color:var(--border)}.notice{background:#f5e9cb;font-size:14px}.help-card{margin:25px 0}.offline-suggestion{border-left:3px solid #adc09e;background:#edf0e2;border-radius:0 18px 18px 0;padding:16px;margin:22px 0}.offline-suggestion p{font-size:14px;margin:5px 0}.position-picture{width:160px;height:170px;position:relative;margin:auto}.position-object{position:absolute;width:65px!important;height:65px!important;left:48px;top:60px;z-index:2}.position-furniture{position:absolute;width:125px!important;height:125px!important;top:30px;left:17px}.position-picture.below .position-object,.position-picture.below-chair .position-object{top:107px;left:46px}.position-picture.above .position-object,.position-picture.above-chair .position-object{top:0;left:46px}.position-picture.beside .position-object{left:115px;top:80px}.position-picture.in .position-furniture{top:53px}.position-picture.in .position-object{top:85px;left:45px;width:70px!important;height:70px!important}footer{color:var(--muted);font-size:12px;padding:26px 20px 34px}
@media(max-width:760px){header{padding:18px;gap:10px}main{padding:0 18px}.welcome{padding:15px 0 25px}.welcome-friends{width:220px;height:190px}.welcome-rabbit{width:150px!important;height:150px!important}.welcome-flower{width:60px;height:60px;right:0}.speech-note{font-size:11px;padding:9px 11px}.welcome h1{font-size:38px}.welcome-copy .quiet-label{display:none}.explore-map{padding:22px 18px}.map-places{gap:22px 25px}.place h3{font-size:18px}.place-caption{padding:12px 10px 45px;margin-left:8px;margin-right:8px}.start-sign{bottom:8px;right:9px;left:9px;text-align:center}.world-entry,.end-scene{grid-template-columns:1fr;gap:20px;padding:24px 0}.entry-art,.end-art{max-width:520px;margin:auto}.entry-copy h1,.end-copy h1{font-size:32px}.guide-avatar{width:66px;height:66px}.task-intro{gap:12px}.task-scene .art{width:85px;height:85px}.task-scene{min-height:155px}.compact-scene{min-height:100px}.route-line .art{width:56px;height:56px}.route-step{font-size:14px}}
@media(max-width:480px){header{padding:14px;flex-wrap:wrap}#brand{font-size:20px}.brand-art{width:38px!important;height:38px!important}#brand small{font-size:11px}nav{width:100%;justify-content:space-between}nav button{padding:9px 16px;min-height:42px;font-size:12px}main{padding:0 13px}.welcome{align-items:flex-start;padding:18px 4px 24px;min-height:240px}.welcome-copy{max-width:75%}.welcome h1{font-size:32px;letter-spacing:-1px}.welcome p{font-size:14px;max-width:190px}.welcome .eyebrow{font-size:9px;letter-spacing:1.1px}.welcome .primary{font-size:12px;padding:12px 14px}.welcome-friends{position:absolute;right:0;bottom:22px;width:130px;height:150px}.welcome-rabbit{width:111px!important;height:111px!important;left:10px}.welcome-flower{width:40px;height:40px}.speech-note{display:none}.map-heading h2{font-size:22px}.explore-map{padding:18px 10px;border-radius:28px}.map-places{gap:18px 12px}.place-picture{border-width:3px;border-radius:19px}.place-caption{padding:12px 9px 43px;margin:0 3px}.place h3{font-size:16px;line-height:1.35;min-height:42px}.place-caption>span{font-size:10px}.place:nth-child(even){margin-top:20px}.map-legend{font-size:10px;padding:23px 6px 0}.offline-note p{font-size:12px}.game-top .quiet-label{display:none}.task-intro{padding:10px 0;gap:8px}.task-intro h1{font-size:22px;letter-spacing:-.4px}.task-intro .eyebrow{font-size:9px}.guide-avatar{width:48px;height:48px}.listen-button{width:43px;min-height:43px;padding:8px;border-radius:13px;font-size:16px}.task-scene{margin:12px 0 20px;padding:15px 12px 25px;border-radius:23px}.task-scene .art{width:65px;height:65px}.compact-scene{min-height:82px;padding:6px 10px 15px}.compact-scene .art{width:59px;height:59px}.visual-row{gap:3px}.visual-row .visual-word{font-size:21px}.choice{min-height:115px;border-radius:19px;padding:14px 8px}.choice .art{width:69px;height:69px}.choice .visual-word{font-size:17px}.choices{gap:12px}.matching-board{gap:17px}.match-column .choice{min-height:100px}.sorting-items{grid-template-columns:repeat(2,1fr);gap:10px}.sorting-items .choice{min-height:90px}.sorting-items .art{width:62px;height:62px}.sorting-bins{gap:12px}.bin{padding:10px 6px;min-height:146px}.bin .art{width:53px;height:53px}.bin .visual-word{font-size:13px}.bin-content .art{width:30px;height:30px}.order-tray{gap:6px;padding:10px}.order-slot{min-width:60px;max-width:33%;min-height:68px}.order-slot .art{width:45px;height:45px}.route-line{gap:0}.route-line .art{width:37px;height:37px}.route-step{font-size:12px}.route-choices .choice{min-height:100px}.card{padding:18px}.grid,.form{grid-template-columns:1fr}.feedback{padding:16px}.complete-feedback .note-art{width:42px}.complete-feedback .note-art .art{width:42px;height:42px}.complete-feedback{gap:10px}.position-picture{width:123px;height:155px}.position-furniture{left:0;width:105px!important;height:105px!important}.position-object{left:33px;width:56px!important;height:56px!important}.position-picture.below .position-object,.position-picture.below-chair .position-object{left:31px;top:95px}.position-picture.above .position-object,.position-picture.above-chair .position-object{left:29px}.position-picture.beside .position-object{left:83px;top:80px;width:43px!important;height:43px!important}.position-picture.in .position-object{left:27px;top:74px;width:58px!important;height:58px!important}.position-picture.in .position-furniture{top:47px}.sized-object{width:86px}.sized-object .art{width:calc(84px * var(--object-scale));height:calc(84px * var(--object-scale))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.position-picture.above .position-object,.position-picture.above-chair .position-object{top:14px}.tap-guide{font-size:15px}.visual-row .visual-word{max-width:100%}
.route-line .art{flex-shrink:1;min-width:0}.route-step{flex:0 0 8px;text-align:center}