html,body,#root{width:100%;height:100%;overflow:hidden;background:#0f0c29}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}img{-webkit-user-drag:none;user-drag:none}html{scroll-behavior:smooth}button:focus,div:focus{outline:none}:root{--log-light: #D2691E;--log-main: #A0522D;--log-dark: #8B4513;--log-darker: #654321;--log-ring: #5D3A1A;--sky-top: #0f0c29;--sky-mid: #302b63;--sky-bottom: #24243e;--accent: #FFD700;--accent-glow: rgba(255, 215, 0, .3);--font-display: "Bangers", cursive;--font-body: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:var(--font-body)}.game-container{position:relative;width:100%;height:100%;overflow:hidden;cursor:pointer;background:var(--sky-top)}.bg-gradient{position:absolute;inset:0;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 40%,var(--sky-bottom) 70%,#1a1a2e 100%)}.bg-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.bg-star{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:#fff;border-radius:50%;animation:twinkle 3s ease-in-out infinite;animation-delay:var(--delay);opacity:.6}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.score-container{position:absolute;top:20px;left:50%;transform:translate(-50%);text-align:center;z-index:50}.score{font-family:var(--font-display);font-size:clamp(56px,18vw,100px);color:#fff;text-shadow:3px 3px 0 var(--log-dark),5px 5px 0 rgba(0,0,0,.3),0 0 30px rgba(255,255,255,.2);letter-spacing:4px;line-height:1}.streak-display{font-family:var(--font-display);font-size:clamp(20px,6vw,32px);color:var(--accent);text-shadow:0 0 20px var(--accent-glow);animation:streak-pulse .5s ease-in-out infinite alternate}@keyframes streak-pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.high-score{position:absolute;top:20px;right:15px;font-family:var(--font-body);font-size:clamp(14px,4vw,20px);font-weight:600;color:var(--accent);text-shadow:0 2px 10px rgba(0,0,0,.5);z-index:50}.game-area{position:absolute;inset:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.log{position:absolute;transform:translate(-50%);border-radius:12px;overflow:hidden;box-shadow:0 4px 8px #0000004d,inset 0 3px 6px #ffffff26,inset 0 -3px 6px #0003}.log-texture{position:absolute;inset:0;background:linear-gradient(180deg,var(--log-light) 0%,var(--log-main) 15%,var(--log-dark) 60%,var(--log-darker) 100%);border-radius:inherit}.log-rings{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:radial-gradient(circle at center,var(--log-darker) 15%,var(--log-ring) 30%,var(--log-main) 50%,var(--log-dark) 100%);border-radius:50%;opacity:.9;box-shadow:inset 0 0 3px #0000004d}.stacked-log{animation:log-place .3s cubic-bezier(.34,1.56,.64,1)}@keyframes log-place{0%{transform:translate(-50%) scale(1.05)}50%{transform:translate(-50%) scale(.98)}to{transform:translate(-50%) scale(1)}}.top-log{box-shadow:0 4px 8px #0000004d,0 0 20px #ffd70033,inset 0 2px 4px #ffffff1a}.current-log{z-index:10;box-shadow:0 8px 20px #0006,0 0 30px var(--accent-glow),inset 0 2px 4px #fff3}.log-highlight{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.falling-log,.cut-off-piece{z-index:5;opacity:.8;pointer-events:none}.floating-text{position:absolute;transform:translate(-50%);font-family:var(--font-display);font-size:clamp(18px,5vw,28px);text-shadow:2px 2px 0 #000,0 0 10px currentColor;animation:float-up 1s ease-out forwards;pointer-events:none;z-index:60;white-space:nowrap}.floating-text.large{font-size:clamp(24px,7vw,40px);animation:float-up-large 1s ease-out forwards}@keyframes float-up{0%{opacity:1;transform:translate(-50%) translateY(0) scale(.8)}20%{transform:translate(-50%) translateY(-10px) scale(1.1)}to{opacity:0;transform:translate(-50%) translateY(-80px) scale(1)}}@keyframes float-up-large{0%{opacity:1;transform:translate(-50%) translateY(0) scale(.5)}20%{transform:translate(-50%) translateY(-15px) scale(1.3)}to{opacity:0;transform:translate(-50%) translateY(-100px) scale(1)}}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:80;padding:20px}.start-screen{background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.6) 100%)}.title-container{text-align:center;margin-bottom:30px}.game-title{display:flex;flex-direction:column;align-items:center;gap:5px;animation:title-float 3s ease-in-out infinite}@keyframes title-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.title-tuur{font-family:var(--font-display);font-size:clamp(42px,14vw,80px);color:var(--accent);text-shadow:3px 3px 0 var(--log-dark),5px 5px 0 rgba(0,0,0,.5),0 0 40px var(--accent-glow);letter-spacing:6px;line-height:1}.title-icon{font-size:clamp(36px,12vw,60px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));animation:log-rotate 4s ease-in-out infinite}@keyframes log-rotate{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.title-works{font-family:var(--font-display);font-size:clamp(32px,10vw,54px);color:var(--log-light);text-shadow:2px 2px 0 var(--log-darker),4px 4px 0 rgba(0,0,0,.4);letter-spacing:4px;line-height:1}.subtitle{font-family:var(--font-display);font-size:clamp(22px,6vw,34px);color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);margin-top:10px;letter-spacing:8px;opacity:.9}.demo-stack{position:relative;width:150px;height:100px;margin:20px 0}.demo-log{position:absolute;left:50%;height:20px;background:linear-gradient(180deg,var(--log-light),var(--log-dark));border-radius:3px;box-shadow:0 2px 8px #0000004d}.demo-log-1{bottom:0;width:100px;transform:translate(-50%)}.demo-log-2{bottom:22px;width:85px;transform:translate(-45%)}.demo-log-3{bottom:44px;width:70px;transform:translate(-50%)}.demo-log-moving{bottom:66px;width:70px;animation:demo-slide 1.5s ease-in-out infinite;box-shadow:0 0 15px var(--accent-glow)}@keyframes demo-slide{0%,to{transform:translate(-100%)}50%{transform:translate(0)}}.best-score{margin-top:25px;font-family:var(--font-display);font-size:clamp(20px,5vw,28px);color:var(--accent);text-shadow:0 0 20px var(--accent-glow)}.start-button,.restart-button{font-family:var(--font-display);font-size:clamp(28px,8vw,42px);color:#fff;background:linear-gradient(180deg,var(--log-light) 0%,var(--log-dark) 100%);border:none;border-radius:16px;padding:18px 60px;margin:30px 0;cursor:pointer;box-shadow:0 6px 0 var(--log-darker),0 10px 20px #0006,inset 0 2px 4px #fff3;text-shadow:2px 2px 0 rgba(0,0,0,.3);letter-spacing:4px;transition:transform .1s ease,box-shadow .1s ease;-webkit-tap-highlight-color:transparent}.start-button:hover,.restart-button:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--log-darker),0 14px 25px #0006,inset 0 2px 4px #fff3}.start-button:active,.restart-button:active{transform:translateY(4px);box-shadow:0 2px 0 var(--log-darker),0 4px 10px #0006,inset 0 2px 4px #fff3}.game-over-screen{background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-over-content{text-align:center;animation:game-over-appear .6s cubic-bezier(.34,1.56,.64,1)}@keyframes game-over-appear{0%{opacity:0;transform:scale(.7) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.game-over-title{font-family:var(--font-display);font-size:clamp(28px,9vw,50px);color:var(--accent);text-shadow:3px 3px 0 var(--log-dark),0 0 30px var(--accent-glow);margin-bottom:25px}.tower-visual{display:flex;flex-direction:column-reverse;align-items:center;gap:3px;margin-bottom:25px;animation:tower-build .8s ease-out}@keyframes tower-build{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.tower-log{height:12px;background:linear-gradient(180deg,var(--log-light),var(--log-dark));border-radius:2px;box-shadow:0 2px 4px #0000004d;animation:tower-log-appear .3s ease-out backwards;animation-delay:calc(var(--i) * .1s);width:calc(80px - var(--i) * 5px)}@keyframes tower-log-appear{0%{transform:translate(-50px) rotate(-10deg);opacity:0}to{transform:translate(0) rotate(0);opacity:1}}.final-score{background:linear-gradient(135deg,#ffd70026,#d2691e26);border:2px solid var(--accent);border-radius:16px;padding:20px 50px;margin-bottom:20px}.final-score-label{font-family:var(--font-body);font-size:clamp(12px,3vw,16px);color:var(--accent);font-weight:600;letter-spacing:3px;margin-bottom:5px}.final-score-value{font-family:var(--font-display);font-size:clamp(60px,20vw,110px);color:#fff;text-shadow:4px 4px 0 var(--log-dark),0 0 40px rgba(255,255,255,.3);line-height:1}.stats{display:flex;justify-content:center;gap:30px;margin-bottom:30px}.stat{display:flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:clamp(16px,4vw,22px);color:#fff;font-weight:600}.stat-icon{font-size:clamp(20px,5vw,28px)}@media(min-width:768px){.log{border-radius:14px}.log-rings{width:24px;height:24px}}@supports (padding: env(safe-area-inset-top)){.score-container{top:calc(20px + env(safe-area-inset-top))}.high-score{top:calc(20px + env(safe-area-inset-top));right:calc(15px + env(safe-area-inset-right))}}@keyframes perfect-flash{0%{background:transparent}50%{background:#ffd7001a}to{background:transparent}}.game-container.perfect-hit{animation:perfect-flash .3s ease-out}