*{margin:0;padding:0}html,body{overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none}.loading-screen{position:fixed;z-index:999;width:100%;height:100dvh;display:flex;justify-content:center;align-items:center;background:#10001f}.tree{position:relative;width:50px;height:50px;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(30deg);animation:treeAnimate 5s linear infinite}@keyframes treeAnimate{0%{transform:rotateX(-20deg) rotateY(360deg)}to{transform:rotateX(-20deg) rotateY(0)}}.tree div{position:absolute;top:-50px;left:0;width:100%;height:100%;transform-style:preserve-3d;transform:translateY(calc(25px * var(--x))) translateZ(0)}.tree div.branch span{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#69c069,#7d7);clip-path:polygon(50% 0%,0% 100%,100% 100%);border-bottom:5px solid #00000019;transform-origin:bottom;transform:rotateY(calc(90deg * var(--i))) rotateX(30deg) translateZ(28.5px)}.tree div.stem span{position:absolute;top:110px;left:calc(50% - 7.5px);width:15px;height:50%;background:linear-gradient(90deg,#bb4622,#df7214);border-bottom:5px solid #00000019;transform-origin:bottom;transform:rotateY(calc(90deg * var(--i))) translateZ(7.5px)}.shadow{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;filter:blur(20px);transform-style:preserve-3d;transform:rotateX(90deg) translateZ(-65px)}