:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;min-width:320px;height:100%;overflow:hidden!important;overscroll-behavior:none;-webkit-overflow-scrolling:auto;touch-action:none;-ms-touch-action:none;position:fixed;width:100%;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}*,*:before,*:after{box-sizing:border-box}button{cursor:pointer;border:none;outline:none;background:transparent}.app-container{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;left:0;overflow:hidden;touch-action:none;overscroll-behavior:none;background:radial-gradient(circle at 50% 0%,#1e293b,#020617 60%,#000);opacity:0;transition:opacity .5s ease-in-out}.app-container.loaded{opacity:1}.background-layer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.bottom-tip{position:fixed;bottom:40px;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:1rem;font-weight:300;text-shadow:0 0 5px rgba(255,255,255,.3);z-index:20;pointer-events:none;background:#0000004d;padding:8px 16px;border-radius:20px;opacity:0;animation:tip-fade-in 1s ease-out 4s forwards,tip-pulse 3s ease-in-out 5s infinite;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}@media(max-width:500px){.bottom-tip{font-size:.85rem;padding:6px 12px;bottom:30px;letter-spacing:.5px}}@keyframes tip-fade-in{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:.7;transform:translate(-50%) translateY(0)}}@keyframes tip-pulse{0%,to{opacity:.6;transform:translate(-50%) translateY(0)}50%{opacity:.9;transform:translate(-50%) translateY(-3px)}}.success-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 8px 32px #10b98166,0 2px 8px #0003;z-index:10000;display:flex;align-items:center;gap:12px;animation:toast-slide-in .4s cubic-bezier(.175,.885,.32,1.275),toast-fade-out .4s ease-in 2.6s forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.success-icon{font-size:1.5rem;animation:icon-bounce .6s ease-out}.success-text{font-size:1rem;font-weight:500;letter-spacing:.5px}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes toast-fade-out{to{opacity:0;transform:translate(-50%) translateY(-20px) scale(.95)}}@keyframes icon-bounce{0%,to{transform:scale(1)}25%{transform:scale(1.2) rotate(-10deg)}50%{transform:scale(.9) rotate(10deg)}75%{transform:scale(1.1) rotate(-5deg)}}@media(max-width:500px){.success-toast{top:60px;padding:12px 20px;max-width:90vw}.success-icon{font-size:1.3rem}.success-text{font-size:.9rem}}.tree-container{position:relative;width:300px;height:400px;display:flex;flex-direction:column;align-items:center;perspective:1000px;transform:scale(1.3) translateY(-30px);transform-origin:center center;isolation:isolate}@media(max-width:420px){.tree-container{transform:scale(1.1) translateY(-20px)}}@media(min-height:800px){.tree-container{transform:scale(1.4) translateY(-40px)}}@media(min-height:1200px){.tree-container{transform:scale(2) translateY(-50px)}}.glow-bg{position:absolute;width:200px;height:300px;background:radial-gradient(circle,#fff3,#fff0 70%);top:50px;left:50%;transform:translate(-50%);z-index:0;filter:blur(20px);animation:glow-pulse 4s infinite alternate}@keyframes glow-pulse{0%{opacity:.5;transform:translate(-50%) scale(1)}to{opacity:.8;transform:translate(-50%) scale(1.1)}}.tree-container.placing-mode{cursor:pointer}.trunk{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:36px;height:180px;background:linear-gradient(to right,#2c1e18,#4e382c,#2c1e18);z-index:0;border-radius:10px;box-shadow:inset 0 0 15px #0009;opacity:0}.tree-container.animate-in .trunk{animation:fade-in-up 1.5s ease-out .2s forwards}@keyframes fade-in-up{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.pixi-layer{position:absolute;width:1200px;height:1200px;left:50%;top:50%;margin-left:-600px;margin-top:-600px;z-index:1;pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden}.ornaments-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.ornament-wrapper{position:absolute;width:24px;height:24px;pointer-events:auto;cursor:pointer;z-index:10}.ornament{width:100%;height:100%;border-radius:50%;transition:all .3s cubic-bezier(.175,.885,.32,1.275);background:radial-gradient(circle at 30% 30%,#fffc,#fff0 20%),radial-gradient(circle at 50% 50%,var(--bg-color),#000);opacity:0}.tree-container.animate-in .ornament-wrapper{animation:ornament-float-sync 3s ease-in-out infinite alternate 3s}.tree-container.animate-in .ornament{animation:ornament-appear .8s ease-out 2.8s forwards}@keyframes ornament-appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes ornament-float-sync{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.ornament-wrapper:hover .ornament{transform:scale(1.3) translateY(-5px);filter:brightness(1.2)}.ornament-shine{position:absolute;top:2px;left:5px;width:6px;height:6px;border-radius:50%;background:#fff9;filter:blur(1px)}.ornament:before{content:"";position:absolute;top:-10px;left:50%;width:1px;height:12px;background:#fffc;transform:translate(-50%)}.campfire-scene{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);width:300px;height:100px;z-index:20;display:flex;justify-content:center;align-items:flex-end;pointer-events:none;opacity:0}.tree-container.animate-in .campfire-scene{animation:fade-in 1.5s ease-out 1s forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.dog{width:80px;height:auto;position:absolute;bottom:0;filter:drop-shadow(0 0 10px rgba(255,165,0,.3));transition:transform .3s}.dog-left{left:20px}.dog-right{right:20px}.campfire{position:relative;width:60px;height:60px;margin-bottom:5px;display:flex;justify-content:center;align-items:flex-end}.logs{position:absolute;bottom:0;width:100%;height:20px}.log{position:absolute;bottom:0;width:40px;height:10px;background:#5d4037;border-radius:5px}.log:nth-child(1){transform:rotate(15deg);left:5px}.log:nth-child(2){transform:rotate(-15deg);right:5px}.flame{position:absolute;bottom:15px;width:30px;height:30px;background:radial-gradient(circle,#ffeb3b,#ff9800,#ff5722);border-radius:50% 0 50% 50%;transform:rotate(-45deg);opacity:0;box-shadow:0 0 20px #ff5722;filter:blur(1px)}.tree-container.animate-in .flame{animation:flicker 1s infinite alternate 1.2s;opacity:.8}.flame:nth-child(1){width:30px;height:30px;animation-duration:.6s;bottom:15px}.flame:nth-child(2){width:20px;height:20px;left:10px;bottom:10px;animation-duration:.8s;background:radial-gradient(circle,#ffeb3b,#ffca28)}.flame:nth-child(3){width:15px;height:15px;right:15px;bottom:12px;animation-duration:.5s;background:radial-gradient(circle,#ff9800,#f44336)}@keyframes flicker{0%{transform:rotate(-45deg) scale(1) skew(0);opacity:.8}20%{transform:rotate(-45deg) scale(1.1) skew(5deg);opacity:1}40%{transform:rotate(-45deg) scale(.9) skew(-5deg);opacity:.7}60%{transform:rotate(-45deg) scale(1.05) skew(2deg);opacity:.9}80%{transform:rotate(-45deg) scale(.95) skew(-2deg);opacity:.8}to{transform:rotate(-45deg) scale(1) skew(0);opacity:.9}}.fire-glow{position:absolute;bottom:10px;width:150px;height:80px;background:radial-gradient(ellipse at bottom,#ff572266,#ff572200 70%);z-index:-1;filter:blur(20px);opacity:0}.tree-container.animate-in .fire-glow{animation:glow-pulse 2s infinite alternate 1.2s;opacity:1}