body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body,html{height:100%}body{font-family:system-ui,Arial,sans-serif;margin:0}.App,body{background:#1b1b1b}.App{align-items:center;display:flex;height:100vh;justify-content:center}.sprite{max-width:180px;transform:translateX(-50%);width:90%}.mole,.sprite{bottom:6%;image-rendering:-webkit-optimize-contrast;left:50%;pointer-events:none;position:absolute;z-index:1}.mole{background-position:50%;background-repeat:no-repeat;background-size:contain;height:140px;max-width:200px;opacity:0;transform:translate(-50%,-10%);transition:all .3s ease;width:100%}.mole.active{animation:pop .5s ease-in-out both;opacity:1;pointer-events:all}.mole.whacked{animation:whackEffect .5s ease-out}.mole.udang1,.mole.udang2{background-image:url(/static/media/udang.1ba5e6bf8322a3c53202.png);background-position:50%;background-repeat:no-repeat;background-size:contain}.mole.udang2{filter:hue-rotate(30deg) saturate(1.3) brightness(1.1)}.mole.udang3{filter:hue-rotate(60deg) saturate(1.5) brightness(1.2)}.mole.udang3,.mole.udang4{background-image:url(/static/media/udang.1ba5e6bf8322a3c53202.png);background-position:50%;background-repeat:no-repeat;background-size:contain}.mole.udang4{filter:blur(1px) brightness(1.1)}.mole.udang5{background-image:url(/static/media/udang.1ba5e6bf8322a3c53202.png);background-position:50%;background-repeat:no-repeat;background-size:contain;filter:sepia(.3) brightness(.9)}.mole.anomas1,.mole.anomas2{background-image:url(/static/media/anomas.ad5d8107cdcf3e33177b.png);background-position:50%;background-repeat:no-repeat;background-size:contain}.mole.anomas2{filter:hue-rotate(0deg) saturate(1.8) brightness(1.1)}.mole.anomas3{filter:brightness(1.5) saturate(2)}.mole.anomas3,.mole.anomas4{background-image:url(/static/media/anomas.ad5d8107cdcf3e33177b.png);background-position:50%;background-repeat:no-repeat;background-size:contain}.mole.anomas4{filter:hue-rotate(120deg) saturate(1.2) brightness(1.1)}.mole.anomapenyihir1,.mole.anomapenyihir2{background-image:url(/static/media/anomapenyihir.06486b9d31bfdd37dcb1.png);background-position:50%;background-repeat:no-repeat;background-size:contain}.mole.anomapenyihir2{filter:hue-rotate(30deg) saturate(1.5) brightness(1.2)}.mole.anomapenyihir3{filter:brightness(1.8) saturate(2.2)}.mole.anomapenyihir3,.mole.anomapenyihir4{background-image:url(/static/media/anomapenyihir.06486b9d31bfdd37dcb1.png);background-position:50%;background-repeat:no-repeat;background-size:contain}.mole.anomapenyihir4{filter:hue-rotate(60deg) saturate(1.3) brightness(1.1)}.mole.anoma1{background-image:url(/static/media/anoma1.dee99a077c46dad07857.png)}.mole.anoma1,.mole.anoma2{background-position:50%;background-repeat:no-repeat;background-size:contain}.mole.anoma2{background-image:url(/static/media/anoma2.1ba55445e8e2563ed747.png)}.mole.anoma3{background-image:url(/static/media/anoma3.4948ea0ee044b066ce6a.png)}.mole.anoma3,.mole.anoma4{background-position:50%;background-repeat:no-repeat;background-size:contain}.mole.anoma4{background-image:url(/static/media/anoma4.5a5bfa6ce7a27f216759.png)}.mole.shrimpers{background-image:url(/static/media/SHRIMPERS.196058e65ea9870c5e72.png)}.mole.shrimpers,.mole.shrimpers1{background-position:50%;background-repeat:no-repeat;background-size:contain}.mole.shrimpers1{background-image:url(/static/media/SHRIMPERS1.43621f4dbf7590995fd5.png)}.mole.shrimpers2{background-image:url(/static/media/SHRIMPERS2.e955bc85df418a5f5976.png)}.mole.shrimpers2,.mole.shrimpers3{background-position:50%;background-repeat:no-repeat;background-size:contain}.mole.shrimpers3{background-image:url(/static/media/SHRIMPERS3.1bb04816fe33767868ed.png)}@keyframes pop{0%{opacity:0;transform:translate(-50%,80%) scale(.7)}40%{opacity:1;transform:translate(-50%,-20%) scale(1.1)}to{opacity:1;transform:translate(-50%,-10%) scale(1)}}@keyframes whackEffect{0%{transform:translate(-50%) scale(1) rotate(0deg)}50%{opacity:.5;transform:translate(-50%,-10%) scale(1.5) rotate(180deg)}to{opacity:0;transform:translate(-50%,40%) scale(0) rotate(1turn)}}@media (max-width:1024px) and (min-width:769px){.mole{height:100px;max-width:150px}}@media (max-width:768px) and (min-width:481px){.mole{height:80px;max-width:120px}}@media (max-width:768px) and (min-width:481px) and (orientation:landscape){.mole{height:70px;max-width:100px}}@media (max-width:480px){.mole{height:60px;max-width:80px}}@media (max-width:480px) and (orientation:landscape){.mole{height:50px;max-width:70px}}@media (max-width:320px){.mole{height:45px;max-width:60px}}.holes{grid-gap:clamp(8px,2vw,24px);display:grid;gap:clamp(8px,2vw,24px);grid-auto-rows:1fr;grid-template-columns:repeat(4,1fr);inset:40% 8% 15% 8%;position:absolute}.hole{cursor:pointer;filter:drop-shadow(0 12px 0 rgba(0,0,0,.18));isolation:isolate;position:relative;transition:transform .1s ease}.hole:hover{transform:scale(1.05)}.hole:before{background:radial-gradient(120% 95% at 50% 60%,#0000 64%,var(--hole-shadow) 65% 80%,#0000 81%) 50%/100% 100% no-repeat,radial-gradient(115% 90% at 50% 40%,#000 54%,#0000 55%);border-radius:50%;content:"";inset:0;position:absolute;transform:scaleY(.7);z-index:0}@media (max-width:1024px) and (min-width:769px){.holes{gap:clamp(6px,1.5vw,20px)}}@media (max-width:768px) and (min-width:481px){.holes{gap:clamp(4px,1.2vw,16px);inset:35% 6% 12% 6%}.hole{min-height:50px}}@media (max-width:768px) and (min-width:481px) and (orientation:landscape){.holes{gap:clamp(3px,1vw,12px);grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);inset:30% 3% 8% 3%}}@media (max-width:480px){.holes{gap:clamp(3px,1vw,10px);grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);inset:30% 5% 15% 5%}.hole{min-height:40px}}@media (max-width:480px) and (orientation:landscape){.holes{gap:clamp(2px,.8vw,8px);grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);inset:25% 2% 10% 2%}}@media (max-width:320px){.holes{gap:2px}}.hud{color:#fff;font-weight:800;inset:10px 12px auto 12px;justify-content:space-between;letter-spacing:1px;position:absolute;text-shadow:0 2px 0 #00000059}.badge,.hud{align-items:center;display:flex}.badge{font-size:clamp(18px,3vw,28px);gap:.5rem}.jam-icon,.rip-icon{height:clamp(80px,12vw,120px);width:clamp(80px,12vw,120px)}.coin-icon,.jam-icon,.rip-icon{filter:drop-shadow(0 2px 0 rgba(0,0,0,.35));object-fit:contain}.coin-icon{height:clamp(50px,8vw,80px);width:clamp(50px,8vw,80px)}.timer{aspect-ratio:1;background:radial-gradient(circle at 50% 50%,#fff 60%,#0000 0),conic-gradient(#000 0 30%,#0000 0);border:6px solid #ffd34d;border-radius:50%;width:clamp(36px,5vw,56px)}@media (max-width:1024px) and (min-width:769px){.hud{inset:8px 10px auto 10px}.badge{font-size:clamp(16px,2.5vw,24px)}.jam-icon,.rip-icon{height:clamp(72px,11vw,108px);width:clamp(72px,11vw,108px)}.coin-icon{height:clamp(45px,7.5vw,72px);width:clamp(45px,7.5vw,72px)}}@media (max-width:768px) and (min-width:481px){.hud{inset:6px 8px auto 8px}.badge{font-size:clamp(14px,2vw,20px)}.timer{width:clamp(30px,4vw,48px)}.jam-icon,.rip-icon{height:clamp(64px,10vw,96px);width:clamp(64px,10vw,96px)}.coin-icon{height:clamp(40px,7vw,64px);width:clamp(40px,7vw,64px)}}@media (max-width:480px){.hud{flex-wrap:wrap;gap:8px;inset:4px 6px auto 6px}.badge{font-size:clamp(12px,1.8vw,16px);gap:.3rem}.timer{width:clamp(24px,3.5vw,40px)}.jam-icon,.rip-icon{height:clamp(56px,9vw,80px);width:clamp(56px,9vw,80px)}.coin-icon{height:clamp(35px,6.5vw,56px);width:clamp(35px,6.5vw,56px)}}@media (max-width:320px){.badge{font-size:10px}.timer{width:20px}.jam-icon,.rip-icon{height:48px;width:48px}.coin-icon{height:30px;width:30px}}.mallet-container{bottom:20px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:1000}.mallet{align-items:center;cursor:pointer;display:flex;height:120px;justify-content:center;pointer-events:auto;position:relative;transition:transform .5s ease-in-out;width:120px}.mallet.moving{transition:transform .3s ease-out}.mallet:hover{transform:scale(1.1)}.mallet:active{transform:scale(.95)}.mallet .sprite{height:auto;object-fit:contain;pointer-events:none;position:absolute;width:100%}.mallet.swing{animation:swing .3s ease-in-out}@keyframes swing{0%{transform:rotate(0deg)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}to{transform:rotate(0deg)}}.controls{bottom:30px;display:flex;gap:15px;left:30px;position:absolute;z-index:10}.control-btn{background:#8b4513;border:3px solid #654321;border-radius:50%;box-shadow:0 3px 10px #0006;color:#fff;cursor:pointer;font-size:24px;height:60px;transition:all .2s ease;width:60px}.control-btn:hover{background:sienna;transform:scale(1.1)}@media (max-width:768px) and (min-width:481px){.control-btn{bottom:20px;font-size:18px;height:50px;left:20px;width:50px}}@media (max-width:480px){.control-btn{bottom:15px;font-size:16px;height:45px;left:15px;width:45px}}@media (max-width:480px) and (orientation:landscape){.control-btn{bottom:10px;font-size:14px;height:40px;left:10px;width:40px}}@media (max-width:320px){.control-btn{font-size:12px;height:35px;width:35px}}.game-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.overlay-content{background:linear-gradient(135deg,#2c3e50,#34495e);border:2px solid #f39c12;border-radius:20px;box-shadow:0 10px 30px #00000080;max-width:500px;padding:40px;position:relative;text-align:center;width:90%}.overlay-content h2{color:#f39c12;font-size:2.5em;font-weight:700;margin-bottom:25px}.overlay-content p{color:#ecf0f1;font-size:1.2em;line-height:1.8;margin-bottom:30px;text-align:center}.start-btn{background:linear-gradient(45deg,#f39c12,#e67e22);border:none;border-radius:25px;box-shadow:0 5px 15px #0000004d;color:#fff;cursor:pointer;display:block;font-size:18px;font-weight:700;margin:0 auto;padding:15px 30px;transition:all .3s ease}.start-btn:hover{box-shadow:0 7px 20px #0006;transform:translateY(-2px)}.close-btn{align-items:center;background:#e74c3ccc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:35px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:35px;z-index:10}.close-btn:hover{background:#e74c3c;transform:scale(1.1)}.close-btn:active{transform:scale(.95)}.credit{color:#95a5a6;font-size:.9em;font-style:italic;margin-top:20px;opacity:.8}@media (max-width:480px){.overlay-content{margin:10px;padding:20px}.overlay-content h2{font-size:1.8em}.overlay-content p{font-size:1em}.start-btn{font-size:16px;padding:12px 24px}.close-btn{font-size:18px;height:30px;right:10px;top:10px;width:30px}}.time-selector-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.time-selector-content{background:linear-gradient(135deg,#2c3e50,#34495e);border:2px solid #f39c12;border-radius:20px;box-shadow:0 10px 30px #00000080;max-width:500px;padding:40px;text-align:center;width:90%}.time-selector-content h2{color:#f39c12;font-size:2.5em;font-weight:700;margin-bottom:20px}.time-selector-content p{color:#ecf0f1;font-size:1.2em;margin-bottom:30px}.time-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.time-option{align-items:center;background:linear-gradient(45deg,#f39c12,#e67e22);border:none;border-radius:15px;box-shadow:0 5px 15px #0000004d;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:18px;font-weight:700;gap:5px;padding:20px;transition:all .3s ease}.time-option:hover{box-shadow:0 8px 20px #0006;transform:translateY(-3px)}.time-option:active{transform:translateY(-1px)}.time-number{font-size:2em;font-weight:700}.time-label{font-size:.8em;opacity:.9}.back-btn{background:linear-gradient(45deg,#95a5a6,#7f8c8d);border:none;border-radius:25px;box-shadow:0 3px 10px #0000004d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:all .3s ease}.back-btn:hover{box-shadow:0 5px 15px #0006;transform:translateY(-2px)}@media (max-width:480px){.time-selector-content{margin:10px;padding:20px}.time-selector-content h2{font-size:1.8em}.time-selector-content p{font-size:1em}.time-options{gap:15px;grid-template-columns:1fr}.time-option{font-size:16px;padding:15px}.time-number{font-size:1.5em}}.game{--hole-shadow:#00000059;aspect-ratio:16/9;background-image:url(/static/media/bckgrond.4ef0b5c7867edb20addc.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;box-shadow:0 10px 30px #00000059;height:100vh;margin:auto;max-height:800px;max-width:1200px;overflow:hidden;position:relative;width:100%}@media (max-width:1024px) and (min-width:769px){.game{height:90vh;max-height:700px;max-width:95vw}}@media (max-width:768px) and (min-width:481px){.game{border-radius:12px;height:85vh;max-height:600px;max-width:98vw}}@media (max-width:480px){.game{border-radius:0;box-shadow:none;height:100vh;max-height:none;width:100vw}}@media (max-width:480px) and (orientation:landscape){.game{height:100vh}}@media (max-width:320px){.game{height:100vh;width:100vw}}@media (hover:none) and (pointer:coarse){.hole:hover{transform:none}.hole:active{transform:scale(.95)}.mallet:hover{transform:none}.mallet:active{transform:scale(.9)}.control-btn:hover{transform:none}.control-btn:active{transform:scale(.9)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.mole{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}
/*# sourceMappingURL=main.4785a0c6.css.map*/