:root{--nc-deep:#031c15;--nc-deeper:#01110d;--nc-gold:#d4af37;--nc-cream:#f9f1d5;--nc-green:#0d6a49}.nc-tree-svg-page{margin:0;min-height:100svh;overflow:hidden;background:var(--nc-deeper);color:#fff;font-family:Inter,system-ui,sans-serif}.nc-tree-portal{position:relative;isolation:isolate;display:grid;place-items:center;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 50% 46%,rgba(25,96,68,.38),transparent 38%),linear-gradient(180deg,#052b20 0%,#031b15 68%,#01110d 100%)}.nc-tree-portal:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 34%,rgba(0,0,0,.26) 66%,rgba(0,0,0,.72) 100%)}.nc-tree-portal__ambient{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.nc-tree-portal__ambient span{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(229,198,117,.7);box-shadow:0 0 12px rgba(229,198,117,.7);animation:drift 12s linear infinite}.nc-tree-portal__ambient span:nth-child(1){left:17%;top:19%}.nc-tree-portal__ambient span:nth-child(2){left:76%;top:34%;animation-delay:-4s}.nc-tree-portal__ambient span:nth-child(3){left:38%;top:76%;animation-delay:-8s}.nc-tree-portal__identity{position:absolute;z-index:5;top:max(24px,env(safe-area-inset-top));left:50%;display:flex;align-items:center;gap:12px;transform:translateX(-50%);color:rgba(242,216,145,.84);font-size:.66rem;letter-spacing:.34em;text-transform:uppercase;white-space:nowrap}.nc-tree-portal__identity img{width:36px;height:36px;object-fit:contain}.nc-tree-portal__canvas{width:min(92vw,720px);height:min(82svh,760px);display:grid;place-items:center}.tree-logo{display:block;width:100%;height:100%;overflow:visible}.background-ring,.background-flat{fill:none;stroke:url(#goldGradient);stroke-linecap:round;opacity:.25}.background-ring{stroke-width:2}.background-flat{stroke-width:2.4;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.8s .35s ease forwards}.tree-ground-glow{fill:url(#groundGlow);opacity:.55;animation:groundBreath 5.8s 4.2s ease-in-out infinite}.tree-path{fill:none;stroke:url(#goldGradient);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}.tree-trunk{stroke-width:7;animation:draw 2.9s .65s cubic-bezier(.25,1,.5,1) forwards}.trunk-counter{stroke-width:2;opacity:.48;animation:draw 2.55s .9s cubic-bezier(.2,.85,.35,1) forwards}.root-main{stroke-width:5;animation:draw 2.85s 1.25s cubic-bezier(.25,1,.5,1) forwards}.root-sub{stroke-width:2.8;animation:draw 2.25s 2.05s cubic-bezier(.1,.8,.3,1) forwards}.branch-main{stroke-width:4.2;animation:draw 2.65s 1.55s cubic-bezier(.2,.9,.35,1) forwards}.branch-sub{stroke-width:2.6;animation:draw 2.15s 2.05s cubic-bezier(.1,.8,.3,1) forwards}.tree-structure{transform-origin:250px 300px;animation:treeBreath 7s 4.5s ease-in-out infinite}.svg-node{cursor:pointer;outline:none;opacity:0;transform-box:fill-box;transform-origin:center;animation:nodeBloom .72s var(--node-delay) cubic-bezier(.18,.89,.32,1.28) forwards}.svg-node__visual{transform-origin:center;transition:transform .4s cubic-bezier(.2,.8,.2,1);animation:leafSway 6.5s calc(var(--node-delay) + .8s) ease-in-out infinite}.leaf-body,.sapling-trunk,.sapling-leaf{fill:url(#goldDark);stroke:#f1daa0;stroke-width:.65;filter:url(#softShadow);transition:fill .35s ease,filter .35s ease}.leaf-vein{fill:none;stroke:rgba(100,61,12,.75);stroke-width:.8;stroke-linecap:round;transition:stroke .35s ease}.sapling-shadow{fill:rgba(218,180,80,.26)}.svg-node__hit{fill:transparent;pointer-events:all}.svg-node__content{opacity:0;pointer-events:none;transform-box:fill-box;transform-origin:center;transition:opacity .3s ease,transform .35s ease}.svg-node__content circle{fill:rgba(3,29,22,.9);stroke:rgba(239,211,137,.45);stroke-width:1;filter:url(#softShadow)}.svg-node__icon{fill:none;stroke:#f5d98e;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.svg-node__label{fill:#fff8e8;font-family:Georgia,'Times New Roman',serif;font-size:8px;font-weight:500}.svg-node__detail{fill:rgba(242,216,145,.68);font-size:4.7px;letter-spacing:.2px}.svg-node:hover .svg-node__visual,.svg-node:focus-visible .svg-node__visual,.svg-node.is-active .svg-node__visual{transform:scale(1.16)}.svg-node:hover .leaf-body,.svg-node:focus-visible .leaf-body,.svg-node.is-active .leaf-body,.svg-node:hover .sapling-trunk,.svg-node:hover .sapling-leaf,.svg-node:focus-visible .sapling-trunk,.svg-node:focus-visible .sapling-leaf,.svg-node.is-active .sapling-trunk,.svg-node.is-active .sapling-leaf{fill:url(#livingGreen);filter:url(#goldGlow)}.svg-node:hover .leaf-vein,.svg-node:focus-visible .leaf-vein,.svg-node.is-active .leaf-vein{stroke:rgba(224,255,235,.7)}.svg-node:hover .svg-node__content,.svg-node:focus-visible .svg-node__content,.svg-node.is-active .svg-node__content{opacity:1;transform:translateY(3px)}.nc-tree-portal__hint{position:absolute;z-index:7;bottom:max(25px,env(safe-area-inset-bottom));margin:0;color:rgba(224,197,132,.58);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;opacity:0;animation:fadeIn 1s 4.9s forwards}.nc-tree-portal__replay{position:absolute;z-index:8;right:24px;bottom:max(22px,env(safe-area-inset-bottom));border:0;background:none;color:rgba(224,197,132,.65);font:inherit;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.nc-tree-portal__transition{position:absolute;z-index:100;inset:0;display:grid;place-items:center;background:#031812;opacity:0;visibility:hidden;transition:opacity .45s ease}.nc-tree-portal__transition.is-active{opacity:1;visibility:visible}.nc-tree-portal__transition span{position:absolute;width:108px;height:108px;border:1px solid rgba(213,181,106,.34);border-radius:50%;animation:pulse 1.35s ease-in-out infinite}.nc-tree-portal__transition p{font-family:Georgia,'Times New Roman',serif;color:#f5edd8;letter-spacing:.05em}@keyframes draw{to{stroke-dashoffset:0}}@keyframes nodeBloom{0%{opacity:0;transform:scale(.08)}75%{opacity:1;transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}@keyframes treeBreath{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.009) rotate(.16deg)}}@keyframes leafSway{0%,100%{transform:rotate(0)}45%{transform:rotate(.8deg)}70%{transform:rotate(-.45deg)}}@keyframes groundBreath{0%,100%{opacity:.4;transform:scale(.94)}50%{opacity:.72;transform:scale(1.06)}}@keyframes drift{0%{transform:translateY(18px);opacity:0}20%{opacity:.8}100%{transform:translateY(-90px);opacity:0}}@keyframes fadeIn{to{opacity:1}}@keyframes pulse{50%{transform:scale(1.18);opacity:.35}}
@media(max-width:760px){.nc-tree-portal__identity{top:max(17px,env(safe-area-inset-top));font-size:.5rem;gap:9px}.nc-tree-portal__identity img{width:28px;height:28px}.nc-tree-portal__canvas{width:98vw;height:82svh}.svg-node__label{font-size:7px}.svg-node__detail{font-size:4.2px}.nc-tree-portal__hint{bottom:18px;font-size:.44rem;letter-spacing:.16em}.nc-tree-portal__replay{right:13px;bottom:43px;font-size:.5rem}}
@media(prefers-reduced-motion:reduce){.tree-path,.background-flat{stroke-dashoffset:0!important;animation:none!important}.svg-node{opacity:1!important;animation:none!important}.tree-structure,.svg-node__visual,.tree-ground-glow{animation:none!important}}