#worldpbr{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}#worldpbr[hidden]{display:none}
button{transition:transform .18s cubic-bezier(.2,.85,.22,1.3),box-shadow .22s ease,background .22s ease,border-color .22s ease;will-change:auto}
button:hover:not(:disabled){border-color:#bbf487;box-shadow:0 0 0 1px #c9ff7033,0 0 25px #a0ff6126;transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(2px) scale(.965);box-shadow:inset 0 2px 7px #0005}.primary{box-shadow:0 4px 0 #66952a,0 8px 25px #a2f55225}.primary:active{box-shadow:0 1px 0 #66952a}
.goal{border:1px solid #abd28b40;box-shadow:0 6px 25px #0003;transition:border-color .2s,box-shadow .3s}.goal>div{height:7px;border-radius:9px;background:#34483d}.goal i{background:linear-gradient(90deg,#66dfb5,#c9ff70,#fff3a7);box-shadow:0 0 14px #bdff82;transition:width .075s linear}.goal.locking{border-color:#d6ff94;box-shadow:0 0 35px #a9ff6536}.goal.locking>span{color:#edffd6}.stats{position:relative;overflow:hidden}.stats:after{content:'';height:3px;background:linear-gradient(90deg,#82e5bf,#d8f68b);position:absolute;bottom:0;left:0;width:100%;transform:scaleX(var(--time-left,1));transform-origin:left;transition:transform 1s linear}.stats b{font-variant-numeric:tabular-nums}#comboPill{display:inline-block;margin-top:8px;border-radius:20px;background:#c9ff70;color:#183020;padding:4px 10px;font-size:10px;font-weight:900;letter-spacing:1px}#comboPill[hidden]{display:none}
#juiceLayer{position:absolute;inset:0;z-index:60;pointer-events:none;overflow:hidden;contain:layout paint}#parkingBurst{position:absolute;left:50%;top:24%;width:min(650px,90vw);text-align:center;opacity:0;transform:translate(-50%,-50%) scale(.4);filter:drop-shadow(0 6px 16px #001b20)}#parkingBurst small{display:block;color:#e5ffee;font:800 11px system-ui;letter-spacing:4px;margin-bottom:8px}#parkingBurst strong{display:block;font:950 clamp(27px,5vw,66px)/1.05 system-ui;letter-spacing:-2px;color:#d1ff78;text-shadow:0 3px 0 #3f783a,0 0 40px #a5ed7766}#parkingBurst span{display:block;margin-top:15px;color:#efffec;font:600 13px system-ui}#confettiPool{position:absolute;top:35%;left:50%}#confettiPool i{position:absolute;width:7px;height:12px;border-radius:2px;opacity:0;transform:translate(0,0)}.celebrate #parkingBurst{animation:parking-pop 2.2s cubic-bezier(.18,.95,.28,1.35) both}.celebrate #confettiPool i{animation:parking-confetti 1.65s cubic-bezier(.1,.65,.25,1) var(--delay) both}
@keyframes parking-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(-5deg)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.13) rotate(1deg)}28%{transform:translate(-50%,-50%) scale(.97)}38%,78%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-80%) scale(.92)}}
@keyframes parking-confetti{0%{opacity:0;transform:translate(0,0) scale(.25)}9%{opacity:1}65%{opacity:1}100%{opacity:0;transform:translate(var(--dx),calc(var(--dy) + 200px)) rotate(var(--spin)) scale(.7)}}
@media(prefers-reduced-motion:reduce){button,.goal i,.stats:after{transition:none}.celebrate #confettiPool i{animation:none}.celebrate #parkingBurst{animation:parking-reduced 2s ease both}@keyframes parking-reduced{0%,100%{opacity:0;transform:translate(-50%,-50%)}15%,85%{opacity:1;transform:translate(-50%,-50%)}}}
@media(max-width:700px){#parkingBurst{top:29%}#parkingBurst small{letter-spacing:2px;font-size:9px}#parkingBurst span{font-size:11px}}
