*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden}body{font-family:'Poppins',sans-serif;background:linear-gradient(135deg,#353535 0%,#000000 100%);min-height:100vh;overflow-x:hidden;position:relative}.background-3d{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:radial-gradient(circle at 20% 80%,rgb(255 255 255 / .2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgb(255 119 198 / .2) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgb(255 255 255 / .2) 0%,transparent 50%),linear-gradient(135deg,#353535 0%,#000000 100%)}.floating-elements{position:absolute;width:100%;height:100%}.element{position:absolute;border-radius:50%;background:rgb(255 255 255 / .1);backdrop-filter:blur(10px);animation:float 6s ease-in-out infinite}.element-1{width:80px;height:80px;top:20%;left:10%;animation-delay:0s}.element-2{width:120px;height:120px;top:60%;right:10%;animation-delay:2s}.element-3{width:60px;height:60px;top:80%;left:20%;animation-delay:4s}.element-4{width:100px;height:100px;top:30%;right:30%;animation-delay:1s}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg);opacity:.7}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}.container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;padding-bottom:80px;position:relative}.terms-btn{position:fixed;top:20px;right:20px;background:rgb(255 255 255 / .2);border:none;border-radius:50px;padding:12px 20px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;backdrop-filter:blur(10px);box-shadow:0 8px 32px rgb(0 0 0 / .1);transition:all 0.3s ease;z-index:1000}.terms-btn:hover{background:rgb(255 255 255 / .3);transform:translateY(-2px);box-shadow:0 12px 40px rgb(0 0 0 / .2)}.terms-btn i{margin-right:8px}.main-content{text-align:center;max-width:500px;width:100%;position:relative;z-index:10}.logo-section{margin-bottom:-14px}.logo-header{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:1001;text-align:center}.logo-juragan{width:130px;height:130px;object-fit:contain;filter:drop-shadow(0 4px 8px rgb(0 0 0 / .3));animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,100%{transform:translateY(0) scale(1);opacity:.9}50%{transform:translateY(-8px) scale(1.05);opacity:1}}@media (max-width:480px){.logo-header{top:0}.logo-juragan{width:180px;height:180px}}.logo-3d{width:120px;height:120px;margin:0 auto 30px;background:linear-gradient(145deg,#ff6b6b,#ee5a52);border-radius:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px rgb(238 90 82 / .3),inset 0 2px 4px rgb(255 255 255 / .2),inset 0 -2px 4px rgb(0 0 0 / .1);transform:perspective(1000px) rotateX(10deg);transition:all 0.3s ease}.logo-3d:hover{transform:perspective(1000px) rotateX(0deg) translateY(-5px);box-shadow:0 30px 60px rgb(238 90 82 / .4),inset 0 2px 4px rgb(255 255 255 / .3),inset 0 -2px 4px rgb(0 0 0 / .1)}.logo-3d i{font-size:50px;color:#fff;text-shadow:0 2px 4px rgb(0 0 0 / .3)}.title-3d{font-size:3rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgb(0 0 0 / .3),0 4px 8px rgb(0 0 0 / .2),0 8px 16px rgb(0 0 0 / .1);margin-bottom:10px;transform:perspective(1000px) rotateX(15deg)}.subtitle{font-size:1.1rem;color:rgb(255 255 255 / .8);font-weight:300}.form-container{padding:15px 12px;margin:-130px auto 0;background:rgb(0 0 0 / .05);width:80%;max-width:320px;box-sizing:border-box;position:relative;left:46%;transform:translateX(-50%);border-radius:15px;box-shadow:0 20px 40px rgb(0 0 0 / .02),inset 0 1px 2px rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .1);transition:all 0.5s ease;min-height:120px}.form-container:hover{transform:translateX(-50%) perspective(1000px) rotateX(0deg) translateY(-5px);box-shadow:0 30px 60px rgb(0 0 0 / .15),inset 0 1px 2px rgb(255 255 255 / .3)}.initial-action-buttons{margin-top:15px;display:flex;justify-content:center}.get-ticket-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(145deg,#007bff,#0056b3);color:#fff;text-decoration:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 8px rgb(0 123 255 / .3);border:none}.get-ticket-btn:hover{background:linear-gradient(145deg,#0056b3,#007bff);transform:translateY(-2px);box-shadow:0 6px 12px rgb(0 123 255 / .4);color:#fff;text-decoration:none}.get-ticket-btn:active{transform:translateY(0);box-shadow:0 4px 8px rgb(0 123 255 / .3)}.get-ticket-btn i{font-size:16px}.ticket-input-stage{transition:all 0.5s ease}.input-group-minimal{position:relative;display:flex;flex-direction:column;gap:10px}.subtitle-minimal{font-size:14px;color:rgb(255 255 255 / .9);margin:0;text-align:center;font-weight:500}.input-group-minimal input{padding:15px 20px;border:none;border-radius:12px;background:rgb(255 255 255 / .95);font-size:16px;font-weight:500;color:#333;box-shadow:inset 0 2px 4px rgb(0 0 0 / .1),0 2px 8px rgb(0 0 0 / .05);transition:all 0.3s ease;text-transform:uppercase;letter-spacing:2px;text-align:center}.input-group-minimal input:focus{outline:none;background:rgb(255 255 255);box-shadow:inset 0 2px 4px rgb(0 0 0 / .1),0 0 20px rgb(102 126 234 / .3);transform:translateY(-2px)}.full-form-stage{opacity:0;transform:translateY(20px);transition:all 0.5s ease}.full-form-stage.active{opacity:1;transform:translateY(0)}.form-container.expanded{max-width:380px;padding:20px 15px;background:rgb(0 0 0 / .7);left:46%;transform:translateX(-50%)}.form-container.expanded:hover{transform:translateX(-50%) translateY(-5px);box-shadow:0 30px 60px rgb(0 0 0 / .15),inset 0 1px 2px rgb(255 255 255 / .3)}.back-btn{background:linear-gradient(145deg,#6c757d,#5a6268);border:none;border-radius:10px;padding:10px 20px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:8px;margin:15px auto 0;justify-content:center;width:fit-content}.back-btn:hover{background:linear-gradient(145deg,#5a6268,#6c757d);transform:translateY(-2px);box-shadow:0 6px 12px rgb(108 117 125 / .3)}.input-group{position:relative;display:flex;gap:15px;align-items:center}.input-group input{flex:1;padding:18px 25px;border:none;border-radius:15px;background:rgb(255 255 255 / .9);font-size:16px;font-weight:500;color:#333;box-shadow:inset 0 2px 4px rgb(0 0 0 / .1),0 2px 8px rgb(0 0 0 / .05);transition:all 0.3s ease;text-transform:uppercase;letter-spacing:2px}.input-group input:focus{outline:none;background:rgb(255 255 255);box-shadow:inset 0 2px 4px rgb(0 0 0 / .1),0 0 20px rgb(102 126 234 / .3);transform:translateY(-2px)}.input-group input::placeholder{color:#999;text-transform:none;letter-spacing:normal}.submit-btn{background:linear-gradient(145deg,#4CAF50,#45a049);border:none;border-radius:15px;padding:18px 30px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 8px 16px rgb(76 175 80 / .3),inset 0 1px 2px rgb(255 255 255 / .2);transition:all 0.3s ease;display:flex;align-items:center;gap:10px;min-width:120px;justify-content:center}.submit-btn:hover{background:linear-gradient(145deg,#45a049,#4CAF50);transform:translateY(-3px);box-shadow:0 12px 24px rgb(76 175 80 / .4),inset 0 1px 2px rgb(255 255 255 / .3)}.submit-btn:active{transform:translateY(-1px);box-shadow:0 6px 12px rgb(76 175 80 / .3),inset 0 1px 2px rgb(255 255 255 / .2)}.result-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .8);display:none;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(10px);animation:modalFadeIn 0.3s ease;transition:opacity 0.3s ease,transform 0.3s ease}.audio-control{position:fixed;top:20px;left:20px;width:60px;height:60px;border:none;border-radius:50%;background:linear-gradient(145deg,#ff6b6b,#ee5a52);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;z-index:1001;transition:all 0.4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px rgb(238 90 82 / .4),inset 0 2px 4px rgb(255 255 255 / .3),inset 0 -2px 4px rgb(0 0 0 / .2);transform:perspective(1000px) rotateX(15deg);animation:audioFloat 3s ease-in-out infinite}.audio-control:hover{transform:perspective(1000px) rotateX(0deg) translateY(-5px) scale(1.1);box-shadow:0 15px 35px rgb(238 90 82 / .6),inset 0 3px 6px rgb(255 255 255 / .4),inset 0 -3px 6px rgb(0 0 0 / .3);background:linear-gradient(145deg,#ff7979,#fd79a8)}.audio-control:active{transform:perspective(1000px) rotateX(5deg) translateY(-2px) scale(1.05);box-shadow:0 5px 15px rgb(238 90 82 / .5),inset 0 1px 3px rgb(255 255 255 / .2),inset 0 -1px 3px rgb(0 0 0 / .4);transition:all 0.1s ease}.audio-control.muted{background:linear-gradient(145deg,#95a5a6,#7f8c8d);box-shadow:0 8px 25px rgb(127 140 141 / .4),inset 0 2px 4px rgb(255 255 255 / .2),inset 0 -2px 4px rgb(0 0 0 / .3)}.audio-control.muted:hover{background:linear-gradient(145deg,#bdc3c7,#95a5a6);box-shadow:0 15px 35px rgb(127 140 141 / .6),inset 0 3px 6px rgb(255 255 255 / .3),inset 0 -3px 6px rgb(0 0 0 / .4)}.audio-control i{transition:all 0.3s ease;text-shadow:0 2px 4px rgb(0 0 0 / .3);filter:drop-shadow(0 1px 2px rgb(0 0 0 / .2))}.audio-control:hover i{transform:scale(1.2) rotate(5deg);text-shadow:0 3px 6px rgb(0 0 0 / .4)}.audio-control.muted i{opacity:.8}@keyframes audioFloat{0%,100%{transform:perspective(1000px) rotateX(15deg) translateY(0);box-shadow:0 8px 25px rgb(238 90 82 / .4),inset 0 2px 4px rgb(255 255 255 / .3),inset 0 -2px 4px rgb(0 0 0 / .2)}50%{transform:perspective(1000px) rotateX(15deg) translateY(-8px);box-shadow:0 12px 30px rgb(238 90 82 / .5),inset 0 2px 4px rgb(255 255 255 / .4),inset 0 -2px 4px rgb(0 0 0 / .2)}}@keyframes pulse{0%{transform:perspective(1000px) rotateX(15deg) scale(1);box-shadow:0 8px 25px rgb(238 90 82 / .4),inset 0 2px 4px rgb(255 255 255 / .3),inset 0 -2px 4px rgb(0 0 0 / .2)}50%{transform:perspective(1000px) rotateX(15deg) scale(1.15);box-shadow:0 15px 40px rgb(238 90 82 / .7),inset 0 3px 6px rgb(255 255 255 / .5),inset 0 -3px 6px rgb(0 0 0 / .3)}100%{transform:perspective(1000px) rotateX(15deg) scale(1);box-shadow:0 8px 25px rgb(238 90 82 / .4),inset 0 2px 4px rgb(255 255 255 / .3),inset 0 -2px 4px rgb(0 0 0 / .2)}}@media (max-width:768px){.audio-control{width:50px;height:50px;font-size:20px;top:15px;left:15px}}@media (max-width:480px){.audio-control{width:45px;height:45px;font-size:18px;top:10px;left:10px}}.audio-control::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent,rgb(255 255 255 / .3),transparent);border-radius:50%;opacity:0;transition:opacity 0.3s ease;z-index:-1}.audio-control:hover::before{opacity:1;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.audio-control::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgb(255 255 255 / .4);transform:translate(-50%,-50%);transition:width 0.6s ease,height 0.6s ease}.audio-control:active::after{width:80px;height:80px}.result-modal.show-modal{display:flex!important;visibility:visible!important;opacity:1!important;position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:999999!important;background:rgb(0 0 0 / .9)!important;align-items:center!important;justify-content:center!important;backdrop-filter:blur(10px)!important;pointer-events:auto!important}.result-modal.show-modal .modal-content{background:white!important;border-radius:15px!important;padding:30px!important;max-width:90%!important;max-height:90%!important;overflow-y:auto!important;box-shadow:0 20px 60px rgb(0 0 0 / .3)!important;transform:scale(1)!important;opacity:1!important;position:relative!important;z-index:1000000!important;pointer-events:auto!important;transform:none!important}.modal-icon{width:80px;height:80px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:35px;color:#fff}.success .modal-icon{background:linear-gradient(145deg,#1d1d1d,#222222);box-shadow:0 10px 20px rgb(76 175 80 / .3)}.error .modal-icon{background:linear-gradient(145deg,#f44336,#d32f2f);box-shadow:0 10px 20px rgb(244 67 54 / .3)}.result-modal h3{font-size:1.8rem;margin-bottom:15px;color:#333}.result-modal p{font-size:1.1rem;color:#666;margin-bottom:20px;line-height:1.5}.prize-info{background:#f8f9fa;border-radius:15px;padding:20px;margin:20px 0}.prize-info h4{color:#4CAF50;font-size:1.3rem;margin-bottom:10px}.prize-desc{color:#666;font-size:.95rem}.close-btn{background:linear-gradient(145deg,#667eea,#764ba2);border:none;border-radius:12px;padding:12px 30px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease}.close-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgb(102 126 234 / .3)}.terms-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .8);display:none;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(10px)}.terms-modal .modal-content{background:#fff;border-radius:20px;max-width:600px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 30px 60px rgb(0 0 0 / .3)}.modal-header{padding:25px 30px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(145deg,#667eea,#764ba2);color:#fff}.modal-header h3{font-size:1.5rem;font-weight:600}.modal-header .close-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:5px;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.modal-header .close-btn:hover{background:rgb(255 255 255 / .2)}.modal-body{padding:30px;max-height:60vh;overflow-y:auto}.terms-content{line-height:1.8;color:#555;font-size:15px}@keyframes modalFadeIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes modalFadeOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes modalSlideIn{from{opacity:0;transform:perspective(1000px) rotateX(30deg) translateY(-50px)}to{opacity:1;transform:perspective(1000px) rotateX(10deg) translateY(0)}}.desktop-redirect{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;color:#fff;z-index:9999;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.desktop-redirect-icon{font-size:120px;margin-bottom:30px;opacity:.8;animation:pulse 2s infinite}.desktop-redirect-title{font-size:3rem;font-weight:700;margin-bottom:20px;text-shadow:0 4px 8px rgb(255 255 255 / .1)}.desktop-redirect-message{font-size:1.3rem;line-height:1.6;opacity:.9;margin-bottom:40px;max-width:600px}.desktop-redirect-qr{width:200px;height:200px;background:#fff;border-radius:20px;margin:20px auto;display:flex;align-items:center;justify-content:center;font-size:18px;color:#333;font-weight:600}@keyframes pulse{0%,100%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@media (max-width:768px){body{background:url(../images/BACKGROUND-MANCING.png);background-size:cover;background-position:center center;background-attachment:scroll;background-repeat:no-repeat;min-height:100vh;width:100%;overflow-x:hidden}.background-3d{display:none}.bl-image{width:200px}.tangan-element{right:8%;top:35%}.tangan-image{width:80px;opacity:1}.desktop-redirect{display:none!important}.title-3d{font-size:2.5rem;text-shadow:0 2px 4px rgb(0 0 0 / .8),0 4px 8px rgb(0 0 0 / .6),0 8px 16px rgb(0 0 0 / .4)}.subtitle{color:rgb(255 255 255 / .9);text-shadow:0 2px 4px rgb(0 0 0 / .8)}.form-container{padding:20px 15px;margin:0 auto;background:rgb(0 0 0 / .05);width:90%;max-width:400px;box-sizing:border-box}.form-container.expanded{background:rgb(0 0 0 / .7);max-width:420px}.input-group{flex-direction:column;gap:15px}.input-group input,.submit-btn{width:100%}.logo-3d{width:100px;height:100px}.logo-3d i{font-size:40px}.terms-btn{top:15px;right:15px;padding:10px 15px;font-size:12px}.container{align-items:flex-end;padding-top:20px;padding-bottom:60px;width:100%;max-width:100vw;box-sizing:border-box}.main-content{width:100%;max-width:100%;padding:0 15px;box-sizing:border-box}.swimming-fish-container{height:100%;padding:15px}.fish-img{width:80px}.swimming-fish[data-fish="2"]{top:18%;left:8%}.swimming-fish[data-fish="3"]{top:28%;right:6%}.swimming-fish[data-fish="4"]{top:48%;left:3%}.swimming-fish[data-fish="5"]{top:38%;right:12%}.swimming-fish[data-fish="6"]{top:68%;left:10%}}@media (min-width:769px){.desktop-redirect{display:flex}.container,.main-content,.background-3d{display:none}.desktop-redirect~.container .background-elements{display:none}}@media (max-width:480px){body{background-size:cover;background-position:center center;background-attachment:scroll}.desktop-redirect-title{font-size:2rem}.desktop-redirect-message{font-size:1.1rem}.desktop-redirect-icon{font-size:80px}.desktop-redirect-qr{width:150px;height:150px;font-size:16px}.title-3d{font-size:2rem}.subtitle{font-size:1rem}.form-container{padding:20px 15px;margin:0 auto;width:90%;max-width:400px;box-sizing:border-box}.form-container.expanded{max-width:420px}.result-modal .modal-content{padding:30px 20px}.modal-body{padding:20px}.container{padding-bottom:40px;padding-left:10px;padding-right:10px;width:100%;max-width:100vw}.main-content{padding:0 5px}.bl-image{width:150px}.tangan-element{right:8%;top:35%}.tangan-image{width:80px;opacity:1}.swimming-fish-container{height:100%;padding:10px}.fish-img{width:70px}.swimming-fish[data-fish="2"]{top:20%;left:5%}.swimming-fish[data-fish="3"]{top:30%;right:5%}.swimming-fish[data-fish="4"]{top:50%;left:2%}.swimming-fish[data-fish="5"]{top:40%;right:8%}.swimming-fish[data-fish="6"]{top:70%;left:8%}}.action-buttons{display:flex;flex-direction:column;gap:12px;margin-top:20px}.action-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 8px rgb(0 0 0 / .1)}.action-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .3),transparent);transition:left 0.6s ease}.action-btn:hover::before{left:100%}.action-btn.primary{background:linear-gradient(145deg,#007bff,#0056b3);color:#fff}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgb(0 0 0 / .2);background:linear-gradient(145deg,#0056b3,#007bff)}.action-btn.primary:active{transform:translateY(-1px);transition:all 0.1s ease}.action-btn.secondary{background:linear-gradient(145deg,#28a745,#1e7e34);color:#fff}.action-btn.secondary:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgb(0 0 0 / .2);background:linear-gradient(145deg,#1e7e34,#28a745)}.action-btn.secondary:active{transform:translateY(-1px);transition:all 0.1s ease}.action-btn i{font-size:18px;transition:transform 0.3s ease}.action-btn:hover i{transform:scale(1.1) rotate(5deg)}.action-btn.loading{pointer-events:none;opacity:.8}.action-btn.loading::after{content:'';position:absolute;width:20px;height:20px;border:2px solid rgb(255 255 255 / .3);border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.action-btn.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 10px 30px rgb(102 126 234 / .4)}50%{box-shadow:0 10px 30px rgb(102 126 234 / .8)}100%{box-shadow:0 10px 30px rgb(102 126 234 / .4)}}.box-modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background:rgb(0 0 0 / .7);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);animation:boxModalFadeIn 0.8s ease}.box-modal-content{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.box-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:40px}.box-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;background:radial-gradient(circle,rgb(255 215 0 / .4),rgb(255 140 0 / .2),transparent 70%);border-radius:50%;animation:glowPulse 3s ease-in-out infinite;z-index:-1}.mystery-box{width:180px;height:180px;cursor:pointer;transition:all 0.4s cubic-bezier(.175,.885,.32,1.275);animation:boxFloat 4s ease-in-out infinite;filter:drop-shadow(0 15px 35px rgb(0 0 0 / .4));border-radius:15px}.mystery-box:hover{transform:scale(1.15) rotate(8deg);filter:drop-shadow(0 20px 40px rgb(0 0 0 / .5))}.click-instruction{text-align:center;color:#fff;font-family:'Poppins',sans-serif;background:rgb(255 255 255 / .1);padding:20px 30px;border-radius:20px;backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .2);box-shadow:0 8px 32px rgb(0 0 0 / .3)}.pointer-icon{font-size:2.5rem;animation:pointerWiggle 1.5s ease-in-out infinite;margin-bottom:15px;filter:drop-shadow(0 0 10px rgb(255 255 255 / .5))}.click-instruction p{font-size:1.3rem;font-weight:600;margin:0;text-shadow:2px 2px 8px rgb(0 0 0 / .7);animation:instructionBounce 3s ease-in-out infinite;letter-spacing:.5px}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.confetti{position:absolute;animation:confettiFall linear;z-index:1000;opacity:1}.confetti.red{background:linear-gradient(45deg,#ff0000,#ff6b6b,#ff0000);opacity:.95;box-shadow:0 4px 12px rgb(255 0 0 / .7),inset 0 2px 0 rgb(255 255 255 / .4)}.confetti.white{background:linear-gradient(45deg,#ffffff,#f8f9fa,#ffffff);opacity:.98;box-shadow:0 4px 12px rgb(0 0 0 / .5),inset 0 2px 0 rgb(255 255 255 / .9)}.confetti.gold{background:linear-gradient(45deg,#ffd700,#ffed4e,#ffd700);opacity:.95;box-shadow:0 4px 12px rgb(255 215 0 / .8),inset 0 2px 0 rgb(255 255 255 / .5)}.confetti.silver{background:linear-gradient(45deg,#c0c0c0,#e8e8e8,#c0c0c0);opacity:.95;box-shadow:0 4px 12px rgb(192 192 192 / .7),inset 0 2px 0 rgb(255 255 255 / .6)}.confetti.pink{background:linear-gradient(45deg,#ff69b4,#ffb3d9,#ff69b4);opacity:.95;box-shadow:0 4px 12px rgb(255 105 180 / .7),inset 0 2px 0 rgb(255 255 255 / .4)}.confetti.blue{background:linear-gradient(45deg,#4169e1,#87ceeb,#4169e1);opacity:.95;box-shadow:0 4px 12px rgb(65 105 225 / .7),inset 0 2px 0 rgb(255 255 255 / .4)}.confetti.circle{width:12px;height:12px;border-radius:50%}.confetti.square{width:10px;height:10px;border-radius:2px}.confetti.triangle{width:0;height:0;border-left:6px solid #fff0;border-right:6px solid #fff0;border-bottom:10px solid;background:transparent!important}.confetti.star{width:12px;height:12px;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.confetti.heart{width:12px;height:10px;position:relative;transform:rotate(-45deg)}.confetti.heart:before,.confetti.heart:after{content:'';width:6px;height:10px;position:absolute;left:6px;background:inherit;border-radius:6px 6px 0 0;transform:rotate(-45deg);transform-origin:0 100%}.confetti.heart:after{left:0;transform:rotate(45deg);transform-origin:100% 100%}@keyframes boxModalFadeIn{from{opacity:0;backdrop-filter:blur(0);transform:scale(.9)}to{opacity:1;backdrop-filter:blur(15px);transform:scale(1)}}@keyframes boxFloat{0%,100%{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-15px) rotate(2deg) scale(1.02)}50%{transform:translateY(-25px) rotate(0deg) scale(1.05)}75%{transform:translateY(-15px) rotate(-2deg) scale(1.02)}}@keyframes glowPulse{0%,100%{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.3)}}@keyframes instructionBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pointerWiggle{0%,100%{transform:rotate(0deg) scale(1)}25%{transform:rotate(-20deg) scale(1.1)}75%{transform:rotate(20deg) scale(1.1)}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0deg);opacity:1}5%{opacity:1}95%{opacity:.8}100%{transform:translateY(calc(100vh + 50px)) rotate(360deg);opacity:0}}@keyframes confettiExplosion{0%{transform:scale(0) rotate(0deg);opacity:1}30%{opacity:1}70%{opacity:.9}100%{transform:scale(.5) rotate(180deg);opacity:0}}@keyframes confettiWind{0%,100%{transform:translateX(0)}25%{transform:translateX(15px)}75%{transform:translateX(-10px)}}@keyframes boxOpen{0%{transform:scale(1) rotate(0deg);opacity:1}25%{transform:scale(1.2) rotate(90deg)}50%{transform:scale(1.5) rotate(180deg);opacity:.8}75%{transform:scale(1.8) rotate(270deg);opacity:.4}100%{transform:scale(0) rotate(360deg);opacity:0}}@keyframes confettiBurstLeft{0%{transform:translate(0,0) rotate(0deg) scale(.5);opacity:1}15%{opacity:1;transform:translate(calc(cos(var(--burst-angle)) * var(--burst-distance) * 0.4),calc(sin(var(--burst-angle)) * var(--burst-distance) * 0.4)) rotate(calc(var(--rotation-speed) * 0.3)) scale(1.3)}50%{opacity:.9;transform:translate(calc(cos(var(--burst-angle)) * var(--burst-distance) * 0.8),calc(sin(var(--burst-angle)) * var(--burst-distance) * 0.8)) rotate(calc(var(--rotation-speed) * 0.7)) scale(1.1)}100%{opacity:0;transform:translate(calc(cos(var(--burst-angle)) * var(--burst-distance)),calc(sin(var(--burst-angle)) * var(--burst-distance) + 300px)) rotate(var(--rotation-speed)) scale(.3)}}@keyframes confettiBurstRight{0%{transform:translate(0,0) rotate(0deg) scale(.5);opacity:1}15%{opacity:1;transform:translate(calc(cos(var(--burst-angle)) * var(--burst-distance) * -0.4),calc(sin(var(--burst-angle)) * var(--burst-distance) * 0.4)) rotate(calc(var(--rotation-speed) * -0.3)) scale(1.3)}50%{opacity:.9;transform:translate(calc(cos(var(--burst-angle)) * var(--burst-distance) * -0.8),calc(sin(var(--burst-angle)) * var(--burst-distance) * 0.8)) rotate(calc(var(--rotation-speed) * -0.7)) scale(1.1)}100%{opacity:0;transform:translate(calc(cos(var(--burst-angle)) * var(--burst-distance) * -1),calc(sin(var(--burst-angle)) * var(--burst-distance) + 300px)) rotate(calc(var(--rotation-speed) * -1)) scale(.3)}}@keyframes confettiCenterBurst{0%{transform:translate(-50%,-50%) rotate(0deg) scale(.3);opacity:1}20%{opacity:1;transform:translate(calc(-50% + cos(var(--burst-angle)) * var(--burst-distance) * 0.5),calc(-50% + sin(var(--burst-angle)) * var(--burst-distance) * 0.5)) rotate(180deg) scale(1.4)}60%{opacity:.8;transform:translate(calc(-50% + cos(var(--burst-angle)) * var(--burst-distance) * 0.9),calc(-50% + sin(var(--burst-angle)) * var(--burst-distance) * 0.9)) rotate(360deg) scale(1)}100%{opacity:0;transform:translate(calc(-50% + cos(var(--burst-angle)) * var(--burst-distance)),calc(-50% + sin(var(--burst-angle)) * var(--burst-distance) + 200px)) rotate(540deg) scale(.2)}}@keyframes confettiMegaBurst{0%{transform:translate(-50%,-50%) rotate(0deg) scale(.2);opacity:1}10%{opacity:1;transform:translate(calc(-50% + cos(var(--burst-angle)) * var(--burst-distance) * 0.3),calc(-50% + sin(var(--burst-angle)) * var(--burst-distance) * 0.3)) rotate(calc(var(--rotation-speed) * 0.2)) scale(1.5)}40%{opacity:.9;transform:translate(calc(-50% + cos(var(--burst-angle)) * var(--burst-distance) * 0.7),calc(-50% + sin(var(--burst-angle)) * var(--burst-distance) * 0.7)) rotate(calc(var(--rotation-speed) * 0.6)) scale(1.2)}100%{opacity:0;transform:translate(calc(-50% + cos(var(--burst-angle)) * var(--burst-distance)),calc(-50% + sin(var(--burst-angle)) * var(--burst-distance) + 400px)) rotate(var(--rotation-speed)) scale(.1)}}.confetti::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent,rgb(255 255 255 / .8),transparent);border-radius:inherit;animation:sparkle 1s infinite;z-index:-1}@keyframes sparkle{0%,100%{opacity:0}50%{opacity:1}}.confetti.red.patriotic{background:linear-gradient(45deg,#dc143c,#ff0000,#b22222);opacity:.98;box-shadow:0 5px 15px rgb(220 20 60 / .8),inset 0 2px 0 rgb(255 255 255 / .4),0 0 20px rgb(220 20 60 / .6);border:1px solid rgb(255 255 255 / .2)}.confetti.white.patriotic{background:linear-gradient(45deg,#ffffff,#f8f9fa,#ffffff);opacity:.98;box-shadow:0 5px 15px rgb(0 0 0 / .6),inset 0 2px 0 rgb(255 255 255 / .9),0 0 20px rgb(255 255 255 / .8);border:1px solid rgb(220 20 60 / .3)}.confetti.circle.patriotic{width:14px;height:14px;border-radius:50%}.confetti.square.patriotic{width:12px;height:12px;border-radius:2px}.confetti.triangle.patriotic{width:0;height:0;border-left:8px solid #fff0;border-right:8px solid #fff0;border-bottom:12px solid;background:transparent!important}.confetti.star.patriotic{width:16px;height:16px;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.confetti.rectangle.patriotic{width:16px;height:8px;border-radius:2px}.confetti.red.simple{background:crimson;opacity:.9;box-shadow:0 2px 4px rgb(0 0 0 / .3)}.confetti.white.simple{background:#fff;opacity:.95;box-shadow:0 2px 4px rgb(0 0 0 / .4)}.confetti.circle.simple{width:10px;height:10px;border-radius:50%}.confetti.square.simple{width:8px;height:8px;border-radius:1px}@keyframes confettiPatrioticBurstLeft{0%{transform:translate(0,0) rotate(0deg) scale(.3);opacity:1}12%{opacity:1;transform:translate(calc(cos(var(--burst-angle)) * var(--burst-distance) * 0.4),calc(sin(var(--burst-angle)) * var(--burst-distance) * 0.4)) rotate(calc(var(--rotation-speed) * 0.25)) scale(1.4)}45%{opacity:.95;transform:translate(calc(cos(var(--burst-angle)) * var(--burst-distance) * 0.8),calc(sin(var(--burst-angle)) * var(--burst-distance) * 0.8)) rotate(calc(var(--rotation-speed) * 0.7)) scale(1.2)}100%{opacity:0;transform:translate(calc(cos(var(--burst-angle)) * var(--burst-distance)),calc(sin(var(--burst-angle)) * var(--burst-distance) + 350px)) rotate(var(--rotation-speed)) scale(.2)}}@keyframes confettiPatrioticBurstRight{0%{transform:translate(0,0) rotate(0deg) scale(.3);opacity:1}12%{opacity:1;transform:translate(calc(cos(var(--burst-angle)) * var(--burst-distance) * -0.4),calc(sin(var(--burst-angle)) * var(--burst-distance) * 0.4)) rotate(calc(var(--rotation-speed) * -0.25)) scale(1.4)}45%{opacity:.95;transform:translate(calc(cos(var(--burst-angle)) * var(--burst-distance) * -0.8),calc(sin(var(--burst-angle)) * var(--burst-distance) * 0.8)) rotate(calc(var(--rotation-speed) * -0.7)) scale(1.2)}100%{opacity:0;transform:translate(calc(cos(var(--burst-angle)) * var(--burst-distance) * -1),calc(sin(var(--burst-angle)) * var(--burst-distance) + 350px)) rotate(calc(var(--rotation-speed) * -1)) scale(.2)}}@keyframes confettiIndonesianFlag{0%{transform:translate(-50%,-50%) rotate(0deg) scale(.2);opacity:1}18%{opacity:1;transform:translate(calc(-50% + cos(var(--burst-angle)) * var(--burst-distance) * 0.5),calc(-50% + sin(var(--burst-angle)) * var(--burst-distance) * 0.5)) rotate(180deg) scale(1.5)}55%{opacity:.9;transform:translate(calc(-50% + cos(var(--burst-angle)) * var(--burst-distance) * 0.9),calc(-50% + sin(var(--burst-angle)) * var(--burst-distance) * 0.9)) rotate(360deg) scale(1.1)}100%{opacity:0;transform:translate(calc(-50% + cos(var(--burst-angle)) * var(--burst-distance)),calc(-50% + sin(var(--burst-angle)) * var(--burst-distance) + 250px)) rotate(540deg) scale(.1)}}@keyframes confettiMerdekaBurst{0%{transform:translate(-50%,-50%) rotate(0deg) scale(.1);opacity:1}8%{opacity:1;transform:translate(calc(-50% + cos(var(--burst-angle)) * var(--burst-distance) * 0.25),calc(-50% + sin(var(--burst-angle)) * var(--burst-distance) * 0.25)) rotate(calc(var(--rotation-speed) * 0.15)) scale(1.6)}35%{opacity:.95;transform:translate(calc(-50% + cos(var(--burst-angle)) * var(--burst-distance) * 0.7),calc(-50% + sin(var(--burst-angle)) * var(--burst-distance) * 0.7)) rotate(calc(var(--rotation-speed) * 0.6)) scale(1.3)}100%{opacity:0;transform:translate(calc(-50% + cos(var(--burst-angle)) * var(--burst-distance)),calc(-50% + sin(var(--burst-angle)) * var(--burst-distance) + 450px)) rotate(var(--rotation-speed)) scale(.05)}}@keyframes confettiSimpleBurstLeft{0%{transform:translate(0,0) rotate(0deg) scale(1);opacity:1}20%{opacity:1;transform:translate(calc(cos(var(--burst-angle)) * var(--burst-distance) * 0.5),calc(sin(var(--burst-angle)) * var(--burst-distance) * 0.5)) rotate(180deg) scale(1.1)}60%{opacity:.8;transform:translate(calc(cos(var(--burst-angle)) * var(--burst-distance) * 0.9),calc(sin(var(--burst-angle)) * var(--burst-distance) * 0.9)) rotate(360deg) scale(1)}100%{opacity:0;transform:translate(calc(cos(var(--burst-angle)) * var(--burst-distance)),calc(sin(var(--burst-angle)) * var(--burst-distance) + 200px)) rotate(540deg) scale(.5)}}@keyframes confettiSimpleBurstRight{0%{transform:translate(0,0) rotate(0deg) scale(1);opacity:1}20%{opacity:1;transform:translate(calc(cos(var(--burst-angle)) * var(--burst-distance) * -0.5),calc(sin(var(--burst-angle)) * var(--burst-distance) * 0.5)) rotate(-180deg) scale(1.1)}60%{opacity:.8;transform:translate(calc(cos(var(--burst-angle)) * var(--burst-distance) * -0.9),calc(sin(var(--burst-angle)) * var(--burst-distance) * 0.9)) rotate(-360deg) scale(1)}100%{opacity:0;transform:translate(calc(cos(var(--burst-angle)) * var(--burst-distance) * -1),calc(sin(var(--burst-angle)) * var(--burst-distance) + 200px)) rotate(-540deg) scale(.5)}}@keyframes confettiSimpleCenter{0%{transform:translate(-50%,-50%) rotate(0deg) scale(1);opacity:1}25%{opacity:1;transform:translate(calc(-50% + cos(var(--burst-angle)) * var(--burst-distance) * 0.6),calc(-50% + sin(var(--burst-angle)) * var(--burst-distance) * 0.6)) rotate(270deg) scale(1.2)}70%{opacity:.7;transform:translate(calc(-50% + cos(var(--burst-angle)) * var(--burst-distance) * 0.95),calc(-50% + sin(var(--burst-angle)) * var(--burst-distance) * 0.95)) rotate(450deg) scale(.9)}100%{opacity:0;transform:translate(calc(-50% + cos(var(--burst-angle)) * var(--burst-distance)),calc(-50% + sin(var(--burst-angle)) * var(--burst-distance) + 150px)) rotate(720deg) scale(.3)}}@keyframes confettiSimpleExplosion{0%{transform:translate(-50%,-50%) rotate(0deg) scale(1);opacity:1}15%{opacity:1;transform:translate(calc(-50% + cos(var(--burst-angle)) * var(--burst-distance) * 0.4),calc(-50% + sin(var(--burst-angle)) * var(--burst-distance) * 0.4)) rotate(180deg) scale(1.3)}50%{opacity:.8;transform:translate(calc(-50% + cos(var(--burst-angle)) * var(--burst-distance) * 0.8),calc(-50% + sin(var(--burst-angle)) * var(--burst-distance) * 0.8)) rotate(360deg) scale(1)}100%{opacity:0;transform:translate(calc(-50% + cos(var(--burst-angle)) * var(--burst-distance)),calc(-50% + sin(var(--burst-angle)) * var(--burst-distance) + 250px)) rotate(540deg) scale(.2)}}.confetti.patriotic::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,rgb(220 20 60 / .6),rgb(255 255 255 / .8),rgb(220 20 60 / .6));border-radius:inherit;animation:patrioticGlow 1.5s infinite;z-index:-1}@keyframes patrioticGlow{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}}.confetti.flag-burst{animation-timing-function:cubic-bezier(.25,.46,.45,.94)!important}.confetti.merdeka{filter:drop-shadow(0 0 8px rgb(220 20 60 / .8))}.confetti.celebration{animation-duration:4s!important;filter:drop-shadow(0 0 12px rgb(255 255 255 / .9))}.image-input-options{border:1px solid #e0e0e0;border-radius:8px;padding:15px;background:#f9f9f9}.radio-group{display:flex;gap:20px;margin-bottom:15px}.radio-group input[type="radio"]{margin-right:8px}.radio-group label{display:flex;align-items:center;cursor:pointer;font-weight:500}.image-option{margin-top:10px}.image-option input[type="url"]{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px}.image-option input[type="url"]:focus{outline:none;border-color:#3498db;box-shadow:0 0 5px rgb(52 152 219 / .3)}.prize-image img{width:60px;height:60px;object-fit:cover;border-radius:8px;border:2px solid #e0e0e0;background:#f0f0f0}.prize-image img[src=""],.prize-image img:not([src]){display:none}.prize-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;color:#fff;font-size:24px}.form-help{color:#666;font-size:12px;margin-top:5px;display:block}input[type="file"]{padding:8px;border:2px dashed #ddd;border-radius:5px;background:#f9f9f9;width:100%;cursor:pointer}input[type="file"]:hover{border-color:#3498db;background:#f0f8ff}.wave-transition-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#87CEEB 0%,#4682B4 30%,#2E8B57 60%,#191970 100%);z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden}.wave-container{position:relative;width:100%;height:100%;overflow:hidden}.wave{position:absolute;width:150%;height:auto;bottom:-100px;left:-25%;opacity:0;filter:drop-shadow(0 10px 20px rgb(0 0 0 / .3));animation:enhancedWaveAnimation 3s cubic-bezier(.25,.46,.45,.94)}.wave-1{animation-delay:0s;z-index:3;filter:drop-shadow(0 15px 30px rgb(0 0 0 / .4)) brightness(1.1)}.wave-2{animation-delay:0.8s;z-index:2;transform:scaleX(-1);filter:drop-shadow(0 10px 25px rgb(0 0 0 / .3)) brightness(.9)}@keyframes enhancedWaveAnimation{0%{opacity:0;transform:translateY(150px) scale(.7) rotate(-5deg);filter:blur(3px) drop-shadow(0 10px 20px rgb(0 0 0 / .3))}30%{opacity:.8;transform:translateY(50px) scale(.9) rotate(-2deg);filter:blur(1px) drop-shadow(0 15px 25px rgb(0 0 0 / .4))}60%{opacity:1;transform:translateY(0) scale(1) rotate(0deg);filter:blur(0) drop-shadow(0 20px 30px rgb(0 0 0 / .5))}85%{opacity:.9;transform:translateY(-30px) scale(1.05) rotate(1deg);filter:blur(0) drop-shadow(0 25px 35px rgb(0 0 0 / .4))}100%{opacity:0;transform:translateY(-80px) scale(1.1) rotate(2deg);filter:blur(2px) drop-shadow(0 30px 40px rgb(0 0 0 / .3))}}.fish-selection-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998;overflow:hidden;background:linear-gradient(135deg,rgb(20 60 100 / .9) 0%,rgb(10 40 80 / .95) 50%,rgb(5 25 60) 100%)}.fish-selection-background{position:absolute;top:0;left:0;width:100%;height:100%}.underwater-bg{width:100%;height:100%;object-fit:cover;filter:brightness(.6) contrast(1) saturate(.8)}.fish-selection-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.selection-title{font-size:2.2rem;font-weight:700;font-family:'Segoe UI','Arial Rounded MT Bold',sans-serif;color:#fff;text-align:center;margin:20px 0;letter-spacing:1px;text-transform:uppercase;position:relative}.swimming-fish-container{position:relative;width:100%;height:100%;max-width:none;overflow:visible;padding:20px;margin:0}.swimming-fish{position:absolute;cursor:pointer;transition:all 0.3s ease;filter:drop-shadow(0 4px 8px rgb(0 0 0 / .3));z-index:1;opacity:.9;will-change:transform}.swimming-fish:hover{transform:scale(1.1) translateY(-5px);filter:drop-shadow(0 8px 16px rgb(0 0 0 / .4)) brightness(1.1);z-index:10;opacity:1}.swimming-fish:active{transform:scale(1.05) translateY(-2px);transition:all 0.1s ease}.fish-img{width:90px;height:auto;filter:drop-shadow(2px 2px 6px rgb(0 0 0 / .4));transition:all 0.3s ease;max-width:none;object-fit:contain;will-change:transform}.fish-img:hover{filter:drop-shadow(3px 3px 8px rgb(0 0 0 / .5)) brightness(1.1)}@keyframes gentleFloat1{0%,100%{transform:translateX(0) translateY(0) rotate(0deg);opacity:.9}25%{transform:translateX(12px) translateY(-8px) rotate(2deg);opacity:1}50%{transform:translateX(6px) translateY(10px) rotate(-1deg);opacity:.95}75%{transform:translateX(-10px) translateY(-4px) rotate(1deg);opacity:1}}@keyframes gentleFloat2{0%,100%{transform:translateX(0) translateY(0) rotate(0deg) scaleX(-1);opacity:.9}30%{transform:translateX(-15px) translateY(6px) rotate(-2deg) scaleX(-1);opacity:1}60%{transform:translateX(-6px) translateY(-12px) rotate(1deg) scaleX(-1);opacity:.95}90%{transform:translateX(8px) translateY(5px) rotate(-1deg) scaleX(-1);opacity:1}}@keyframes gentleFloat3{0%,100%{transform:translateX(0) translateY(0) rotate(0deg);opacity:.9}20%{transform:translateX(10px) translateY(-6px) rotate(3deg);opacity:1}50%{transform:translateX(-12px) translateY(3px) rotate(-2deg);opacity:.95}80%{transform:translateX(4px) translateY(-10px) rotate(1deg);opacity:1}}@keyframes gentleFloat4{0%,100%{transform:translateX(0) translateY(0) rotate(0deg);opacity:.9}25%{transform:translateX(-8px) translateY(12px) rotate(-3deg);opacity:1}50%{transform:translateX(15px) translateY(-6px) rotate(2deg);opacity:.95}75%{transform:translateX(-5px) translateY(8px) rotate(-1deg);opacity:1}}@keyframes gentleFloat5{0%,100%{transform:translateX(0) translateY(0) rotate(0deg) scaleX(-1);opacity:.9}30%{transform:translateX(18px) translateY(-10px) rotate(4deg) scaleX(-1);opacity:1}60%{transform:translateX(-12px) translateY(7px) rotate(-2deg) scaleX(-1);opacity:.95}90%{transform:translateX(6px) translateY(-4px) rotate(1deg) scaleX(-1);opacity:1}}.swimming-fish[data-fish="2"]{top:15%;left:10%;animation:gentleFloat1 6s ease-in-out infinite;animation-delay:0s}.swimming-fish[data-fish="3"]{top:25%;right:8%;animation:gentleFloat2 7s ease-in-out infinite;animation-delay:1s}.swimming-fish[data-fish="4"]{top:45%;left:5%;animation:gentleFloat3 5s ease-in-out infinite;animation-delay:2s}.swimming-fish[data-fish="5"]{top:35%;right:15%;animation:gentleFloat1 8s ease-in-out infinite;animation-delay:1.5s}.swimming-fish[data-fish="6"]{top:65%;left:12%;animation:gentleFloat2 6.5s ease-in-out infinite;animation-delay:3s;transform:scaleX(-1)}.swimming-fish[data-fish="7"]{top:8%;left:45%;animation:gentleFloat3 7.5s ease-in-out infinite;animation-delay:0.5s;transform:scaleX(-1)}.swimming-fish[data-fish="8"]{top:75%;right:5%;animation:gentleFloat1 5.5s ease-in-out infinite;animation-delay:2.5s;transform:scaleX(-1)}.swimming-fish[data-fish="9"]{top:55%;left:25%;animation:gentleFloat2 6.8s ease-in-out infinite;animation-delay:1.8s}.swimming-fish[data-fish="10"]{top:20%;right:35%;animation:gentleFloat3 8.2s ease-in-out infinite;animation-delay:3.2s;transform:scaleX(-1) rotate(15deg)}.swimming-fish[data-fish="11"]{top:85%;left:50%;animation:gentleFloat1 7.2s ease-in-out infinite;animation-delay:4s}.swimming-fish[data-fish="12"]{top:40%;left:50%;animation:gentleFloat2 6s ease-in-out infinite;animation-delay:2.8s;transform:scaleX(-1)}.fishing-animation-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9997;overflow:hidden;background:radial-gradient(circle at center bottom,rgb(0 100 150 / .4) 0%,rgb(0 30 60 / .8) 100%)}.fishing-background{position:absolute;top:0;left:0;width:100%;height:100%}.fishing-line-container{position:absolute;top:-50px;left:50%;transform:translateX(-50%);z-index:3}.fishing-line{width:6px;height:calc(100vh + 100px);object-fit:cover;opacity:0;filter:drop-shadow(0 0 10px rgb(255 255 255 / .6));animation:enhancedFishingLineAnimation 4s cubic-bezier(.25,.46,.45,.94)}@keyframes enhancedFishingLineAnimation{0%{opacity:0;transform:translateY(-100px) scaleY(.3) rotate(-2deg);filter:drop-shadow(0 0 5px rgb(255 255 255 / .3))}10%{opacity:.6;transform:translateY(20vh) scaleY(.6) rotate(1deg);filter:drop-shadow(0 0 10px rgb(255 255 255 / .4))}25%{opacity:.9;transform:translateY(60vh) scaleY(.9) rotate(-1deg);filter:drop-shadow(0 0 15px rgb(255 255 255 / .6))}40%{opacity:1;transform:translateY(90vh) scaleY(1) rotate(0.5deg);filter:drop-shadow(0 0 20px rgb(255 255 255 / .7))}55%{opacity:1;transform:translateY(85vh) scaleY(1) rotate(-0.5deg);filter:drop-shadow(0 0 25px rgb(255 255 255 / .8))}70%{opacity:1;transform:translateY(40vh) scaleY(.95) rotate(1deg);filter:drop-shadow(0 0 20px rgb(255 255 255 / .7))}85%{opacity:.8;transform:translateY(-20vh) scaleY(.7) rotate(-1deg);filter:drop-shadow(0 0 15px rgb(255 255 255 / .5))}100%{opacity:0;transform:translateY(-150px) scaleY(.4) rotate(2deg);filter:drop-shadow(0 0 8px rgb(255 255 255 / .3))}}.selected-fish-container{position:absolute;bottom:55%;left:50%;transform:translateX(-50%);z-index:2}.selected-fish-container .fish-img{width:90px;height:auto;filter:drop-shadow(0 0 15px rgb(255 255 255 / .6));animation:enhancedFishCaughtAnimation 4s cubic-bezier(.25,.46,.45,.94)}@keyframes enhancedFishCaughtAnimation{0%{transform:translateY(300px) rotate(0deg) scale(1);opacity:1;filter:drop-shadow(0 5px 15px rgb(0 0 0 / .4))}15%{transform:translateY(250px) rotate(25deg) scale(1.05);opacity:1;filter:drop-shadow(0 8px 18px rgb(0 0 0 / .5)) brightness(1.1)}35%{transform:translateY(150px) rotate(90deg) scale(1.15);opacity:1;filter:drop-shadow(0 12px 22px rgb(0 0 0 / .6)) brightness(1.3)}55%{transform:translateY(50px) rotate(180deg) scale(1.2);opacity:1;filter:drop-shadow(0 15px 25px rgb(0 0 0 / .6)) brightness(1.4)}75%{transform:translateY(-80px) rotate(270deg) scale(1.1);opacity:.9;filter:drop-shadow(0 18px 28px rgb(0 0 0 / .4)) brightness(1.3)}90%{transform:translateY(-250px) rotate(340deg) scale(.9);opacity:.6;filter:drop-shadow(0 20px 30px rgb(0 0 0 / .3)) brightness(1.1)}100%{transform:translateY(-450px) rotate(360deg) scale(.7);opacity:0;filter:drop-shadow(0 15px 25px rgb(0 0 0 / .2))}}.particle-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.bubble{position:absolute;background:radial-gradient(circle,rgb(255 255 255 / .8) 0%,rgb(135 206 235 / .4) 100%);border-radius:50%;animation:bubbleFloat 4s ease-in-out infinite;opacity:0}@keyframes bubbleFloat{0%{opacity:0;transform:translateY(100vh) scale(.5)}10%{opacity:.7;transform:translateY(90vh) scale(.7)}90%{opacity:.3;transform:translateY(-10vh) scale(1)}100%{opacity:0;transform:translateY(-20vh) scale(1.2)}}.swimming-fish::before{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:radial-gradient(circle,rgb(135 206 235 / .2) 0%,transparent 70%);border-radius:50%;opacity:0;animation:fishAura 6s ease-in-out infinite;z-index:-1}@keyframes fishAura{0%,100%{opacity:0;transform:scale(.8)}50%{opacity:.6;transform:scale(1.2)}}@media (max-width:768px){.action-buttons{flex-direction:column;gap:12px;margin-top:15px}.action-btn{padding:16px 20px;font-size:15px;width:100%}.action-btn i{font-size:18px}.mystery-box{width:150px;height:150px}.box-glow{width:200px;height:200px}.click-instruction{padding:15px 20px;margin:0 20px}.click-instruction p{font-size:1.1rem}.pointer-icon{font-size:2rem}.selection-title{font-size:1.8rem;margin-bottom:40px}.fish-img{width:80px}.selected-fish-container .fish-img{width:80px}.wave{width:130%;left:-15%}}@media (max-width:480px){.action-btn{padding:14px 18px;font-size:13px;gap:8px}.action-btn i{font-size:16px}.mystery-box{width:120px;height:120px}.box-glow{width:160px;height:160px}.click-instruction{padding:12px 16px;margin:0 15px}.click-instruction p{font-size:1rem}.pointer-icon{font-size:1.8rem}.selection-title{font-size:2rem;margin-bottom:40px}.fish-img{width:85px}.selected-fish-container .fish-img{width:70px}.swimming-fish-container{height:60%}}.prize-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .85);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;transition:all 0.4s cubic-bezier(.4,0,.2,1)}.prize-modal.show{opacity:1}.prize-modal-content{background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%);border-radius:24px;width:92%;max-width:420px;max-height:85vh;overflow:hidden;box-shadow:0 25px 50px -12px rgb(0 0 0 / .25),0 0 0 1px rgb(255 255 255 / .8);transform:scale(.9) translateY(20px);transition:all 0.4s cubic-bezier(.4,0,.2,1)}.prize-modal.show .prize-modal-content{transform:scale(1) translateY(0)}.prize-modal-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:24px;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.prize-modal-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgb(255 255 255 / .1) 0%,transparent 100%);pointer-events:none}.prize-modal-header h3{margin:0;font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:12px;position:relative;z-index:1;flex:1}.prize-modal-header h3 i{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.prize-close-btn{background:rgb(255 255 255 / .2);border:2px solid rgb(255 255 255 / .3);color:#fff;font-size:1.2rem;cursor:pointer;padding:12px;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;backdrop-filter:blur(10px);box-shadow:0 4px 12px rgb(0 0 0 / .15)}.prize-close-btn:hover{background:rgb(255 255 255 / .3);border-color:rgb(255 255 255 / .5);transform:scale(1.1) rotate(90deg);box-shadow:0 6px 20px rgb(0 0 0 / .25)}.prize-close-btn:active{transform:scale(.95) rotate(90deg);transition:all 0.1s ease}.prize-close-btn i{font-size:1rem;transition:all 0.3s ease}.prize-close-btn:hover i{text-shadow:0 0 8px rgb(255 255 255 / .8)}.prize-close-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgb(255 255 255 / .4);transform:translate(-50%,-50%);transition:width 0.6s ease,height 0.6s ease}.prize-close-btn:active::before{width:60px;height:60px}.prize-modal-body{padding:0;max-height:60vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 #fff0}.prize-modal-body::-webkit-scrollbar{width:6px}.prize-modal-body::-webkit-scrollbar-track{background:#fff0}.prize-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.prize-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.prize-categories{padding:8px}.prize-category{margin-bottom:8px;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgb(0 0 0 / .06);border:1px solid rgb(0 0 0 / .04);transition:all 0.3s ease}.prize-category:hover{box-shadow:0 8px 25px rgb(0 0 0 / .12);transform:translateY(-2px)}.prize-category:last-child{margin-bottom:0}.category-header{padding:20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all 0.3s ease;position:relative;overflow:hidden}.category-header::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .4),transparent);transition:left 0.5s ease}.category-header:hover::before{left:100%}.category-info{display:flex;align-items:center;gap:16px;flex:1;position:relative;z-index:1}.category-info i{font-size:1.8rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgb(255 255 255 / .8);box-shadow:0 2px 8px rgb(0 0 0 / .1);transition:all 0.3s ease}.category-header:hover .category-info i{transform:scale(1.1) rotate(5deg)}.category-details h4{margin:0 0 6px 0;font-size:1.2rem;color:#1e293b;font-weight:700;line-height:1.2}.category-description{margin:0 0 4px 0;font-weight:600;color:#64748b;font-size:.95rem;line-height:1.3}.category-details small{color:#94a3b8;font-size:.85rem;line-height:1.4;display:block}.category-icon-img{width:24px;height:24px;object-fit:cover;border-radius:4px;margin-right:10px;display:inline-block;vertical-align:middle}.category-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.category-info{display:flex;align-items:center;gap:10px}.category-info i{font-size:20px;margin-right:10px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.category-prizes{background:linear-gradient(145deg,#f8fafc 0%,#f1f5f9 100%);border-top:1px solid rgb(0 0 0 / .06);max-height:0;overflow:hidden;transition:all 0.4s cubic-bezier(.4,0,.2,1)}.category-prizes.expanded{max-height:400px}.category-toggle{color:#64748b;font-size:1.2rem;transition:all 0.3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.category-toggle.rotated{transform:rotate(180deg)}.prize-list{list-style:none;padding:12px;margin:0}.prize-item{display:flex;align-items:center;gap:16px;padding:16px;margin-bottom:8px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgb(0 0 0 / .05);transition:all 0.3s ease;position:relative;overflow:hidden}.prize-item::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transform:scaleY(0);transition:transform 0.3s ease}.prize-item:hover{transform:translateX(8px);box-shadow:0 4px 12px rgb(0 0 0 / .1)}.prize-item:hover::before{transform:scaleY(1)}.prize-item:last-child{margin-bottom:0}.prize-image,.prize-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(145deg,#f8fafc 0%,#e2e8f0 100%);box-shadow:inset 0 1px 3px rgb(0 0 0 / .1);flex-shrink:0}.prize-image img{width:100%;height:100%;object-fit:cover;border-radius:12px}.prize-icon i{font-size:1.6rem;color:#64748b}.prize-content{flex:1;min-width:0}.prize-name{margin:0 0 6px 0;font-size:1.05rem;color:#1e293b;font-weight:700;line-height:1.3;word-wrap:break-word}.prize-desc{margin:0 0 8px 0;font-size:.9rem;color:#64748b;line-height:1.4;word-wrap:break-word}.prize-chance{font-size:.8rem;color:#475569;background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);padding:4px 12px;border-radius:20px;font-weight:600;display:inline-block;box-shadow:0 1px 2px rgb(0 0 0 / .05)}.prize-empty{text-align:center;padding:60px 20px;color:#94a3b8}.prize-empty i{font-size:4rem;margin-bottom:20px;opacity:.6;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.prize-empty p{font-size:1.1rem;font-weight:600;margin:0}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.prize-category{animation:slideInUp 0.4s ease forwards}.prize-category:nth-child(1){animation-delay:0.1s}.prize-category:nth-child(2){animation-delay:0.2s}.prize-category:nth-child(3){animation-delay:0.3s}.prize-category:nth-child(4){animation-delay:0.4s}.prize-category:nth-child(5){animation-delay:0.5s}@media (max-width:480px){.prize-modal-content{width:95%;margin:10px}.prize-modal-header{padding:20px}.prize-modal-header h3{font-size:1.2rem}.category-header{padding:16px}.category-info{gap:12px}.category-info i{width:36px;height:36px;font-size:1.5rem}.category-details h4{font-size:1.1rem}.prize-item{padding:12px;gap:12px}.prize-image,.prize-icon{width:48px;height:48px}.prize-close-btn{width:40px;height:40px;padding:10px;font-size:1.1rem}.prize-close-btn i{font-size:.9rem}}.fishing-scene{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.perahu-element{position:absolute;top:65%;left:70%;transform:translateX(-50%);z-index:3;animation:boatFloat 4s ease-in-out infinite}.perahu-image{width:600px;height:auto;filter:drop-shadow(0 4px 8px rgb(0 0 0 / .3))}.juragan-on-boat{position:absolute;top:50%;left:55%;transform:translateX(-50%);z-index:2;animation:characterBob 3.5s ease-in-out infinite}.juragan-fishing{width:350px;height:auto;filter:drop-shadow(0 2px 6px rgb(0 0 0 / .4));opacity:.9}.orang-belakang-perahu{position:absolute;top:25%;left:35%;transform:translateX(-50%);z-index:2;animation:characterBob 4.2s ease-in-out infinite}.orang-belakang-image{width:80px;height:auto;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .3));opacity:.9}.fishing-line{position:absolute;top:48%;left:52%;width:2px;height:25%;background:linear-gradient(to bottom,#8B4513,transparent);z-index:2;animation:lineSwing 2.5s ease-in-out infinite;transform-origin:top center}.fish-container{position:absolute;bottom:0;left:0;width:100%;height:45%;overflow:hidden;z-index:1}.fish-element{position:absolute}.fish-1{bottom:25%;left:0%;width:100%;height:auto}.fish-1 .fish-image{width:100%;height:100%;object-fit:cover}.fish-2{top:75%;left:67%;animation:fishSwimSlow 8s linear infinite}.fish-3{top:40%;left:63%;animation:fishSwimMedium 6s linear infinite}.fish-4{top:35%;left:35%;animation:fishSwimFast 4s linear infinite}.fish-5{top:74%;left:3%;animation:fishSwimReverse 7s linear infinite}.fish-6{top:35%;left:0%;animation:fishFloat 2s ease-in-out infinite}.fish-2 .fish-image{width:115px}.fish-3 .fish-image{width:110px}.fish-4 .fish-image{width:90px}.fish-5 .fish-image{width:160px}.fish-6 .fish-image{width:80px}.water-surface{position:absolute;top:50%;left:0;width:100%;height:4px;background:linear-gradient(90deg,rgb(255 255 255 / .6) 0%,rgb(135 206 235 / .8) 50%,rgb(255 255 255 / .6) 100%);z-index:2;animation:waterRipple 3s ease-in-out infinite}.wave-effect{position:absolute;top:52%;left:0;width:100%;height:60px;background:url(../images/OMBAK2.png) repeat-x;background-size:auto 100%;background-position:0 0;z-index:1;opacity:.7;animation:waveMove 3s ease-in-out infinite,waveOpacity 4s ease-in-out infinite}@keyframes waveOpacity{0%,100%{opacity:.7}25%{opacity:.8}50%{opacity:.9}75%{opacity:.8}}@keyframes boatFloat{0%,100%{transform:translateX(-50%) translateY(0) rotate(0deg)}25%{transform:translateX(-50%) translateY(-6px) rotate(1deg)}50%{transform:translateX(-50%) translateY(-12px) rotate(0deg)}75%{transform:translateX(-50%) translateY(-6px) rotate(-1deg)}}@keyframes characterBob{0%,100%{transform:translateX(-50%) translateY(0) rotate(0deg)}30%{transform:translateX(-50%) translateY(-3px) rotate(0.5deg)}60%{transform:translateX(-50%) translateY(-7px) rotate(0deg)}90%{transform:translateX(-50%) translateY(-2px) rotate(-0.5deg)}}@keyframes lineSwing{0%,100%{transform:rotate(0deg)}25%{transform:rotate(2deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-2deg)}}@keyframes fishSwim{0%{transform:translateX(0)}100%{transform:translateX(calc(100vw + 200px))}}@keyframes fishSwimSlow{0%{transform:translateX(calc(100vw + 100px)) translateY(0);opacity:0}10%{opacity:1}50%{transform:translateX(calc(50vw)) translateY(-5px)}90%{opacity:1}100%{transform:translateX(-100px) translateY(0);opacity:0}}@keyframes fishSwimMedium{0%{transform:translateX(calc(100vw + 80px)) translateY(0);opacity:0}15%{opacity:1}50%{transform:translateX(calc(50vw)) translateY(3px)}85%{opacity:1}100%{transform:translateX(-80px) translateY(0);opacity:0}}@keyframes fishSwimFast{0%{transform:translateX(calc(100vw + 60px)) translateY(0);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateX(-60px) translateY(-2px);opacity:0}}@keyframes fishSwimReverse{0%{transform:translateX(-100px) translateY(0);opacity:0}10%{opacity:1}50%{transform:translateX(calc(50vw)) translateY(4px)}90%{opacity:1}100%{transform:translateX(calc(100vw + 100px)) translateY(0);opacity:0}}@keyframes fishFloat{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(1deg)}50%{transform:translateY(-15px) rotate(0deg)}75%{transform:translateY(-8px) rotate(-1deg)}}@keyframes waterRipple{0%,100%{opacity:.6;transform:scaleY(1) scaleX(1);background-position-x:0}25%{opacity:.8;transform:scaleY(1.1) scaleX(1.02);background-position-x:-10px}50%{opacity:1;transform:scaleY(1.2) scaleX(1);background-position-x:0}75%{opacity:.8;transform:scaleY(1.1) scaleX(1.02);background-position-x:10px}}@keyframes waveMove{0%{background-position-x:0;transform:translateX(0) scaleX(1) scaleY(1)}25%{background-position-x:-25px;transform:translateX(-12px) scaleX(1.03) scaleY(1.1)}50%{background-position-x:-50px;transform:translateX(0) scaleX(1) scaleY(1.2)}75%{background-position-x:-25px;transform:translateX(12px) scaleX(1.03) scaleY(1.1)}100%{background-position-x:0;transform:translateX(0) scaleX(1) scaleY(1)}}.caught-fish-container img{transition:all 0.1s cubic-bezier(.4,0,.2,1);will-change:transform,filter,opacity;backface-visibility:hidden;perspective:1000px}.caught-fish-container{transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fishing-video-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity 0.5s ease}.fishing-video-screen.show{opacity:1}.video-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.fishing-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;z-index:-1}.fallback-gif{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover}@media (max-width:768px){.video-container{width:95%;max-width:500px}}@media (max-width:480px){.video-container{width:98%;max-width:400px}}.claim-button-container{text-align:center;margin-top:25px;padding-top:20px;border-top:1px solid rgb(0 0 0 / .1)}.claim-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 36px;background:linear-gradient(145deg,#28a745 0%,#20c997 100%);color:#fff;text-decoration:none;border-radius:25px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;transition:all 0.4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;min-width:220px;backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .2);box-shadow:0 12px 35px rgb(40 167 69 / .4),inset 0 1px 2px rgb(255 255 255 / .3),0 0 0 1px rgb(40 167 69 / .1);animation:claimPulse 3s infinite}.claim-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .4),transparent);transition:left 0.6s ease}.claim-btn:hover::before{left:100%}.claim-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 18px 45px rgb(40 167 69 / .6),inset 0 2px 4px rgb(255 255 255 / .4),0 0 0 1px rgb(40 167 69 / .2);background:linear-gradient(145deg,#34ce57 0%,#2dd4aa 100%);animation:none}.claim-btn:active{transform:translateY(-3px) scale(1.02);transition:all 0.1s ease}.claim-btn i{font-size:20px;transition:transform 0.3s ease}.claim-btn:hover i{transform:scale(1.3) rotate(15deg)}@keyframes claimPulse{0%,100%{box-shadow:0 12px 35px rgb(40 167 69 / .4),inset 0 1px 2px rgb(255 255 255 / .3),0 0 0 1px rgb(40 167 69 / .1)}50%{box-shadow:0 12px 35px rgb(40 167 69 / .8),inset 0 1px 2px rgb(255 255 255 / .3),0 0 0 1px rgb(40 167 69 / .2)}}@media (max-width:768px){.claim-btn{padding:16px 32px;font-size:15px;min-width:200px;gap:10px}.claim-btn i{font-size:18px}}@media (max-width:480px){.claim-btn{padding:14px 28px;font-size:14px;min-width:180px;gap:8px}.claim-btn i{font-size:16px}.claim-button-container{margin-top:20px;padding-top:15px}}.fishing-result-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transform:scale(.9);transition:all 0.8s ease-out;overflow:visible!important;padding-top:100px}.fishing-result-screen.show{opacity:1;transform:scale(1)}.fishing-result-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.background-image{width:100%;height:100%;object-fit:cover;object-position:center}.fishing-scene-result{position:relative;width:100%;height:70%;overflow:visible!important}.fishing-line-result-container{position:absolute;top:20%;left:22%;transform:translateX(-50%);z-index:10}.fishing-line-result{width:8px;height:350px;object-fit:cover;transform-origin:top center;animation:pullFishAnimation 3s ease-in-out;transform:rotate(15deg)}.caught-fish-container{position:absolute;bottom:30px;left:3%;transform:translateX(0);animation:fishCaughtAnimation 3s ease-out;display:flex;align-items:center;gap:10px;overflow:visible!important;z-index:999}.caught-fish-container img{width:120px;height:auto;filter:drop-shadow(0 0 15px rgb(255 255 255 / .6));animation:fishStruggle 0.5s ease-in-out infinite alternate;z-index:2}.fishing-hook{position:absolute;width:25px;height:25px;background:silver;border-radius:50% 0 50% 50%;transform:rotate(45deg);right:-5px;top:30%;z-index:3;animation:hookGlint 2s ease-in-out infinite;box-shadow:inset 2px 2px 4px rgb(255 255 255 / .8),inset -2px -2px 4px rgb(0 0 0 / .3),0 0 8px rgb(192 192 192 / .6)}.fishing-hook::before{content:'';position:absolute;width:8px;height:15px;background:silver;border-radius:0 0 8px 8px;top:-8px;left:8px;transform:rotate(-45deg);box-shadow:inset 1px 1px 2px rgb(255 255 255 / .8),inset -1px -1px 2px rgb(0 0 0 / .3)}@keyframes hookGlint{0%,100%{box-shadow:inset 2px 2px 4px rgb(255 255 255 / .8),inset -2px -2px 4px rgb(0 0 0 / .3),0 0 8px rgb(192 192 192 / .6)}50%{box-shadow:inset 2px 2px 4px rgb(255 255 255),inset -2px -2px 4px rgb(0 0 0 / .2),0 0 15px rgb(255 255 255 / .8)}}.juragan-fishing.pulling{animation:juragaPulling 3s ease-in-out}.fishing-result-screen .juragan-on-boat{position:absolute;top:-5%;left:50%;transform:translateX(-50%);z-index:2;animation:characterBob 4.2s ease-in-out infinite}.fishing-result-screen .juragan-fishing{width:60vw;max-width:650px;min-width:500px;height:auto;filter:drop-shadow(0 4px 12px rgb(0 0 0 / .5));opacity:.9}.fishing-result-screen .juragan-fishing.pulling{width:45vw;max-width:650px;min-width:500px;transform-origin:center bottom;animation:juragaStruggle 4s ease-in-out}@keyframes pullFishAnimation{0%{transform:translateX(-50%) rotate(0deg)}30%{transform:translateX(-50%) rotate(-10deg)}60%{transform:translateX(-50%) rotate(5deg)}100%{transform:translateX(-50%) rotate(0deg)}}@keyframes fishCaughtAnimation{0%{transform:translateX(0) translateY(500px) rotate(0deg) scale(1);opacity:0}10%{opacity:1;transform:translateX(0) translateY(400px) rotate(-25deg) scale(1.1)}25%{transform:translateX(0) translateY(200px) rotate(20deg) scale(1.2)}40%{transform:translateX(0) translateY(-50px) rotate(-15deg) scale(1.15)}55%{transform:translateX(0) translateY(-80px) rotate(10deg) scale(1.25)}70%{transform:translateX(0) translateY(-60px) rotate(-8deg) scale(1.1)}85%{transform:translateX(0) translateY(-20px) rotate(5deg) scale(1.05)}100%{transform:translateX(0) translateY(0) rotate(0deg) scale(1)}}@keyframes fishStruggle{0%{transform:rotate(-5deg)}100%{transform:rotate(5deg)}}@keyframes fishAirStruggle{0%{transform:rotate(-8deg) scale(1.2)}25%{transform:rotate(12deg) scale(1.25)}50%{transform:rotate(-10deg) scale(1.15)}75%{transform:rotate(8deg) scale(1.3)}100%{transform:rotate(-5deg) scale(1.2)}}@keyframes juragaPulling{0%,100%{transform:translateY(0)}25%{transform:translateY(-8px)}50%{transform:translateY(-15px)}75%{transform:translateY(-8px)}}@keyframes juragaStruggle{0%{transform:translateY(0) rotate(0deg)}15%{transform:translateY(-12px) rotate(-2deg)}30%{transform:translateY(-8px) rotate(1deg)}45%{transform:translateY(-15px) rotate(-1deg)}60%{transform:translateY(-5px) rotate(2deg)}75%{transform:translateY(-10px) rotate(-1deg)}90%{transform:translateY(-3px) rotate(0deg)}100%{transform:translateY(0) rotate(0deg)}}@keyframes lineStretch{0%{transform:scaleY(1) translateX(-50%)}25%{transform:scaleY(1.1) translateX(-50%) rotate(-2deg)}50%{transform:scaleY(1.05) translateX(-50%) rotate(1deg)}75%{transform:scaleY(1.08) translateX(-50%) rotate(-1deg)}100%{transform:scaleY(1) translateX(-50%) rotate(0deg)}}@keyframes fishPull{0%{transform:translateY(0) rotate(0deg) scale(1)}15%{transform:translateY(-30px) rotate(-15deg) scale(1.05)}30%{transform:translateY(-20px) rotate(10deg) scale(.98)}45%{transform:translateY(-45px) rotate(-12deg) scale(1.08)}60%{transform:translateY(-35px) rotate(8deg) scale(1.02)}75%{transform:translateY(-55px) rotate(-8deg) scale(1.1)}90%{transform:translateY(-50px) rotate(3deg) scale(1.05)}100%{transform:translateY(-60px) rotate(0deg) scale(1)}}@keyframes fishHardPull{0%{transform:translateY(0) rotate(0deg) scale(1);filter:drop-shadow(0 0 15px rgb(255 255 255 / .6))}10%{transform:translateY(-40px) rotate(-20deg) scale(1.1);filter:drop-shadow(0 0 25px rgb(255 255 255 / .8))}20%{transform:translateY(-25px) rotate(15deg) scale(.95);filter:drop-shadow(0 0 20px rgb(255 255 255 / .7))}35%{transform:translateY(-60px) rotate(-18deg) scale(1.15);filter:drop-shadow(0 0 30px rgb(255 255 255 / .9))}50%{transform:translateY(-45px) rotate(12deg) scale(1.05);filter:drop-shadow(0 0 25px rgb(255 255 255 / .8))}65%{transform:translateY(-75px) rotate(-10deg) scale(1.2);filter:drop-shadow(0 0 35px rgb(255 255 255))}80%{transform:translateY(-65px) rotate(5deg) scale(1.1);filter:drop-shadow(0 0 30px rgb(255 255 255 / .9))}100%{transform:translateY(-80px) rotate(0deg) scale(1);filter:drop-shadow(0 0 20px rgb(255 255 255 / .7))}}@keyframes fishJumpUp{0%{transform:translateY(0) rotate(0deg) scale(1);filter:drop-shadow(0 0 15px rgb(255 255 255 / .6))}15%{transform:translateY(-80px) rotate(-30deg) scale(1.3);filter:drop-shadow(0 0 30px rgb(255 255 255 / .9))}30%{transform:translateY(-60px) rotate(25deg) scale(1.1);filter:drop-shadow(0 0 25px rgb(255 255 255 / .8))}45%{transform:translateY(-120px) rotate(-20deg) scale(1.4);filter:drop-shadow(0 0 40px rgb(255 255 255))}60%{transform:translateY(-100px) rotate(15deg) scale(1.2);filter:drop-shadow(0 0 35px rgb(255 255 255 / .9))}75%{transform:translateY(-180px) rotate(-15deg) scale(1.6);filter:drop-shadow(0 0 60px rgb(255 255 255))}85%{transform:translateY(-220px) rotate(10deg) scale(1.8);filter:drop-shadow(0 0 80px rgb(255 255 255))}95%{transform:translateY(-250px) rotate(-5deg) scale(1.9);filter:drop-shadow(0 0 100px rgb(255 255 255))}100%{transform:translateY(-280px) rotate(0deg) scale(2);filter:drop-shadow(0 0 120px rgb(255 255 255))}}@keyframes fishJumpUp{0%{transform:translateY(0) rotate(0deg) scale(1);filter:drop-shadow(0 0 15px rgb(255 255 255 / .6))}5%{transform:translateY(-10px) rotate(-5deg) scale(1.02);filter:drop-shadow(0 0 18px rgb(255 255 255 / .65))}10%{transform:translateY(-25px) rotate(-12deg) scale(1.08);filter:drop-shadow(0 0 22px rgb(255 255 255 / .7))}15%{transform:translateY(-45px) rotate(-20deg) scale(1.15);filter:drop-shadow(0 0 28px rgb(255 255 255 / .75))}20%{transform:translateY(-70px) rotate(-28deg) scale(1.25);filter:drop-shadow(0 0 35px rgb(255 255 255 / .8))}25%{transform:translateY(-90px) rotate(-30deg) scale(1.3);filter:drop-shadow(0 0 40px rgb(255 255 255 / .85))}30%{transform:translateY(-85px) rotate(-25deg) scale(1.28);filter:drop-shadow(0 0 38px rgb(255 255 255 / .82))}35%{transform:translateY(-75px) rotate(-15deg) scale(1.22);filter:drop-shadow(0 0 32px rgb(255 255 255 / .78))}40%{transform:translateY(-60px) rotate(-8deg) scale(1.18);filter:drop-shadow(0 0 28px rgb(255 255 255 / .75))}45%{transform:translateY(-80px) rotate(-18deg) scale(1.35);filter:drop-shadow(0 0 45px rgb(255 255 255 / .9))}50%{transform:translateY(-110px) rotate(-22deg) scale(1.45);filter:drop-shadow(0 0 55px rgb(255 255 255 / .95))}55%{transform:translateY(-130px) rotate(-20deg) scale(1.5);filter:drop-shadow(0 0 60px rgb(255 255 255))}60%{transform:translateY(-125px) rotate(-15deg) scale(1.48);filter:drop-shadow(0 0 58px rgb(255 255 255 / .98))}65%{transform:translateY(-115px) rotate(-10deg) scale(1.42);filter:drop-shadow(0 0 52px rgb(255 255 255 / .92))}70%{transform:translateY(-100px) rotate(-5deg) scale(1.38);filter:drop-shadow(0 0 48px rgb(255 255 255 / .88))}75%{transform:translateY(-140px) rotate(-12deg) scale(1.55);filter:drop-shadow(0 0 65px rgb(255 255 255))}80%{transform:translateY(-170px) rotate(-8deg) scale(1.65);filter:drop-shadow(0 0 75px rgb(255 255 255))}85%{transform:translateY(-190px) rotate(-5deg) scale(1.75);filter:drop-shadow(0 0 85px rgb(255 255 255))}90%{transform:translateY(-210px) rotate(-2deg) scale(1.85);filter:drop-shadow(0 0 95px rgb(255 255 255))}95%{transform:translateY(-230px) rotate(-1deg) scale(1.95);filter:drop-shadow(0 0 105px rgb(255 255 255))}100%{transform:translateY(-250px) rotate(0deg) scale(2);filter:drop-shadow(0 0 120px rgb(255 255 255))}}@keyframes fishFinalJump{0%{transform:translateY(0) rotate(0deg) scale(1);filter:drop-shadow(0 0 15px rgb(255 255 255 / .6));opacity:1}10%{transform:translateY(-30px) rotate(-8deg) scale(1.1);filter:drop-shadow(0 0 25px rgb(255 255 255 / .7));opacity:1}20%{transform:translateY(-70px) rotate(-15deg) scale(1.25);filter:drop-shadow(0 0 35px rgb(255 255 255 / .8));opacity:1}30%{transform:translateY(-120px) rotate(-20deg) scale(1.4);filter:drop-shadow(0 0 45px rgb(255 255 255 / .85));opacity:1}40%{transform:translateY(-180px) rotate(-18deg) scale(1.6);filter:drop-shadow(0 0 60px rgb(255 255 255 / .9));opacity:1}50%{transform:translateY(-250px) rotate(-15deg) scale(1.8);filter:drop-shadow(0 0 75px rgb(255 255 255 / .95));opacity:.95}60%{transform:translateY(-320px) rotate(-10deg) scale(2);filter:drop-shadow(0 0 90px rgb(255 255 255));opacity:.9}70%{transform:translateY(-380px) rotate(-5deg) scale(2.2);filter:drop-shadow(0 0 105px rgb(255 255 255));opacity:.8}80%{transform:translateY(-430px) rotate(-2deg) scale(2.4);filter:drop-shadow(0 0 120px rgb(255 255 255));opacity:.7}90%{transform:translateY(-470px) rotate(-1deg) scale(2.6);filter:drop-shadow(0 0 135px rgb(255 255 255));opacity:.5}100%{transform:translateY(-500px) rotate(0deg) scale(2.8);filter:drop-shadow(0 0 150px rgb(255 255 255));opacity:.3}}@media (max-width:768px){.perahu-element{top:41%;left:70%;animation:boatFloat 4.5s ease-in-out infinite}.perahu-image{width:400px}.juragan-on-boat{top:28%;left:55%;animation:characterBob 4s ease-in-out infinite}.juragan-fishing{width:280px}.orang-belakang-perahu{animation:characterBob 4.7s ease-in-out infinite}.fishing-line{top:45%;left:53%;animation:lineSwing 3s ease-in-out infinite}.fish-image{width:45px}.fishing-result-screen .juragan-on-boat{top:-3%;left:52%}.fishing-result-screen .juragan-fishing{width:60vw;max-width:450px;min-width:350px}.fishing-result-screen .juragan-fishing.pulling{width:55vw;max-width:450px;min-width:350px}.caught-fish-container{left:2%;bottom:25px}.caught-fish-container img{width:100px}.fishing-hook{width:20px;height:20px}}@media only screen and (device-width:393px) and (device-height:852px){.juragan-on-boat{top:16%!important;left:55%;z-index:2}.juragan-fishing{width:170px;opacity:.9}.perahu-element{top:43%;left:67%;z-index:3}.perahu-image{width:260px}.fishing-result-screen{overflow:visible!important;padding-top:150px!important}.fishing-result-screen .juragan-on-boat{top:-25%!important;left:52%;overflow:visible!important}.fishing-result-screen .juragan-fishing{width:60vw;max-width:300px;min-width:220px;overflow:visible!important}.fishing-result-screen .juragan-fishing.pulling{width:90vw!important;max-width:450px!important;min-width:320px!important;top:-25%!important;overflow:visible!important;z-index:999!important;transform:scale(1.2)!important}.caught-fish-container{left:2%;bottom:25px;overflow:visible!important}.caught-fish-container img{width:100px}.fishing-hook{width:20px;height:20px}}@media (max-width:390px){.perahu-element{animation:boatFloat 5s ease-in-out infinite}.perahu-image{width:270px}.juragan-on-boat{top:20%;left:52%;animation:characterBob 4.5s ease-in-out infinite}.juragan-fishing{width:200px}}@media (max-width:490px){.perahu-element{animation:boatFloat 5s ease-in-out infinite}.perahu-image{width:270px}.juragan-on-boat{top:22%;left:53%;animation:characterBob 4.5s ease-in-out infinite}.juragan-fishing{width:220px}.orang-belakang-perahu{animation:characterBob 5.2s ease-in-out infinite}.fishing-line{animation:lineSwing 3.5s ease-in-out infinite}.fish-image{width:35px}.fishing-result-screen{padding-top:120px!important;overflow:visible!important}.fishing-result-screen .juragan-on-boat{top:-30%;left:53%}.fishing-result-screen .perahu-element{top:20%}.fishing-result-screen .juragan-fishing{width:60vw;max-width:300px;min-width:220px}.fishing-result-screen .juragan-fishing.pulling{width:70vw;max-width:350px;min-width:250px}.caught-fish-container{left:1%;bottom:20px;overflow:visible!important}.caught-fish-container img{width:80px}.fishing-hook{width:18px;height:18px}@keyframes fishFinalJump{0%{transform:translateY(0) rotate(0deg) scale(1);filter:drop-shadow(0 0 15px rgb(255 255 255 / .6));opacity:1}100%{transform:translateY(-300px) rotate(0deg) scale(2);filter:drop-shadow(0 0 100px rgb(255 255 255));opacity:.3}}}@media (max-width:320px){.perahu-element{top:48%;left:70%}.perahu-image{width:240px}.juragan-on-boat{top:18%;left:50%}.juragan-fishing{width:180px}}@media only screen and (device-width:430px) and (device-height:932px) and (-webkit-device-pixel-ratio:3){.juragan-on-boat{top:15%;left:53%}.juragan-fishing{width:240px}.perahu-element{top:43%}.perahu-image{width:290px}.fishing-result-screen .juragan-on-boat{top:-28%;left:53%}.fishing-result-screen .juragan-fishing{width:65vw;max-width:280px;min-width:240px}}@media only screen and (device-width:390px) and (device-height:844px) and (-webkit-device-pixel-ratio:3){.juragan-on-boat{top:17%;left:52%}.juragan-fishing{width:210px}.perahu-element{top:43%}.perahu-image{width:270px}.fishing-result-screen .juragan-on-boat{top:-30%;left:52%}.fishing-result-screen .juragan-fishing{width:60vw;max-width:250px;min-width:210px}}@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){.juragan-on-boat{top:19%;left:51%}.juragan-fishing{width:190px}.perahu-element{top:43%}.perahu-image{width:250px}.fishing-result-screen .juragan-on-boat{top:-32%;left:51%}.fishing-result-screen .juragan-fishing{width:58vw;max-width:230px;min-width:190px}}.logo-section{margin-bottom:-14px;position:relative;display:flex;flex-direction:column;align-items:center}.idle-animation{position:fixed;top:2%;left:55%;transform:translateX(-50%);z-index:5;pointer-events:none}.idle-gif{width:700px;height:auto;opacity:.95;filter:drop-shadow(0 4px 8px rgb(0 0 0 / .3))}@keyframes idleFloat{0%,100%{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-15px) scale(1.05);opacity:1}}.ticket-claimed .idle-animation{display:none}.success-animation{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none}.success-gif{width:550px;height:auto;animation:successBounce 2s ease-out}@keyframes successBounce{0%{transform:scale(0) rotate(0deg);opacity:0}50%{transform:scale(1.2) rotate(180deg);opacity:1}100%{transform:scale(1) rotate(360deg);opacity:.8}}@media (max-width:768px){.idle-animation{top:2%;left:55%}.idle-gif{width:380px}.success-gif{width:420px}}@media (max-width:480px){.idle-animation{top:2%;left:55%}.idle-gif{width:400px}.success-gif{width:320px}}@media (min-width:769px){.desktop-redirect~* .idle-animation{display:none}}.background-completion{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.tangan-completion{position:absolute;top:15%;right:20%;z-index:5;animation:handComplete 3s ease-in-out infinite}.tangan-completion-image{width:100px;height:auto;opacity:1;filter:drop-shadow(2px 4px 8px rgb(0 0 0 / .4));transform:rotate(-5deg)}@keyframes handComplete{0%,100%{transform:rotate(-5deg) translateY(0) scale(1);opacity:.85}25%{transform:rotate(-7deg) translateY(-6px) scale(1.05);opacity:.95}50%{transform:rotate(-5deg) translateY(-6px) scale(1.08);opacity:1}75%{transform:rotate(-5deg) translateY(-6px) scale(1.03);opacity:1}}@keyframes tanganMove{0%,100%{transform:rotate(0deg) translateY(0) translateX(0) scale(1);opacity:1}25%{transform:rotate(2deg) translateY(-10px) translateX(-3px) scale(1.05);opacity:1}50%{transform:rotate(3deg) translateY(-15px) translateX(-5px) scale(1.1);opacity:1}75%{transform:rotate(3deg) translateY(-8px) translateX(-2px) scale(1.03);opacity:1}}@media (min-width:769px){.desktop-redirect~* .background-completion{display:none}}.main-content{position:relative;z-index:10}.tangan-element{position:absolute;right:15%;top:25%;transform:translateY(0);z-index:5}.tangan-image{width:120px;height:auto;opacity:1;filter:drop-shadow(2px 4px 8px rgb(0 0 0 / .4));animation:tanganMove 3s ease-in-out infinite;transform:rotate(5deg)}@media (max-width:768px){.tangan-element{right:8%;top:35%}.tangan-image{width:80px;opacity:1}.tangan-completion{top:19%;right:27.097%}.tangan-completion-image{width:80px;opacity:1;transform:rotate(12deg)}}@media (max-width:480px){.tangan-element{right:8%;top:35%}.tangan-image{width:80px;opacity:1}.tangan-completion{top:19%;right:27.097%}.tangan-completion-image{width:80px;opacity:1;transform:rotate(12deg)}}@media (max-width:390px){.tangan-element{right:8%;top:35%}.tangan-image{width:80px;opacity:1}.tangan-completion{top:19.1%;right:27.1%}.tangan-completion-image{width:72px;opacity:1;transform:rotate(12deg)}}.category-icon-preview{display:flex;align-items:center;justify-content:center;min-height:32px;border:1px solid #ddd;border-radius:4px;padding:4px;background-color:#f9f9f9}.icon-preview-container{text-align:center}.icon-preview-container p{margin:5px 0 0 0;color:#666}#ticketCodeFull.valid{border-color:#28a745!important;box-shadow:0 0 0 .2rem rgb(40 167 69 / .25)!important}#ticketCodeFull.invalid{border-color:#dc3545!important;box-shadow:0 0 0 .2rem rgb(220 53 69 / .25)!important}#ticketCodeFull{transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.submit-btn:disabled:hover{transform:none!important;box-shadow:none!important}.result-modal .modal-content{background:#fff;border-radius:20px;padding:35px;text-align:center;max-width:450px;width:90%;margin:20px;box-shadow:0 25px 50px rgb(0 0 0 / .25);transform:scale(1);animation:modalSlideIn 0.4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.result-modal .modal-icon{width:90px;height:90px;margin:0 auto 25px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;position:relative;overflow:hidden}.result-modal .modal-icon::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgb(255 255 255 / .1),transparent);animation:shimmer 2s infinite}.result-modal.success .modal-icon{background:linear-gradient(135deg,#4CAF50,#45a049);box-shadow:0 10px 25px rgb(76 175 80 / .4)}.result-modal.error .modal-icon{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 10px 25px rgb(244 67 54 / .4);animation:shake 0.5s ease-in-out}.result-modal h3{font-size:1.8rem;margin-bottom:15px;color:#333;font-weight:700;text-shadow:0 1px 2px rgb(0 0 0 / .1)}.result-modal p{font-size:1.1rem;color:#666;margin-bottom:25px;line-height:1.6;font-weight:400}.result-modal.error p{color:#d32f2f;font-weight:500}.result-modal.success p{color:#2e7d32;font-weight:500}.result-modal .close-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;padding:15px 35px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px rgb(102 126 234 / .3);position:relative;overflow:hidden}.result-modal .close-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent);transition:left 0.5s ease}.result-modal .close-btn:hover::before{left:100%}.result-modal .close-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgb(102 126 234 / .4)}.result-modal .close-btn:active{transform:translateY(0);box-shadow:0 4px 15px rgb(102 126 234 / .3)}.result-modal.error .close-btn{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 4px 15px rgb(244 67 54 / .3)}.result-modal.error .close-btn:hover{box-shadow:0 8px 25px rgb(244 67 54 / .4)}.result-modal.success .close-btn{background:linear-gradient(135deg,#4CAF50,#45a049);box-shadow:0 4px 15px rgb(76 175 80 / .3)}.result-modal.success .close-btn:hover{box-shadow:0 8px 25px rgb(76 175 80 / .4)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.7) translateY(-50px)}50%{opacity:.8;transform:scale(1.05) translateY(0)}100%{opacity:1;transform:scale(1) translateY(0)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}@media (max-width:768px){.result-modal .modal-content{max-width:95%;padding:30px 25px;margin:10px}.result-modal .modal-icon{width:70px;height:70px;font-size:30px;margin-bottom:20px}.result-modal h3{font-size:1.5rem}.result-modal p{font-size:1rem}.result-modal .close-btn{padding:12px 25px;font-size:14px}}@media (max-width:480px){.result-modal .modal-content{max-width:98%;padding:25px 20px;border-radius:15px}.result-modal .modal-icon{width:60px;height:60px;font-size:25px}.result-modal h3{font-size:1.3rem;margin-bottom:12px}.result-modal p{font-size:.95rem;margin-bottom:20px}}.result-modal{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}body.modal-open{overflow:hidden}.orangdankapal-element{position:absolute;top:25%;left:55%;transform:translate(-50%,-50%);z-index:3;animation:boatFloat 4s ease-in-out infinite}.orangdankapal-image{width:700px;height:auto;filter:drop-shadow(0 4px 8px rgb(0 0 0 / .3))}.fishing-result-screen .orangdankapal-element{top:30%;left:55%;transform:translate(-50%,-50%);z-index:2;animation:characterBob 4.2s ease-in-out infinite}.fishing-result-screen .orangdankapal-image{width:65vw;max-width:750px;min-width:550px;height:auto;filter:drop-shadow(0 4px 12px rgb(0 0 0 / .5))}.fishing-result-screen .juragan-on-boat{position:absolute;top:-5%;left:50%;transform:translateX(-50%);z-index:2;animation:characterBob 4.2s ease-in-out infinite}.fishing-result-screen .juragan-fishing.pulling{width:45vw;max-width:650px;min-width:500px;transform-origin:center bottom;animation:juragaStruggle 4s ease-in-out}@media (max-width:768px){.orangdankapal-element{top:25%;left:60%;transform:translate(-50%,-50%);animation:boatFloat 4.5s ease-in-out infinite}.orangdankapal-image{width:450px}.fishing-result-screen .orangdankapal-element{top:30%;left:60%;transform:translate(-50%,-50%)}.fishing-result-screen .orangdankapal-image{width:65vw;max-width:500px;min-width:400px}.fishing-result-screen .juragan-fishing.pulling{width:55vw;max-width:450px;min-width:350px}}@media (max-width:490px){.orangdankapal-element{top:20%;left:65%;transform:translate(-50%,-50%);animation:boatFloat 5s ease-in-out infinite}.orangdankapal-image{width:320px}.fishing-result-screen .orangdankapal-element{top:25%;left:65%;transform:translate(-50%,-50%)}.fishing-result-screen .orangdankapal-image{width:75vw;max-width:450px;min-width:300px}.fishing-result-screen .juragan-fishing.pulling{width:70vw;max-width:400px;min-width:250px}}@media (max-width:393px) and (max-height:852px){.fishing-result-screen .orangdankapal-element{top:20%;left:70%;transform:translate(-50%,-50%)}.fishing-result-screen .juragan-fishing.pulling{top:-30%!important;left:50%!important;width:90vw!important;max-width:450px!important;min-width:320px!important;z-index:999!important;overflow:visible!important}}