dialog.park-home-modal{width:520px;max-width:100vw;height:100dvh;max-height:100dvh;inset:0;margin:0 auto;padding:0;border:0;border-radius:0;background:#14a6e6;box-shadow:0 0 100px #07567d55;overflow:hidden}.park-home-modal #modal-close{display:none}.park-home-modal::backdrop{background:#128dbe}.growth-home{height:100dvh;min-height:520px;position:relative;display:flex;flex-direction:column;overflow:hidden;color:#fffce5;background:linear-gradient(#00a1ef,#5bd7fa)}.tree-top{position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;gap:8px;height:77px;padding:10px 13px;background:linear-gradient(#057dafef,#1788ae77 75%,#179bd600);text-shadow:0 1px #287443}.tree-avatar{width:44px;height:44px;flex-shrink:0;border:3px solid #ffeda2;border-radius:50%;background:#ffeca4 url('assets/match-animals.png') 0 0/300% 200%;box-shadow:0 3px #6f8739}.tree-heading{margin-right:auto;min-width:0}.tree-heading h2{font-size:20px;line-height:1.2;margin:0;color:#fff8a6;letter-spacing:1px;text-shadow:0 2px #387943;overflow-wrap:anywhere}.tree-heading small{font-size:8px;display:block;margin-top:6px;white-space:nowrap}.tree-wallet{font:900 14px Arial;background:linear-gradient(#b1dd55,#76b52a);border:2px solid #efffa5;border-radius:16px;white-space:nowrap;padding:7px 9px;box-shadow:0 2px #4f8b2c;color:#fffbd0}.tree-round{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border:2px solid #fff5be;border-radius:50%;background:linear-gradient(#ffe99c,#e7b557);box-shadow:0 2px #9d8537;color:#8d773b;font-size:16px;padding:0}.tree-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding-top:70px;padding-bottom:128px;scroll-behavior:smooth}.tree-scroll::-webkit-scrollbar{display:none}.tree-landscape{width:100%;aspect-ratio:1/2;position:relative;background:#0bb2f5 url('assets/growth-tree.png') center/100% 100% no-repeat;isolation:isolate}.tree-level{position:absolute;z-index:2;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;width:78px;gap:2px}.tree-level button{display:grid;place-items:center;width:65px;height:59px;flex-shrink:0;border:3px solid #fff5a3;border-bottom:5px solid #e19b29;border-radius:48% 48% 43% 43%;background:radial-gradient(circle at 35% 23%,#fffbd1 0,#ffe982 25%,#f7c63f 72%,#e4a82c);box-shadow:inset 0 2px #ffffdc,0 4px #778e26,0 6px 9px #1c641e5c;color:#a1721e;font:900 24px/1 Arial;cursor:pointer;text-shadow:0 1px #fff5bc;transition:transform .16s}.tree-level button:hover{transform:translateY(-3px)}.tree-level button:active{transform:scale(.93)}.tree-level-stars{font-size:17px;line-height:1;white-space:nowrap;color:#ffe952;letter-spacing:1px;text-shadow:0 2px #7a641e,1px 0 #806a20,-1px 0 #806a20}.tree-level.current{z-index:3}.tree-level.current button{width:75px;height:68px;border-color:#fffec6;background:radial-gradient(circle at 35% 20%,#e5ff9b,#a2e449 55%,#70c42d);color:#477e25;box-shadow:0 0 0 4px #d4ff8b88,0 0 18px #fff4ab,0 5px #4a9927}.tree-current-marker{position:absolute;top:-32px;font-size:27px;color:#fff6a1;filter:drop-shadow(0 2px #628c27);animation:tree-bob 1s ease-in-out infinite}.tree-level.locked{opacity:.7;filter:saturate(.55)}.tree-level.locked button{background:linear-gradient(#e7f0ad,#c4d277);border-color:#d9e9a2;border-bottom-color:#a0b657;color:#90a466;box-shadow:0 3px #839b45;cursor:default}.tree-level.locked .tree-level-stars{color:#d6dfab;text-shadow:0 1px #899a50}.tree-world-note{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:11px;color:#fff9c6;text-shadow:0 2px 3px #327635;font-weight:900;margin:0;padding:0 15px}.tree-side-actions{position:absolute;right:8px;top:31%;z-index:7;display:flex;flex-direction:column;gap:13px;width:60px}.tree-side-actions button{border:0;padding:0;background:none;color:#ffffd9;text-align:center;font-size:9px;text-shadow:0 1px 2px #2a7c6a;line-height:1.3}.tree-side-actions b{display:grid;place-items:center;margin:0 auto 4px;width:40px;height:40px;border:2px solid #fff6be;border-radius:15px;background:linear-gradient(#ffe69d,#f0be55);box-shadow:0 3px #8f8f39;font-size:23px;color:#9f8136;text-shadow:0 1px #fff4b1}.tree-side-actions span{display:block;overflow-wrap:anywhere}.tree-bottom{position:absolute;inset:auto 0 0;z-index:9;padding:20px 17px 9px;background:linear-gradient(#2daadd00,#228eb7bf 24%,#1985b8ed);text-align:center}.tree-paging{display:flex;justify-content:space-between;gap:7px;margin:0 0 11px}.tree-paging button{max-width:34%;border:1px solid #d7ffd086;background:#e2ffbf33;border-radius:11px;padding:7px 6px;color:#fffce3;font-size:8px;font-weight:800;line-height:1.35}.tree-paging button:disabled{opacity:.4}.tree-continue{display:block;width:100%;border:3px solid #f1ffbc;border-bottom:4px solid #6ea82f;border-radius:21px;background:linear-gradient(#bce967,#81c13a);box-shadow:inset 0 2px #e6ffb2,0 4px #4d8c2b;padding:11px 9px;font-size:17px;font-weight:900;color:#fffde0;text-shadow:0 2px #75a244;line-height:1.4}.tree-bottom>p{font-size:8px;line-height:1.5;margin:10px 0 0;color:#e2fff5}.tree-resume{border:0;background:none;color:#fff6b9;text-shadow:0 1px #519349;font-size:10px;padding:9px 0 0}.long-title .tree-heading h2{font-size:15px;letter-spacing:0}.tree-round:focus-visible,.tree-level button:focus-visible{outline:3px solid #fff4ad;outline-offset:4px}@keyframes tree-bob{50%{transform:translateY(5px)}}@media(max-width:400px){.tree-top{padding-inline:9px;gap:6px}.tree-avatar{width:36px;height:36px;border-width:2px}.tree-heading h2{font-size:17px;letter-spacing:0}.tree-heading small{font-size:7px}.tree-wallet{font-size:12px;padding:6px 7px}.tree-round{width:27px;height:27px;font-size:14px}.tree-side-actions{width:49px;right:5px}.tree-side-actions b{width:35px;height:35px;font-size:20px}.tree-side-actions button{font-size:8px}.tree-level{width:66px}.tree-level button{width:58px;height:53px;font-size:22px}.tree-level.current button{width:64px;height:59px}.tree-level-stars{font-size:15px}.tree-continue{font-size:15px;padding-block:9px}.tree-heading{max-width:135px}.long-title .tree-heading h2{font-size:13px}}@media(prefers-reduced-motion:reduce){.tree-current-marker{animation:none}.tree-scroll{scroll-behavior:auto}}