body{background-image:url(/assets/PineappleBackground-CzwXWtlC.jpg);background-position:center;background-attachment:fixed;background-repeat:no-repeat;background-size:cover}.app{min-height:100vh;display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:center;font-family:sans-serif;padding:1.5rem}.big-button{color:#000;padding:1rem 2rem;font-size:1.25rem;font-weight:700;border-radius:15px;background-color:#e4f099;border:1px solid hsla(0,0%,20%,.7);cursor:pointer;transition:background-color .5s ease;box-shadow:4px 4px 5px #000c;text-shadow:3px 3px 5px hsl(0,0%,100%)}.big-button:hover{color:#000;background-color:#d9e96d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);filter:drop-shadow(0 0 10px hsl(60,100%,70%))}.big-button:active{color:#000;background-color:#d9e96d;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);filter:drop-shadow(0 0 30px hsl(60,100%,70%));transform:scale(.95)}.game{display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center;border-radius:15px;border:2px solid hsla(0,0%,20%,.7);padding:50px;background-color:#fff;box-shadow:3px 3px 5px #333333b3;text-shadow:1px 1px 1cap yellow}.current-pineapples{font-size:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);filter:drop-shadow(0 0 10px hsla(60,100%,75%,.75))}.shop{border:2px solid hsla(0,0%,20%,.7);padding:10px 10px 50px;display:flex;flex-direction:column;gap:.75rem;align-items:center;border-radius:15px;background-color:#fff;box-shadow:3px 3px 5px #333333b3}.shop h2{color:#fff;text-shadow:3px 3px 3px hsla(120,100%,25%,.7);border:2px solid hsla(0,0%,20%,.7);padding:15px;border-radius:5px;background-color:#67944c;box-shadow:3px 3px 5px #333333b3}.big-button,.upgrade-button{color:#000;min-width:200px;min-height:48px;text-align:center}.upgrade-button{color:#000;padding:.5rem 1rem;border-radius:15px;border:1px solid hsla(0,0%,20%,.7);cursor:pointer;font-size:.95rem;background-color:#79e23cb3;box-shadow:3px 3px 5px #000000bf;transition:background-color .5s ease}.upgrade-button:hover:enabled{color:#000;padding:.5rem 1rem;cursor:pointer;font-size:.95rem;background-color:#5ecc1eb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);filter:drop-shadow(0 0 10px hsla(98,74%,56%,.9));transform:scale(.95)}.upgrade-button:disabled{color:#000;opacity:.7;cursor:not-allowed}.save-bar{position:fixed;border:1px solid hsl(0,0%,20%);top:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;align-items:center;padding:.5rem 1rem;border-radius:10px;background-color:#ffffffe6;box-shadow:0 2px 6px #000000b3;font-size:.9rem}.slot-button:disabled{color:#000;background:#ccc;cursor:default}.reset-button{color:#000;border:none;background-color:#e6000099;padding:10px 20px;margin:5px;transition:background-color .5s ease;border:1px solid hsl(0,0%,20%);border-radius:10px;box-shadow:0 2px 6px #000000b3}.reset-button:hover{color:#000;background-color:#b30000cc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);filter:drop-shadow(0 0 5px hsla(0,100%,45%,.6));cursor:pointer;transform:scale(.95)}.save-actions{margin-top:1rem;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.save-actions button,.slot-button{color:#000;background-color:#bfbfbf;border:1px solid hsl(0,0%,20%);cursor:pointer;box-shadow:0 2px 6px #000000b3;padding:5px;border-radius:10px;transition:background-color .5s ease;min-width:60px}.save-actions button:hover,.slot-button:hover{color:#000;background-color:gray;transform:scale(.95)}.slot-button:disabled{color:#000;background-color:gray;transform:scale(.95);opacity:75%}.big-button,.upgrade-button,.slot-button,html,body{user-select:none;-webkit-user-select:none;-ms-user-select:none}*{-webkit-tap-highlight-color:transparent}button{user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent}::selection{background:transparent}.pineapple-target{margin:.5rem 0 1rem;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#ffeaa7,#f39c12);display:flex;align-items:center;justify-content:center;position:relative;cursor:crosshair;box-shadow:0 8px 16px #000000bf;transition:transform .1s ease-out;overflow:hidden;border:1px solid hsl(0,0%,20%)}.pineapple-img{width:90%;height:90%;object-fit:contain;pointer-events:none}.impact-ring{position:absolute;width:90%;height:90%;border-radius:50%;border:3px solid rgba(255,255,255,.7);opacity:0;transform:scale(.7);pointer-events:none}.pineapple-target--hit{animation:pineapple-hit-pop .15s ease-out}.pineapple-target--hit .impact-ring{animation:impact-ring-expand .2s ease-out}@keyframes pineapple-hit-pop{0%{transform:translateY(0) scale(1)}40%{transform:translateY(4px) scale(.95)}to{transform:translateY(0) scale(1)}}@keyframes impact-ring-expand{0%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.3)}}@media(min-width:768px){.app{flex-direction:row;gap:3rem;padding:2rem 4rem}.shop{margin-top:0}}@media(max-width:480px){.game,.shop{padding:24px}}