.tp{position:fixed;inset:0;overflow:hidden;z-index:0}.tp .hm-sky{position:absolute;inset:0}.tp{--green:#00AF00;--green2:#6DE35B;--ink:#e2f3e8;--mut:#93b3a0;--hot:#ff5a5a}.tp .hm-sky{background:radial-gradient(1000px 460px at 16% 10%,rgba(60,35,140,.2),transparent 64%),radial-gradient(1100px 480px at 84% 6%,rgba(0,120,110,.16),transparent 64%),radial-gradient(2000px 700px at 50% 116%,rgba(0,175,0,.13),transparent 72%),radial-gradient(900px 420px at 0 104%,rgba(0,140,90,.09),transparent 76%),radial-gradient(900px 420px at 100% 104%,rgba(0,140,90,.09),transparent 76%),linear-gradient(180deg,#02070a,#03101a 40%,#04161a 70%,#051c15);min-height:100vh;border-radius:0;border:none}.tp .hm-sky,.tp .stage{position:relative;overflow:hidden}.tp .stage{z-index:3;height:100vh;display:flex;flex-direction:column;align-items:center}.tp .hf-logo{height:13.5vh;width:auto;margin-top:2vh;z-index:9;filter:drop-shadow(0 0 22px rgba(0,175,0,.5))}.tp .hf-logo,.tp .tree{flex-shrink:0;position:relative}.tp .tree{z-index:8;width:min(1060px,96vw);height:min(230px,23vh);margin-top:3.5vh}.tp .tree>.branches{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:visible}.tp .tw{position:absolute;bottom:var(--b,0);left:var(--x,50%);transform:translateX(-50%);z-index:2}.tp .tw:hover{transform:translateX(-50%) translateY(-6px) scale(1.1);z-index:12}.tp .tw{display:flex;flex-direction:column;align-items:center;background:none;border:none;padding:0;cursor:pointer;font-family:inherit;color:var(--ink);transition:transform .2s ease}.tp .tw .body{position:relative;width:var(--w);height:var(--h);border-radius:4px 4px 1px 1px;border:1px solid rgba(0,175,0,.55);background:repeating-linear-gradient(180deg,rgba(0,255,120,.5) 0 2px,transparent 2px 9px),repeating-linear-gradient(90deg,transparent 0 7px,rgba(0,0,0,.5) 7px 9px),linear-gradient(180deg,#123c26,#0a2418 55%,#04120b);box-shadow:0 0 16px rgba(0,175,0,.3),inset 0 0 18px rgba(0,175,0,.16);animation:bay 6s ease-in-out infinite;animation-delay:var(--d,0s);will-change:transform;transition:box-shadow .2s,filter .2s}@keyframes bay{0%,to{transform:translateY(0)}50%{transform:translateY(-11px)}}.tp .tw:hover .body{filter:brightness(1.4);box-shadow:0 0 38px rgba(0,255,120,.55);border-color:var(--green2)}.tp .tw .body .roof{position:absolute;left:14%;right:14%;top:-4px;height:4px;border-radius:2px;background:var(--green2);box-shadow:0 0 10px var(--green2)}.tp .tw .body .mast{top:-22px;width:2px;height:18px;background:linear-gradient(180deg,transparent,var(--green2))}.tp .tw .body .beacon,.tp .tw .body .mast{position:absolute;left:50%;transform:translateX(-50%)}.tp .tw .body .beacon{top:-27px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 9px #fff,0 0 15px var(--green);animation:nhay 2s infinite}.tp .tw .body .wingL,.tp .tw .body .wingR{position:absolute;bottom:0;border:1px solid rgba(0,175,0,.4);background:repeating-linear-gradient(180deg,rgba(0,255,120,.38) 0 2px,transparent 2px 8px),linear-gradient(180deg,#0e2f1e,#04120b)}.tp .tw .body .wingR{right:-12px;width:12px;height:42%;border-radius:0 3px 0 0;border-left:none}.tp .tw .body .wingL{left:-10px;width:10px;height:28%;border-radius:3px 0 0 0;border-right:none}.tp .tw .pad{width:calc(var(--w)*1.5);height:6px;border-radius:3px;margin-top:2px;background:linear-gradient(180deg,#1a4a2e,#050e09)}.tp .tw .pad:after{content:"";display:block;width:50%;height:16px;margin:2px auto 0;border-radius:50%;background:radial-gradient(ellipse at top,rgba(0,255,120,.8),transparent 70%);opacity:.45;filter:blur(3px)}.tp .tw .name{margin-top:8px;font-size:10.5px;font-weight:700;white-space:nowrap;color:var(--ink);background:rgba(4,16,10,.9);border:1px solid rgba(0,175,0,.5);border-radius:11px;padding:3px 9px}.tp .tw:hover .name{border-color:var(--green2);color:#fff}.tp .tw .dot{position:absolute;top:-7px;right:-7px;width:13px;height:13px;border-radius:50%;background:var(--hot);border:2px solid rgba(0,0,0,.5);box-shadow:0 0 11px var(--hot);animation:nhay 1.4s infinite;z-index:4}@keyframes nhay{0%,to{opacity:1}50%{opacity:.3}}.tp .tw.main-tower{z-index:10}.tp .tw.main-tower .body{width:76px;height:134px;border-width:1.5px;border-color:var(--green2);background:repeating-linear-gradient(180deg,rgba(140,255,190,.7) 0 2.5px,transparent 2.5px 9px),repeating-linear-gradient(90deg,transparent 0 9px,rgba(0,0,0,.42) 9px 11px),linear-gradient(180deg,#1d6b40,#0c3020 55%,#04140c);box-shadow:0 0 40px rgba(0,255,120,.6),inset 0 0 26px rgba(0,255,120,.26)}.tp .tw.main-tower .body .mast{top:-38px;height:34px;width:3px;background:linear-gradient(180deg,transparent,#fff)}.tp .tw.main-tower .body .beacon{top:-44px;width:7px;height:7px}.tp .tw.main-tower .name{font-family:Orbitron,sans-serif;font-size:12.5px;letter-spacing:1.3px;color:#fff;padding:6px 15px;background:linear-gradient(160deg,rgba(0,175,0,.5),rgba(4,22,12,.94));border:1.5px solid var(--green2);box-shadow:0 0 22px rgba(0,255,120,.55)}.tp .base{position:relative;z-index:4;flex:1;width:100%;display:flex;justify-content:center;align-items:flex-end}.tp .light-col{bottom:46vh;transform:translateX(-50%);width:min(280px,34vw);height:26vh;z-index:4;background:linear-gradient(0deg,rgba(0,255,120,.42),rgba(57,230,200,.14) 60%,transparent);clip-path:polygon(46% 100%,54% 100%,88% 0,12% 0);filter:blur(6px)}.tp .hand-wrap,.tp .light-col{position:absolute;left:50%;pointer-events:none}.tp .hand-wrap{--hw:min(650px,88vw);bottom:-7vh;width:var(--hw);z-index:6;transform:translateX(calc(-50% - .186 * var(--hw)))}.tp .hand-wrap img.arm{width:100%;display:block;filter:drop-shadow(0 8px 26px rgba(0,0,0,.5))}.tp .hand-wrap img.holo-img{position:absolute;left:68.4%;top:-32%;transform:translate(-50%,-50%);width:48%;animation:holoBreath 3.4s ease-in-out infinite;will-change:opacity,transform}@keyframes holoBreath{0%,to{opacity:.88;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}.tp .hand-wrap .aura{left:68.4%;top:-28%;width:46%;height:16%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(0,255,120,.35),transparent 72%);filter:blur(14px)}.tp .hand-wrap .aura,.tp .hint{position:absolute;transform:translateX(-50%)}.tp .hint{bottom:2.2vh;left:50%;z-index:11;font-size:12.5px;font-weight:700;letter-spacing:1px;color:#eafff2;background:rgba(4,18,11,.9);border:1px solid var(--green);border-radius:22px;padding:9px 22px;box-shadow:0 0 22px rgba(0,175,0,.4);white-space:nowrap}.tp .hint em{color:var(--hot);font-style:normal}.tp .fab{width:auto;height:auto;border-radius:26px;padding:12px 20px;display:flex;align-items:center;gap:9px;font-size:14.5px;animation:none}.tp .fab svg{width:30px;height:30px}.tp .greet{position:fixed;right:22px;bottom:88px;z-index:49;max-width:300px;display:none;background:rgba(6,24,14,.94);border:1.5px solid var(--green);border-radius:16px 16px 4px 16px;padding:13px 16px;font-size:12.5px;line-height:1.55;color:var(--ink);box-shadow:0 0 26px rgba(0,175,0,.35);display:block}.tp .greet b{color:var(--green2)}.tp .greet .x{position:absolute;top:5px;right:8px;background:none;border:none;color:var(--mut);cursor:pointer;font-size:13px;padding:0}@media(max-width:860px){.tree{transform:scale(.66);transform-origin:top center;height:30vh}.tw .name{font-size:8.5px;padding:2px 6px}.tp .tw.main-tower .body{width:64px;height:170px}.rings{width:240px;height:56px}.hint{font-size:10px;padding:7px 13px}.greet{max-width:230px;right:12px}}.tp .tw.v-needle .body{clip-path:polygon(50% 0,100% 17%,100% 100%,0 100%,0 17%)}.tp .tw.v-needle .roof{left:36%;right:36%;top:-3px}.tp .tw.v-slant .body{clip-path:polygon(0 16%,100% 0,100% 100%,0 100%)}.tp .tw.v-slant .roof{left:auto;right:6%;width:40%;top:-3px}.tp .tw.v-step .wingL{left:-15px;width:15px;height:64%;border-radius:3px 0 0 0}.tp .tw.v-step .wingR{right:-17px;width:17px;height:46%}.tp .tw.v-step .body:after{content:"";position:absolute;left:20%;right:20%;top:-15px;height:15px;border:1px solid rgba(0,175,0,.5);border-bottom:none;background:repeating-linear-gradient(180deg,rgba(0,255,120,.5) 0 2px,transparent 2px 7px),linear-gradient(180deg,#15452a,#0a2418)}.tp .tw.v-twin .body{background:linear-gradient(90deg,transparent 43%,rgba(1,8,4,.96) 43% 57%,transparent 57%),repeating-linear-gradient(180deg,rgba(0,255,120,.5) 0 2px,transparent 2px 9px),linear-gradient(180deg,#123c26,#0a2418 55%,#04120b)}.tp .tw.v-twin .body:after{content:"";position:absolute;left:34%;right:34%;top:36%;height:8px;background:var(--green2);box-shadow:0 0 12px var(--green2)}.tp .tw.v-dome .body{border-radius:50% 50% 5px 5px/42% 42% 5px 5px;background:radial-gradient(ellipse at 50% 14%,rgba(150,255,200,.55),transparent 60%),repeating-linear-gradient(90deg,transparent 0 8px,rgba(0,255,120,.3) 8px 9px),linear-gradient(180deg,#14472c,#08200f)}.tp .tw.v-dome .roof{display:none}.tw.v-dome .wingL,.tw.v-dome .wingR{height:24%}.tp .tw.v-saucer .body{background:none;border:none;box-shadow:none}.tp .tw.v-saucer .body:before{content:"";position:absolute;bottom:12%;left:-12%;right:-12%;height:32%;border-radius:50%;background:linear-gradient(180deg,#eafff4,#2f8f5a 46%,#06301a);border:1px solid var(--green2);box-shadow:0 0 28px rgba(0,255,120,.65),inset 0 -6px 12px rgba(0,0,0,.5)}.tp .tw.v-saucer .body:after{content:"";position:absolute;bottom:34%;left:26%;right:26%;height:30%;border-radius:50% 50% 18% 18%;background:radial-gradient(circle at 40% 26%,rgba(215,255,235,.98),rgba(0,175,0,.6));box-shadow:0 0 20px rgba(0,255,120,.75)}.tp .tw.v-saucer .roof,.tp .tw.v-saucer .wingL,.tp .tw.v-saucer .wingR{display:none}.tp .tw.v-shuttle .body{clip-path:polygon(50% 0,82% 20%,82% 100%,18% 100%,18% 20%);background:repeating-linear-gradient(180deg,rgba(0,255,120,.45) 0 2px,transparent 2px 10px),linear-gradient(180deg,#1a5c37,#0a2a18 60%,#04120b)}.tp .tw.v-shuttle .wingL{left:-14px;width:14px;height:32%;border-radius:7px 0 0 2px;transform:skewY(-18deg)}.tp .tw.v-shuttle .wingR{right:-14px;width:14px;height:32%;border-radius:0 7px 2px 0;transform:skewY(18deg)}.tp .tw.v-shuttle .roof{display:none}.tp .tw.v-station .body{background:none;border:none;box-shadow:none}.tp .tw.v-station .body:before{content:"";position:absolute;left:-18%;right:-18%;top:24%;height:46%;border-radius:50%;border:3px solid var(--green2);box-shadow:0 0 24px rgba(0,255,120,.6),inset 0 0 16px rgba(0,255,120,.32);animation:xoay 9s linear infinite}.tp .tw.v-station .body:after{content:"";position:absolute;left:28%;right:28%;top:40%;height:20%;border-radius:6px;background:linear-gradient(180deg,#e3ffee,#125c33);box-shadow:0 0 14px rgba(0,255,120,.6)}@keyframes xoay{to{transform:rotate(1turn)}}.tp .tw.v-station .roof,.tp .tw.v-station .wingL,.tp .tw.v-station .wingR{display:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.tp .tw.vetinh{z-index:11}.tp .tw.vetinh .body{animation:bay 6s ease-in-out infinite,vetinhTroi 7s ease-in-out infinite}@keyframes vetinhTroi{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}.tp .tw.vetinh .name{font-size:9.5px;background:rgba(4,16,10,.94);border-color:var(--green2);color:#eafff2}.tp .tw.vetinh .wingL,.tp .tw.vetinh .wingR{display:block;bottom:auto;top:26%;height:34%;background:repeating-linear-gradient(90deg,rgba(0,255,120,.55) 0 2px,rgba(4,20,12,.9) 2px 5px);border:1px solid rgba(0,175,0,.5)}.tp .tw.vetinh .wingL{left:-15px;width:14px;border-radius:2px 0 0 2px}.tp .tw.vetinh .wingR{right:-15px;width:14px;border-radius:0 2px 2px 0}@media(max-width:860px){.tp .tw.vetinh{--b:120px}}