.immersive-play.storybook-welcome{padding:0;background:#faf7ef;color:#4c6140;min-height:100svh;isolation:isolate}.storybook-welcome .play-footer,.storybook-welcome>.game-atmosphere,.storybook-welcome>.game-utility{display:none}.welcome-scene{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:#faf7ef url(/art/welcome/background-v1.webp) 50%/cover no-repeat;display:grid;place-items:center;padding:28px 20px 24px}.welcome-composition{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;width:min(900px,100%);gap:10px}.welcome-speaker{display:flex;gap:20px;align-items:center;font-size:22px;color:#899969}.welcome-speaker span{font-size:18px;color:#81705a}.welcome-composition h1{font-size:clamp(32px,4.3vw,66px);font-weight:700;line-height:1.4;letter-spacing:-1.5px;color:#48613e;outline:none}.welcome-tagline{font-size:clamp(17px,1.6vw,24px);line-height:1.7;white-space:pre-line;color:#7d6d57;max-width:620px;text-wrap:balance}.welcome-goddess{position:relative;width:min(520px,47vw);height:clamp(230px,44svh,440px);display:grid;place-items:center;transform-origin:50% 90%;animation:welcome-breathe 6s ease-in-out infinite}.welcome-goddess img{position:absolute;inset:0;min-height:0;width:100%;height:100%;object-fit:contain;filter:none}.welcome-facts{font-size:15px;color:#7a6b54;gap:10px}.welcome-facts,.welcome-start{display:flex;align-items:center}.welcome-start{width:330px;max-width:90%;min-height:66px;background:transparent url(/art/welcome/button-v1.webp) 50%/100% 100% no-repeat;justify-content:center;gap:18px;color:#fffbee;font-size:23px;font-weight:600;padding:12px 26px;transition:transform .2s}.welcome-start:hover{transform:translateY(-3px) rotate(-.5deg)}.welcome-start:active{transform:scale(.97)}.welcome-privacy{font-size:13px;color:#62734e;max-width:560px;line-height:1.8}.welcome-privacy summary{cursor:pointer;list-style:none}.welcome-privacy summary:before{content:"❧";margin-right:8px}.welcome-privacy summary:after{content:" ⌄"}.welcome-privacy[open]{background:#faf7eff2;padding:8px 15px;border-radius:12px}.welcome-privacy p{margin-top:8px;text-align:left;color:#5b624f}.welcome-controls{position:absolute;top:18px;right:18px;z-index:5;display:flex;gap:5px}.welcome-controls button{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;min-width:40px;min-height:40px;border-radius:50px;background:#faf7efe6;border:1px solid #78835f33;color:#526744;font-size:12px}.welcome-leaves{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.welcome-leaves>span{position:absolute;left:var(--x);top:-50px;width:var(--size);animation:welcome-fall var(--duration) var(--delay) linear infinite;opacity:0}.welcome-leaves svg{width:100%;animation:welcome-leaf-sway 4s ease-in-out infinite alternate}.welcome-still .welcome-goddess,.welcome-still .welcome-leaves span,.welcome-still .welcome-leaves svg{animation-play-state:paused}@keyframes welcome-breathe{0%,to{transform:translateY(0) rotate(-.7deg)}50%{transform:translateY(-7px) rotate(.7deg)}}@keyframes welcome-fall{0%{transform:translate3d(0,-40px,0) rotate(0);opacity:0}8%,85%{opacity:.6}to{transform:translate3d(var(--drift),110svh,0) rotate(220deg);opacity:0}}@keyframes welcome-leaf-sway{0%{transform:rotate(-25deg) scaleX(.8)}to{transform:rotate(25deg) scaleX(1)}}@media(max-width:700px){.welcome-scene{padding:64px 22px 28px;background-size:auto 100%;background-position:50%}.welcome-composition{gap:14px}.welcome-speaker span{font-size:15px}.welcome-composition h1{font-size:35px;max-width:340px;letter-spacing:-.8px;line-height:1.5}.welcome-tagline{font-size:17px;max-width:310px}.welcome-goddess{position:relative;width:min(94vw,420px);height:clamp(230px,34svh,330px);margin:0 -20px}.welcome-facts{font-size:12px;gap:7px}.welcome-start{min-height:62px;font-size:21px;width:300px}.welcome-controls{top:12px;right:12px}.welcome-privacy{font-size:12px}.welcome-scene:before{content:"";position:absolute;inset:0;background:#faf7ef44;z-index:-1}}@media(min-width:701px) and (max-height:800px){.welcome-scene{padding:18px}.welcome-composition{gap:5px}.welcome-composition h1{font-size:45px}.welcome-goddess{height:35svh}.welcome-tagline{font-size:18px}.welcome-speaker span{font-size:15px}.welcome-start{min-height:58px;font-size:21px}}@media(prefers-reduced-motion:reduce){.welcome-goddess,.welcome-leaves span,.welcome-leaves svg{animation:none}.welcome-leaves{display:none}.welcome-start{transition:none}}.welcome-name .welcome-composition{gap:8px}.welcome-name .welcome-composition h1{font-size:clamp(28px,3.3vw,46px);letter-spacing:-.6px}.welcome-name .welcome-goddess{height:clamp(190px,32svh,330px);width:min(430px,48vw)}.welcome-name-form{width:min(380px,100%);display:flex;flex-direction:column;align-items:center;gap:8px}.welcome-name-form label{align-self:flex-start;font-size:15px;color:#526544}.welcome-name-form input{width:100%;border:1.5px solid #a6b18d;border-radius:16px;background:#fffdf5ed;color:#40553a;padding:13px 18px;text-align:center;font-size:21px;box-shadow:0 3px 0 #b8bd981c}.welcome-name-form input::placeholder{color:#a1a48b}.welcome-name-help{display:flex;justify-content:space-between;gap:14px;width:100%;color:#7b8068;font-size:11px;text-align:left;min-height:20px}.welcome-name-help>span:last-child{white-space:nowrap}.welcome-back{background:none;color:#687956;padding:8px;display:flex;gap:8px;align-items:center;font-size:13px}.welcome-name-form .welcome-start{margin-top:5px}@media(max-width:700px){.welcome-name .welcome-composition h1{font-size:29px}.welcome-name .welcome-goddess{width:88vw;height:27svh;min-height:180px}.welcome-name .welcome-tagline{font-size:16px}.welcome-name-form{max-width:320px}}.welcome-form-slot{width:min(380px,100%)}.welcome-name-form input{background:transparent url(/art/welcome/name-field-v1.webp) 50%/100% 100% no-repeat;border:0;border-radius:12px;box-shadow:none;min-height:70px;padding:16px 44px}.welcome-name-form input[aria-invalid=true]{outline:2px solid #a56b4f;outline-offset:2px}.welcome-name-form{margin-inline:auto}.welcome-story{background-image:url(/art/introduction/background-v1.webp);padding:70px 6vw 30px}.intro-layout{position:relative;z-index:2;width:min(1340px,100%);display:grid;grid-template-columns:1fr 1fr;grid-gap:5vw;gap:5vw;align-items:center}.welcome-story .intro-art{width:100%;height:min(74svh,720px);margin:0}.intro-copy{min-width:0;display:flex;flex-direction:column;gap:24px}.intro-passage{animation:intro-arrive .55s ease-out}.intro-copy h1{font-size:clamp(30px,4.1vw,60px);line-height:1.45;letter-spacing:-1px;color:#395b38;margin:20px 0;outline:none;text-wrap:balance}.intro-poem{white-space:pre-line;font-size:clamp(17px,1.65vw,25px);line-height:1.9;color:#786650}.intro-progress{display:flex;gap:12px;flex-wrap:wrap}.intro-progress span{width:9px;height:9px;border-radius:50%;background:#d6cfaa}.intro-progress .active{width:30px;border-radius:7px;background:#6b7d50}.intro-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:8px}.intro-navigation .welcome-start{width:220px;font-size:21px;min-height:62px}.intro-navigation .welcome-back{font-size:16px;white-space:nowrap}.welcome-still .intro-passage{animation:none}@keyframes intro-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.welcome-story{padding:64px 24px 18px}.intro-layout{display:flex;flex-direction:column;gap:10px;min-height:calc(100svh - 82px);width:100%}.welcome-story .intro-art{height:clamp(140px,24svh,230px);width:75vw;flex-shrink:0}.intro-copy{gap:16px;width:100%;flex:1 1;text-align:center}.intro-copy .welcome-speaker{justify-content:center}.intro-copy h1{font-size:28px;margin:12px 0;letter-spacing:-.5px}.intro-poem{font-size:16px;line-height:1.85}.intro-progress{justify-content:center;gap:9px}.intro-navigation{position:-webkit-sticky;position:sticky;bottom:0;margin-top:auto;background:#faf7eff2;border-radius:18px;padding:10px 0;gap:12px}.intro-navigation .welcome-start{width:190px;min-height:56px;font-size:18px}.intro-navigation .welcome-back{font-size:14px;padding-left:0}}@media(min-width:701px) and (max-height:750px){.intro-copy{gap:14px}.intro-copy h1{font-size:36px;margin:12px 0}.intro-poem{font-size:17px;line-height:1.8}}@media(prefers-reduced-motion:reduce){.intro-passage{animation:none}}.intro-passage{animation:none}.intro-reader{height:clamp(220px,32svh,360px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b3ba99 transparent;overscroll-behavior:contain;padding:12px 8px 12px 0}.intro-reader:focus-visible{outline:2px solid #85966d;outline-offset:6px}.intro-poem .intro-line{opacity:1;color:#67543f;margin:0 0 10px;animation:intro-line-enter .24s ease-out both}.intro-copy .intro-heading-hidden{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;margin:0;padding:0}.welcome-still .intro-line{animation-play-state:paused}@keyframes intro-line-enter{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.intro-reader{height:clamp(190px,29svh,290px);text-align:center;padding-inline:8px}.intro-copy{gap:12px}.intro-poem .intro-line{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){.intro-line{animation:none!important}.intro-reader{scroll-behavior:auto}}@media(min-width:701px){.intro-seed .intro-copy{grid-column:1;grid-row:1}.intro-seed .intro-art{grid-column:2;grid-row:1}}.welcome-story .intro-seed .intro-art img{width:85%;height:85%;inset:7.5%;object-fit:contain}.painted-quiz{min-height:100svh;background:#faf7ef url(/art/introduction/background-v1.webp) 50%/cover fixed;padding:32px clamp(24px,7vw,120px) 0;color:#405738}.painted-quiz-inner{max-width:1180px;margin:auto;min-height:calc(100svh - 32px);display:flex;flex-direction:column;gap:18px}.painted-quiz-header{display:flex;justify-content:space-between;font-size:14px;font-weight:600}.painted-progress{display:flex;gap:8px;align-items:center}.painted-progress span{height:5px;background:#d7d8bd;flex:1 1;border-radius:8px}.painted-progress .past{background:#8f9e72}.painted-progress .current{background:#4f713e}.painted-question{display:grid;grid-template-columns:170px 1fr;align-items:center;grid-gap:22px;gap:22px}.painted-question img{width:100%;height:180px;object-fit:contain;animation:welcome-breathe 6s ease-in-out infinite}.painted-question h1{font-size:clamp(19px,1.9vw,28px);font-weight:500;line-height:1.8;background:#fffcf2ee;border:2px solid #839762;border-radius:34px 23px 29px 20px;padding:22px 32px;outline-offset:5px;color:#524b37}.painted-choices{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.painted-choices button{position:relative;display:flex;align-items:center;gap:16px;text-align:left;font-size:clamp(15px,1.3vw,19px);line-height:1.7;padding:20px 42px 20px 20px;min-height:122px;border:2px solid #9baa7c;border-radius:25px 19px 27px 20px;background:#fffcf2f2;color:#534b38;transition:background .18s,transform .18s}.painted-choices button:hover{background:#f1f3df;transform:translateY(-2px)}.painted-choices button[aria-pressed=true]{background:#e8efce;border-color:#506d3c}.painted-letter{flex-shrink:0;display:grid;place-items:center;width:38px;height:38px;background:#eeead3;border:1px solid #d5d1af;border-radius:50%;font-size:20px;font-weight:600}.painted-choices button[aria-pressed=true] .painted-letter{background:#526d3e;color:#fffcec;border-color:#526d3e}.painted-check{position:absolute;right:14px;top:16px;color:#506d3c}.painted-feedback{display:flex;align-items:center;justify-content:center;gap:10px;line-height:1.7;font-size:14px;color:#626a4b;min-height:32px}.painted-feedback svg{flex-shrink:0}.painted-navigation{position:-webkit-sticky;position:sticky;bottom:0;margin-top:auto;padding:12px 0 max(16px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;background:#faf7eff5;border-radius:24px 24px 0 0;z-index:3}.painted-navigation .welcome-start{width:auto;min-width:190px;font-size:20px;min-height:60px}.painted-navigation .welcome-back{font-size:16px;padding:12px}.painted-navigation .welcome-start:disabled{opacity:.45}@media(max-width:700px){.painted-quiz{padding:20px 16px 0;background-attachment:scroll}.painted-quiz-inner{min-height:calc(100svh - 20px);gap:12px}.painted-quiz-header{font-size:12px}.painted-progress{gap:4px}.painted-question{grid-template-columns:72px 1fr;gap:8px}.painted-question img{height:100px}.painted-question h1{font-size:16px;line-height:1.65;padding:14px;border-radius:20px}.painted-choices{grid-template-columns:1fr;gap:10px}.painted-choices button{font-size:15px;min-height:82px;padding:14px 36px 14px 12px;gap:10px;border-radius:20px}.painted-letter{width:30px;height:30px;font-size:17px}.painted-feedback{font-size:12px;text-align:center}.painted-navigation{padding-top:10px;gap:12px}.painted-navigation .welcome-start{min-width:145px;min-height:54px;font-size:17px}.painted-navigation .welcome-back{font-size:14px}}.painted-quiz-header{background:#faf7eff2;padding:8px 12px;border-radius:12px}.painted-progress{background:#faf7efdc;padding:6px 10px;border-radius:10px}.welcome-resume{background-image:url(/art/introduction/background-v1.webp);padding:76px 6vw 36px}.resume-layout{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;grid-gap:4vw;gap:4vw;width:min(1260px,100%)}.welcome-resume .resume-goddess{width:100%;height:min(76svh,740px);margin:0}.resume-copy{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding:20px 0}.resume-copy h1{font-size:clamp(34px,4.5vw,64px);line-height:1.4;letter-spacing:-1px;color:#345536;text-wrap:balance;max-width:560px;outline:none}.resume-message{font-size:clamp(20px,2vw,29px);color:#755e47;line-height:1.65}.resume-detail{font-size:clamp(15px,1.35vw,20px);line-height:1.8;color:#7c6b52}.resume-copy .welcome-start{margin-top:12px}.resume-restart{font-size:16px;text-decoration:underline;text-underline-offset:6px;min-height:44px}.resume-copy button:focus-visible{outline:3px solid #6c8454;outline-offset:5px}@media(max-width:700px){.welcome-resume{padding:68px 24px 28px}.resume-layout{display:flex;flex-direction:column;gap:2px}.welcome-resume .resume-goddess{width:min(100%,390px);height:clamp(220px,34svh,340px)}.resume-copy{gap:12px;padding:0;width:100%}.resume-copy h1{font-size:34px;max-width:340px;letter-spacing:-.5px}.resume-copy .welcome-speaker{gap:12px}.resume-message{font-size:20px}.resume-detail{font-size:15px}.resume-copy .welcome-start{margin-top:8px}.resume-restart{font-size:14px}}.welcome-growth{background-image:url(/art/introduction/background-v1.webp);padding:70px 6vw 24px}.growth-layout{position:relative;z-index:2;max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:20px 5vw;gap:20px 5vw}.growth-heading{text-align:center}.growth-heading .welcome-speaker{justify-content:center}.growth-heading h1{font-size:clamp(30px,3.8vw,54px);line-height:1.4;color:#345536;text-wrap:balance;margin:18px 0;outline:none}.growth-message{white-space:pre-line;font-size:clamp(16px,1.6vw,23px);line-height:1.9;color:#755e47}.growth-illustration{position:relative;grid-column:1;grid-row:1/3;min-width:0}.growth-actions,.growth-heading{grid-column:2}.growth-reveal{transform-origin:50% 90%;animation:growth-unfurl 1.1s ease-out both}.growth-reveal img{width:100%;height:min(66svh,620px);object-fit:contain;animation:welcome-breathe 6s ease-in-out 1.1s infinite}.growth-legacy-art{mix-blend-mode:multiply}.growth-actions{flex-direction:column;gap:14px}.growth-actions,.growth-steps{display:flex;align-items:center}.growth-steps{justify-content:center;gap:16px;color:#617447;font-size:14px}.growth-steps figure{text-align:center;margin:0}.growth-steps img{width:65px;height:65px;object-fit:contain;mix-blend-mode:multiply}.growth-actions .welcome-back{font-size:14px}.growth-sparkles{position:absolute;inset:0;pointer-events:none}.growth-sparkles span{position:absolute;left:calc(8% + mod(var(--i),2)*78%);top:calc(15% + var(--i)*11%);color:#d8ad4d;font-size:30px;animation:growth-twinkle 2.8s calc(var(--i)*-.4s) ease-in-out infinite}.welcome-still .growth-reveal,.welcome-still .growth-reveal img,.welcome-still .growth-sparkles span{animation-play-state:paused}@keyframes growth-unfurl{0%{opacity:0;transform:translateY(18px) scale(.78)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes growth-twinkle{0%,to{opacity:.25;transform:scale(.7) rotate(-10deg)}50%{opacity:1;transform:scale(1.1) rotate(10deg)}}@media(max-width:700px){.welcome-growth{padding:65px 22px 20px}.growth-layout{display:flex;flex-direction:column;gap:12px}.growth-heading h1{font-size:32px;margin:12px 0}.growth-heading .welcome-speaker{gap:10px}.growth-heading .welcome-speaker span{font-size:13px}.growth-message{font-size:15px;line-height:1.8}.growth-illustration{width:min(100%,370px)}.growth-reveal img{height:clamp(200px,30svh,300px)}.growth-actions{gap:10px;width:100%}.growth-steps{font-size:12px;gap:12px}.growth-steps img{width:45px;height:45px}.growth-actions .welcome-start{min-height:56px}.growth-actions .welcome-back{font-size:12px;min-height:40px}.growth-sparkles span{font-size:24px}}@media(prefers-reduced-motion:reduce){.growth-reveal,.growth-reveal img,.growth-sparkles span{animation:none!important}}.growth-illustration,.growth-steps{mix-blend-mode:multiply}.tree-name-layout{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:5vw;gap:5vw;width:min(1180px,100%)}.tree-name-art{mix-blend-mode:multiply}.tree-name-art img{width:100%;height:min(62svh,600px);object-fit:contain;animation:welcome-breathe 6s ease-in-out infinite}.tree-name-copy{text-align:center;min-width:0}.tree-name-copy .welcome-speaker{justify-content:center}.tree-name-copy h1{font-size:clamp(30px,3.3vw,48px);line-height:1.45;color:#345536;margin:12px 0;outline:none}.tree-name-intro{color:#79664f;line-height:1.8;margin-bottom:20px}.tree-name-copy form{text-align:left}.tree-name-copy .name-label{display:block;color:#526744}.tree-name-copy .player-name-field{background:#fffdf5;border:1px solid #a7b58c;border-radius:18px}.tree-name-copy .player-name-field input{color:#405638;background:transparent}.tree-name-copy .name-help,.tree-name-copy .privacy-choice{color:#596349;font-size:13px}.tree-name-copy .privacy-choice{line-height:1.65;margin:12px 0;display:flex;gap:10px;align-items:flex-start}.tree-name-copy input[type=checkbox]{accent-color:#526b42;flex-shrink:0;width:18px;height:18px;margin-top:2px}.tree-name-copy .welcome-start{margin:18px auto 6px;width:100%;max-width:100%;font-size:20px}.tree-name-copy>.welcome-back{margin:auto}.tree-name-copy .owner-name-field{color:#526744}.welcome-still .tree-name-art img{animation-play-state:paused}@media(max-width:700px){.tree-name-layout{display:flex;flex-direction:column;gap:8px}.tree-name-art{width:100%}.tree-name-art img{height:22svh;min-height:130px}.tree-name-copy h1{font-size:29px}.tree-name-copy .welcome-speaker{font-size:15px}.tree-name-intro{font-size:14px;margin-bottom:12px}.tree-name-copy .privacy-choice{font-size:12px}.tree-name-copy .welcome-start{min-height:58px}.tree-name-copy .welcome-back{font-size:13px}}@media(prefers-reduced-motion:reduce){.tree-name-art img{animation:none}}.growth-layout,.tree-name-layout{mix-blend-mode:multiply}.radar-chart svg{display:block;width:100%;max-width:480px;height:auto;margin:0 auto;overflow:visible}.radar-chart>small{display:block;line-height:1.7}.radar-chart{min-width:0}.radar-power{transform-origin:200px 200px;animation:radar-power-reveal .65s cubic-bezier(.2,.7,.2,1) both}@keyframes radar-power-reveal{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.radar-power{animation:none}}.view-forest.immersive-play{background:#f7f3e5;color:#43583b;padding:0}.view-forest>.game-atmosphere{display:none}.immersive-play .forest-heading{background:#faf6e9;color:#43583b;text-align:center;padding:12px 48px 10px}.immersive-play .forest-heading .eyebrow{display:none}.immersive-play .forest-heading p{color:#827357}.immersive-play .forest-controls{background:#faf6e9;color:#43583b}.immersive-play .forest-controls .play-text{color:#43583b}.woodland{position:relative;height:100%;min-height:320px;background:#bcc793;isolation:isolate}.woodland-viewport{position:absolute;inset:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#718658 #e5e7cf;outline-offset:-4px}.woodland-track{height:100%;position:relative}.woodland-scene{position:absolute;top:0;height:100%;background:url(/art/forest/woodland-horizontal-v1.webp) 50%/100% 100% no-repeat;overflow:hidden}.woodland-place{position:absolute;top:12%;left:5%;padding:7px 18px;background:#f7edcfdc;border:1px solid #c0b18c;border-radius:8px;color:#726040;font-size:14px}.woodland-tree{position:absolute;transform:translate(-50%,-50%);background:transparent;border:0;padding:0;cursor:pointer;mix-blend-mode:normal}.woodland-tree img{display:block;width:100%;height:100px;transform-origin:50% 90%;animation:woodland-sway 7s ease-in-out infinite}.woodland-tree span{display:none;background:#fff9e8;border-radius:12px;padding:3px 7px;white-space:nowrap;color:#354d2d;font-size:11px}.woodland-tree.is-selected span,.woodland-tree:focus-visible span,.woodland-tree:hover span{display:block}.woodland-tree:focus-visible{outline:2px solid #536b40;outline-offset:4px;border-radius:50%}.woodland-tree.is-selected:after{content:"";position:absolute;bottom:15px;left:5%;width:90%;height:14px;border:2px solid #fff8cb;border-radius:50%;z-index:-1}.woodland-motion{position:absolute;right:12px;top:10px;z-index:12;background:#fbf6e8ed;border-radius:20px;color:#536447;padding:8px 12px;font-size:11px}.woodland-detail{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);width:min(430px,calc(100% - 30px));background:#fff9edfa;border:1px solid #e5dcc2;border-radius:20px;padding:12px;display:flex;align-items:center;gap:12px;z-index:15;color:#5b523c;box-shadow:0 4px 16px #364d2322}.woodland-detail img{width:65px;height:65px;object-fit:contain;mix-blend-mode:multiply}.woodland-detail strong{font-size:18px}.woodland-detail p{font-size:12px;margin:3px 0}.woodland-detail a{font-size:12px;color:#4e713d;text-decoration:underline}.woodland-detail button{margin-left:auto;align-self:flex-start;font-size:24px;background:none;color:#72644c}.woodland-status{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:14;padding:7px 14px;background:#fff8e7eb;border-radius:20px;font-size:12px;color:#65714e;text-align:center;max-width:95%;width:max-content}.woodland-status button{text-decoration:underline;margin-left:8px}.woodland-leaf{position:absolute;top:5%;left:45%;color:#839e59;opacity:.5;pointer-events:none;animation:woodland-drift 18s linear infinite}.woodland-paused *{animation-play-state:paused!important}@keyframes woodland-sway{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes woodland-drift{0%{transform:translateY(-20px) rotate(0);opacity:0}20%,80%{opacity:.4}to{transform:translate(100px,500px) rotate(100deg);opacity:0}}@media(prefers-reduced-motion:reduce){.woodland *{animation:none!important}}@media(max-width:600px){.woodland-tree img{height:90px}.woodland-detail strong{font-size:16px}}.woodland-tree img{height:120px;height:auto;aspect-ratio:1;object-fit:contain}.woodland-tree{min-width:44px;min-height:44px}.woodland-tree.is-selected,.woodland-tree:focus-visible,.woodland-tree:hover{z-index:10!important}.woodland-scene{background-size:cover;background-position:50%}.woodland-tree{filter:none;opacity:1}.woodland-demo-label{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);font-size:10px;color:#536447;background:#fff9e6ed;border-radius:15px;padding:5px 10px;white-space:nowrap;z-index:11}.woodland-tree{transform:translate(-50%,-65%)}.woodland-tree span{position:absolute;left:50%;bottom:0;transform:translateX(-50%)}.woodland-tree img{animation:woodland-living 6s ease-in-out infinite;animation-delay:inherit}.woodland-tree.is-selected,.woodland-tree:focus-visible,.woodland-tree:hover{z-index:100!important}.woodland-demo-label,.woodland-detail,.woodland-motion,.woodland-status{z-index:110}.woodland-effects{position:absolute;inset:0;pointer-events:none;z-index:101}.woodland-effects i{position:absolute;color:#f5efb5;font-style:normal;font-size:30px;animation:woodland-mote 12s ease-in-out infinite}.woodland-effects i:nth-child(3n+1){font-size:18px;color:#809552}.woodland-distant *{animation-play-state:paused!important}.woodland-tree.is-selected:after{animation:woodland-ring 3s ease-in-out infinite}@keyframes woodland-living{0%,to{transform:translateY(0) rotate(-1.3deg) scale(1)}50%{transform:translateY(-5px) rotate(1.3deg) scale(1.025)}}@keyframes woodland-mote{0%,to{opacity:0;transform:translateY(12px)}35%,65%{opacity:.6}80%{transform:translate(24px,-30px)}}@keyframes woodland-ring{0%,to{opacity:.4}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.woodland *,.woodland-tree.is-selected:after{animation:none!important}}.woodland-tree img{transition:filter .18s ease-out}.woodland-tree.is-selected{z-index:103!important}.woodland-tree:focus-visible,.woodland-tree:hover{z-index:104!important}.woodland-tree.is-selected img,.woodland-tree:focus-visible img,.woodland-tree:hover img{filter:drop-shadow(0 0 3px #fff3b9) drop-shadow(0 0 7px #e9c76b66)}.woodland-paused .woodland-tree:after{animation-play-state:paused!important}.woodland-find-own{position:absolute;left:12px;top:10px;z-index:110;background:#fff9e8;border:1px solid #80965f;border-radius:20px;color:#354d2d;padding:8px 12px;font-size:11px;box-shadow:0 2px 8px #354d2d22}.woodland-tree.is-own-tree{z-index:102!important}.woodland-own-label{position:absolute;left:50%;bottom:95%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;white-space:nowrap;background:#fff9e8;color:#304a2c;border:2px solid #77925a;border-radius:14px;padding:5px 12px;font-size:14px;box-shadow:0 3px 9px #304a2c33;pointer-events:none}.woodland-own-label b{position:absolute;top:100%;color:#77925a;font-size:12px;line-height:12px}