/* v1.1: a consistent painted world, visible life stages, and a discovery tree. */
.habitat{height:410px;background:#edf1d6;overflow:hidden}.habitat:after{display:none}.habitat-painting{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-1}.pet-tag{z-index:3}.pet-speech{top:66px;font-size:13px;line-height:1.8;max-width:90%;text-align:center;white-space:normal;padding:7px 17px;background:#fffdf6ed}.habitat-weather{z-index:3;min-height:44px;min-width:44px;border:1px solid #fff8}.pet-area{width:280px;height:280px;bottom:33px;align-items:flex-end}.pet-area:not(:disabled):active{transform:translateX(-50%)}.pet-area:before{content:"";position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:140px;height:21px;border-radius:50%;background:radial-gradient(ellipse,#65826342,transparent 70%);filter:blur(2px);z-index:-1}.pet-area .creature{width:280px;filter:none;animation:gentle-breathe 4s ease-in-out infinite;transform-origin:50% 98%}.pet-area .creature svg{width:280px;height:280px}.pet-floor-label{bottom:8px;font-size:10px;background:#fff9;padding:2px 10px;color:#4f6853}.habitat[data-stage="baby"] .pet-area:before{width:70px;height:12px}.habitat[data-stage="egg"] .pet-area:before{width:75px;height:12px}.habitat[data-stage="kids"] .pet-area:before{width:100px;height:16px}.world-starlight .creature{filter:brightness(.98) drop-shadow(0 0 5px #ede6ff30)}.world-blossom .creature{filter:sepia(.035)}.place-strip{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 14px;background:#f3f5e9;border-radius:0 0 14px 14px;font-size:12px;line-height:2}.place-strip button{background:#fffdf7;border:1px solid #dae3cf;padding:3px 12px;border-radius:20px;min-height:44px;font-size:11px;font-weight:700}.progress-section{padding-top:12px}.place-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.place-option{text-align:left;border:2px solid #e3e9d8;background:#fffdf6;border-radius:18px;padding:7px;overflow:hidden}.place-preview{position:relative;isolation:isolate;height:135px;overflow:hidden;border-radius:12px}.place-option strong,.place-option small{display:block;margin:7px 5px;font-size:13px}.place-option small{font-size:11px}.place-option:disabled{filter:grayscale(.75);opacity:.62}.place-option.selected{border-color:#7ba167;background:#f0f6e7}.evolution-compare{display:flex;align-items:center;justify-content:center;gap:8px}.evolution-compare>div{flex:1;max-width:210px;min-width:0}.evolution-compare svg{display:block;width:100%;height:auto}.evolution-compare>span{font-size:26px;color:#97ac7f}.evolution-compare small{display:block;line-height:2.5;font-size:12px}.evolution-display>p{line-height:2}.hidden-creature{filter:brightness(0) opacity(.18)!important}.species-card.locked>svg{filter:brightness(0) opacity(.18);opacity:1}.species-card.locked:after{top:72px;color:#72846d;font-size:27px}.species-card>strong{line-height:2}.species-card{min-height:200px}.family-preview .mini-pet{height:70px}.main-nav>button{padding-top:13px;padding-bottom:13px}.care-card strong{line-height:2}.care-card .card-creature{opacity:.86}.care-card:last-child strong{line-height:2}.care-panel>.subline{font-size:12px}.care-card .care-label{font-size:11px}.curriculum-note{border:1px solid #e2e7d9;background:#fafbf5;border-radius:14px;padding:10px 13px;margin-top:13px;font-size:12px;line-height:2}.curriculum-note summary{cursor:pointer;min-height:35px;font-weight:700}.curriculum-note p{margin:8px 0}.curriculum-note a{font-size:11px}.garden-banner{position:relative;background:#edf0d6 url('./assets/habitats-four-v1.png') 0 0/200% 200%}.tree-guide{border:1px solid #e4e8d5;border-radius:22px;padding:18px 24px;background:#fffdf4;margin-bottom:24px;font-size:13px;line-height:2.4}.tree-guide b{font-weight:600}.tree-overview,.family-tree,.your-path{border:1px solid #dfe7d5;border-radius:25px;padding:22px;background:#fffef7}.tree-stage-title{display:flex;justify-content:center;align-items:center;gap:10px;margin:5px 0 14px;flex-wrap:wrap}.tree-stage-title>span{display:grid;place-items:center;background:#ebf0df;color:#688762;border-radius:50%;width:28px;height:28px;font-size:10px;font-weight:700}.tree-stage-title h2{font-size:17px;line-height:2.2}.tree-stage-title small{font-size:11px;color:#859475}.tree-root{display:flex;justify-content:center}.tree-node{background:#f9f9ef;border:1px solid #e1e7d6;border-radius:17px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:9px 5px 12px;min-width:0;max-width:100%;width:100%;line-height:1.7}.tree-node.current{border-color:#87a26c;box-shadow:0 0 0 3px #dee9cb}.tree-node.current:before{content:'いまの すがた';position:absolute;top:4px;left:50%;transform:translateX(-50%);font-size:9px;background:#e4edd6;border-radius:10px;padding:2px 6px;white-space:nowrap;z-index:2}.tree-node strong{font-size:12px;overflow-wrap:anywhere}.tree-node small{font-size:9px;color:#7d8e74}.tree-art{display:block;width:115px;max-width:100%;height:115px;position:relative}.tree-art>svg{width:100%;height:100%;display:block}.tree-node.undiscovered{background:repeating-linear-gradient(135deg,#f4f4e9,#f4f4e9 8px,#f7f7ed 8px,#f7f7ed 16px)}.tree-node.undiscovered .tree-art:after{content:'?';position:absolute;left:50%;bottom:20%;transform:translateX(-50%);font-size:24px;font-weight:700;color:#819079}.tree-root>.tree-node{width:160px}.branch-stem{height:27px;width:2px;background:#c1d0ae;margin:0 auto;position:relative}.branch-stem:after{content:'';position:absolute;left:-3px;bottom:0;border-top:6px solid #a4b790;border-left:4px solid transparent;border-right:4px solid transparent}.kids-branches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;position:relative;margin-top:22px}.kid-branch{position:relative;padding-top:19px}.kid-branch:before{content:'';position:absolute;top:0;left:50%;width:2px;height:20px;background:#c1d0ae}.kid-branch:after{content:'';position:absolute;top:0;left:-7px;right:-7px;height:2px;background:#c1d0ae}.kid-branch:first-child:after{left:50%}.kid-branch:last-child:after{right:50%}.branch-select{width:100%;min-height:48px;background:#edf2e1;border-radius:13px;margin-top:8px;padding:8px 4px;font-size:11px;line-height:2}.branch-select span{display:block;font-size:14px}.kid-branch.selected .branch-select{background:#52784f;color:#fff}.family-tree{margin-top:24px;scroll-margin-top:15px}.family-tree-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e5e9dc;padding-bottom:15px;margin-bottom:20px}.family-tree-heading h2{font-size:20px;line-height:2}.family-tree-heading>span{font-size:11px;color:#75876d}.young-branches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.young-branch{position:relative;border-top:2px solid #c1d0ae;padding:18px 8px 0}.young-branch:before{content:'';position:absolute;top:0;left:50%;height:18px;width:2px;background:#c1d0ae}.young-branch>.tree-node{max-width:180px;margin:auto}.young-branch>.tree-node .tree-art{height:135px;width:135px}.branch-recipe{font-size:11px;line-height:2.1;text-align:center;min-height:54px;color:#607b59;padding:7px 0 13px}.tree-stage-title.compact{gap:5px;margin:3px 0 12px}.tree-stage-title.compact h3{font-size:13px}.tree-stage-title.compact>span{width:23px;height:23px}.adult-leaves{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:relative;border-top:2px solid #cbd7bb;padding-top:12px}.adult-leaves>.tree-node:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 4px);justify-self:center}.adult-leaves .tree-node{padding:6px 3px 9px}.adult-leaves .tree-art{width:90px;height:90px}.adult-leaves .tree-node strong{font-size:10px}.adult-leaves .tree-node small{font-size:8px}.adult-leaves.one>.tree-node{width:100%!important}.tree-note{font-size:12px;line-height:2.3;margin-top:22px;padding:15px 18px;border-radius:16px;background:#f2f5e9}.secret-branch{border:1px solid #dcd3e6;border-radius:25px;background:linear-gradient(115deg,#f4edf8,#fff8e5);display:flex;justify-content:space-between;gap:22px;align-items:center;margin:24px 0;padding:22px 28px}.secret-branch .tree-node{max-width:180px;background:#ffffff66}.secret-tag{color:#9b7b9a;font-size:11px;line-height:2.5}.secret-branch h2{font-size:19px;line-height:2.3}.secret-branch p{font-size:12px;line-height:2.3}.your-path h2{font-size:18px;line-height:2.3}.path-nodes{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:15px}.path-nodes>.tree-node{max-width:170px;flex:1}.path-arrow{font-size:20px;color:#a1b58c}.your-path .tree-art{height:130px;width:130px}.tree-node:focus-visible,.place-option:focus-visible{outline:3px solid #a5774e}.tree-node:hover{background:#eef4e2}.tree-node.undiscovered:hover{background:#eeeee3}
.source-link{font-size:13px;line-height:2.35}.curriculum-note a{font-size:12px;line-height:2.35}.detail-copy{line-height:2.35}.age-button,.brand,.page-footer button{min-height:44px}
@keyframes gentle-breathe{0%,100%{transform:scale(1,1)}50%{transform:scale(1.012,1.018)}}
@media(max-width:1000px){.room-grid{grid-template-columns:1.35fr 1fr}.habitat{height:410px}.pet-area,.pet-area .creature,.pet-area .creature svg{width:260px;height:260px}.care-panel{padding:18px 16px}.care-card strong{font-size:14px}.young-branches{gap:10px}.young-branch{padding-left:0;padding-right:0}.tree-overview,.family-tree{padding:18px}.kids-branches{gap:8px}.branch-select{font-size:10px}.tree-node strong{font-size:11px}.adult-leaves{gap:6px}}
@media(max-width:730px){.main-nav{gap:3px}.main-nav>button{gap:3px;font-size:11px;padding:10px 3px;flex:1}.main-nav>button>span:first-child{display:none}.tiny-count{font-size:9px;min-width:15px}.room-grid{grid-template-columns:1fr}.habitat{height:318px}.pet-speech{top:56px;font-size:11px;padding:5px 12px}.pet-area,.pet-area .creature,.pet-area .creature svg{width:220px;height:220px}.pet-area{bottom:27px}.pet-tag{font-size:12px;top:12px}.pet-tag small{font-size:9px}.habitat-weather{top:10px;right:10px;font-size:18px}.pet-floor-label{font-size:9px;bottom:7px}.place-strip{font-size:11px;padding:4px 11px}.place-strip button{font-size:10px;min-height:40px}.progress-section{padding:13px 10px}.progress-text{font-size:11px}.progress-text span{font-size:10px}.stage-step{font-size:9px;line-height:2}.care-panel{padding:19px 15px}.care-grid{gap:10px}.care-card{min-height:138px;padding-top:13px}.care-card strong{font-size:14px}.care-card .care-label{font-size:10px}.care-card .card-creature{top:6px;width:43px;height:48px;opacity:.85}.care-card .care-arrow{display:none}.care-card:last-child{min-height:108px;padding-right:58px}.care-card:last-child .card-creature{width:52px;right:5px;top:23px}.care-card:nth-child(4){min-height:108px}.kind-note{font-size:11px;line-height:2.1}.mini-lessons p{font-size:11px;line-height:2}.mini-lessons strong{font-size:12px;line-height:2}.journey-copy p{font-size:11px;line-height:2}.journey-card{gap:5px}.family-preview .mini-pet{width:32px;height:62px}.tree-guide{padding:15px 18px;font-size:12px;line-height:2.4}.tree-overview,.family-tree,.your-path{padding:17px 12px;border-radius:21px}.tree-stage-title{gap:6px}.tree-stage-title h2{font-size:15px}.tree-stage-title small{font-size:10px}.kids-branches{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kid-branch:nth-child(4):after{left:50%}.kid-branch:nth-child(3):after{right:50%}.tree-art{height:103px}.branch-select{font-size:11px;padding:7px 3px}.tree-node{padding:7px 3px 9px}.tree-node strong{font-size:11px}.tree-node small{font-size:8px}.family-tree-heading{align-items:flex-start;flex-direction:column;gap:3px}.family-tree-heading h2{font-size:18px}.young-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.young-branch>.tree-node .tree-art{height:125px;width:125px}.branch-recipe{font-size:11px;min-height:64px}.adult-leaves{gap:6px}.adult-leaves .tree-art{height:85px}.adult-leaves .tree-node small{display:none}.adult-leaves .tree-node strong{font-size:10px;min-height:35px;display:flex;align-items:center}.secret-branch{padding:18px 15px;gap:12px;align-items:center}.secret-branch>div:first-child{flex:1}.secret-branch .tree-node{max-width:106px;flex-shrink:0}.secret-branch h2{font-size:16px}.secret-branch p{font-size:11px}.secret-tag{font-size:10px}.path-nodes{gap:5px;overflow-x:auto;justify-content:flex-start;padding:4px 3px 12px}.path-nodes>.tree-node{min-width:92px}.path-arrow{font-size:16px}.your-path .tree-art{height:95px;width:85px}.place-preview{height:110px}.place-options{gap:10px}.place-option strong{font-size:12px}.place-option small{font-size:10px;line-height:2}.species-card{min-height:185px}.species-card.locked:after{top:60px}.evolution-compare svg{max-height:190px}.question-prompt{line-height:2.2}.choice{line-height:2;min-height:85px}.settings-section p,.about-body p{line-height:2.4}}
@media(max-width:380px){.main-nav>button{font-size:10px}.progress-text span{display:none}.care-grid{grid-template-columns:1fr 1fr}.care-card:last-child{grid-column:1/-1}.family-preview .mini-pet{width:25px}.pet-tag{gap:5px;padding-left:8px;padding-right:8px}.tree-node strong{font-size:10px}.adult-leaves .tree-art{height:70px}.secret-branch{flex-wrap:wrap}.secret-branch>.tree-node{margin:auto;max-width:135px}}
.place-strip button{min-height:44px}
@media(prefers-reduced-motion:reduce){.pet-area .creature{animation:none!important}}