.welcome-bonus-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:color-mix(in srgb,var(--background) 60%,transparent);display:flex;justify-content:center;align-items:center;z-index:10001;padding:16px;overflow-y:auto;min-height:100dvh}.welcome-bonus-modal{background:linear-gradient(180deg,#1f2a44,#3797e5 50%,#1f2a44);border-radius:20px;width:min(94vw,380px);aspect-ratio:317/455;box-shadow:0 20px 40px rgba(0,0,0,.6);overflow:hidden;position:relative;margin:auto;border:2px solid var(--accent-blue);flex-shrink:0}.welcome-bonus-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#172339;z-index:1;pointer-events:none}.welcome-bonus-modal-header{display:flex;justify-content:flex-end;padding:12px 14px 0;position:absolute;inset:0 0 auto 0;z-index:3}.welcome-bonus-close-btn{background:none;border:none;color:#ffffff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.welcome-bonus-close-btn:hover{background-color:rgba(255,255,255,.1)}.welcome-bonus-modal-content{position:absolute;inset:0;padding-top:24px;pointer-events:none}.top-meta-group{width:100%;display:flex;flex-direction:column;align-items:center;gap:0;padding-top:5px}.timer-container{gap:8px;margin-top:10px;margin-bottom:18px;position:static;background:transparent;padding:0;z-index:2;pointer-events:auto}.timer-box,.timer-container{display:flex;justify-content:center}.timer-box{background:var(--background-paper);border:2px solid var(--accent-blue);border-radius:8px;padding:12px 16px;min-width:60px;flex-direction:column;align-items:center}.timer-number{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.timer-label{font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.bonus-header{display:flex;flex-direction:column;align-items:center;gap:6px;margin:2px 0 10px;width:100%;z-index:2;padding-top:5px;padding-bottom:15px}.bonus-title{font-size:15px;font-weight:800;color:#edff22;letter-spacing:.8px;text-shadow:0 1px 4px rgba(0,0,0,.6)}.bonus-percentage{font-size:48px;font-weight:700;color:#edff22;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.bonus-subtitle{font-size:12px;font-weight:800;color:#edff22;letter-spacing:.4px;text-shadow:0 1px 4px rgba(0,0,0,.6)}.bonus-subtitle-row{display:inline-flex;align-items:center;gap:6px;position:relative}.graphics-container{justify-content:space-between;width:100%;margin:10px 0}.coin-graphic,.graphics-container{display:flex;align-items:center;position:relative}.coin-graphic{transform:rotate(-15deg) scale(1.2);filter:drop-shadow(0 8px 16px rgba(255,215,0,.4)) drop-shadow(0 0 20px rgba(255,215,0,.3));animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#FFD700,#FFA500);border-radius:50%;box-shadow:0 0 0 4px rgba(255,215,0,.3),0 0 0 8px rgba(255,215,0,.1),inset 0 2px 4px rgba(255,255,255,.3),inset 0 -2px 4px rgba(0,0,0,.3)}.coin-graphic,.gift-graphic{font-size:80px;width:80px;height:80px;justify-content:center}.gift-graphic{transform:rotate(15deg) scale(1.2);filter:drop-shadow(0 8px 16px rgba(255,20,147,.4)) drop-shadow(0 0 20px rgba(255,20,147,.3));position:relative;background:linear-gradient(135deg,#FF69B4,#FF1493);border-radius:8px;display:flex;align-items:center;box-shadow:0 0 0 4px rgba(255,20,147,.3),0 0 0 8px rgba(255,20,147,.1),inset 0 2px 4px rgba(255,255,255,.3),inset 0 -2px 4px rgba(0,0,0,.3)}.gift-graphic:after{transform:translate(-50%,-50%)}.gift-graphic:after,.gift-graphic:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:4px;background:linear-gradient(90deg,#FF0000,#FF4500 50%,#FF0000);border-radius:2px;box-shadow:0 0 4px rgba(255,0,0,.5)}.gift-graphic:before{transform:translate(-50%,-50%) rotate(90deg)}.gift-graphic .sparkle-1{position:absolute;top:-10px;right:-10px;font-size:20px;animation:sparkle 2s ease-in-out infinite}.gift-graphic .sparkle-2{position:absolute;bottom:-5px;left:-5px;font-size:16px;animation:sparkle 2s ease-in-out 1s infinite}.details-info{position:absolute;top:51.5%;right:10%;width:auto;display:none;justify-content:flex-end;margin:14px 0 0;position:relative}.details-info-icon{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.25);color:#ffffff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-top:0;margin-left:0}.details-tooltip{position:absolute;top:50%;right:calc(100% + 12px);left:auto;width:min(240px,calc(100vw - 96px));background:color-mix(in srgb,var(--background-paper) 90%,transparent);border:1px solid var(--accent-blue);border-radius:12px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-50%) scale(.98);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:20}.details-tooltip:before{content:"";position:absolute;top:50%;right:-6px;transform:translateY(-50%);border-width:6px 0 6px 6px;border-style:solid;border-color:transparent transparent transparent color-mix(in srgb,var(--background-paper) 90%,transparent)}.details-info:hover .details-tooltip,.details-tooltip.open{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}.details-title{font-size:14px;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.deposit-example{background:color-mix(in srgb,var(--background) 60%,transparent);border-radius:8px;padding:12px;margin-bottom:12px;border:1px solid color-mix(in srgb,var(--accent-blue) 30%,transparent)}.example-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.example-row:last-child{margin-bottom:0}.example-label{font-size:12px;color:var(--text-secondary);font-weight:500}.example-amount{font-size:12px;color:var(--text-primary);font-weight:600}.total-row{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.total-amount{color:#ff8522;font-size:14px;font-weight:700}.example-divider{height:1px;background:color-mix(in srgb,var(--text-primary) 10%,transparent);margin:8px 0}.bonus-terms{display:flex;flex-direction:column;gap:6px}.term-item{font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.claim-button-container{width:72%;margin:30px auto 0;position:sticky;bottom:0;background:none;padding:0;z-index:2;pointer-events:auto}.claim-button-container .claim-bonus-btn{min-height:40px;padding:6px 10px;font-size:13px;border-radius:10px}.wheel-wrapper{position:relative;width:220px;margin:0 auto}@media (max-width:768px){.wheel-wrapper{padding-bottom:20px}}.wheel-pointer{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:24px;color:#edff22;z-index:2}.spin-wheel{width:220px;height:220px;border-radius:50%;border:6px solid #edff22;position:relative;background:conic-gradient(#ffb300 0deg 51.4286deg,#ffa000 51.4286deg 102.857deg,#ffca28 102.857deg 154.285deg,#ff9800 154.285deg 205.714deg,#ffd54f 205.714deg 257.142deg,#ff8f00 257.142deg 308.571deg,#ffe082 308.571deg 1turn);box-shadow:0 8px 20px rgba(0,0,0,.35)}.wheel-segment-slot{position:absolute;top:50%;left:50%;transform-origin:0 0}.wheel-segment-label{width:80px;margin-left:-40px;margin-top:-5px;text-align:center;color:#111827;font-weight:800;font-size:12px;line-height:1.1;white-space:nowrap;transform:rotate(1deg)}.spin-error{margin-top:10px;color:red;text-align:center}.spin-result-overlay{position:fixed;top:77px;left:0;right:0;bottom:0;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:20px 16px 24px;z-index:10002}.spin-result-popup{width:min(calc(100% - 48px),400px);max-width:400px;min-height:600px;background:radial-gradient(circle at center,#7fe7ff 0,#2f9be6 20%,#0b3c7a 50%,#001a3a 100%);border:1px solid #334155;border-radius:14px;padding:18px 22px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;box-sizing:border-box;transform:translateY(10px);position:relative;z-index:1;box-shadow:0 24px 48px rgba(0,0,0,.55)}.spin-result-hero{width:100%;max-width:360px;margin:0 auto;display:block;line-height:0;flex-shrink:0}.spin-result-hero-img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;display:block;margin:0 auto}.spin-result-popup h3{color:#ffffff;margin:4px 0 0;font-size:24px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;line-height:1.2}.spin-result-amount{color:#edff22;font-size:28px;font-weight:700;margin:0;line-height:1.2;text-shadow:0 4px 12px rgba(0,0,0,.4)}.spin-result-text{color:#e5e7eb;font-size:14px;margin:4px 0 0;max-width:42ch;line-height:1.45}.spin-result-actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:auto;padding-top:14px}.spin-result-close{background-color:#ffc107;border:none;color:#ffffff;font-size:15px;font-weight:700;border-radius:10px;height:44px;cursor:pointer;width:100%}@media (max-width:480px){.spin-result-popup{width:min(calc(100% - 28px),440px);min-height:340px;padding:14px 16px 18px;gap:6px}.spin-result-hero{max-width:100%}.spin-result-popup h3{font-size:20px;margin-top:2px}.spin-result-amount{font-size:26px}.spin-result-text{font-size:13px}.spin-result-close{height:42px;font-size:14px}}.claim-bonus-btn{width:100%;min-height:34px;background:linear-gradient(180deg,#0a1f2d,#06141f);color:#ffffff;font-size:30px;font-weight:700;padding:15px 40px;border-radius:10px;border:2px solid #00e0ff;cursor:pointer;transition:all .3s;box-shadow:0 0 10px #00e0ff,0 0 20px rgba(0,224,255,.6),inset 0 0 10px rgba(0,224,255,.3);position:relative;overflow:hidden}.claim-bonus-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.claim-bonus-btn:hover:before{left:100%}.claim-bonus-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 14px #00e0ff,0 0 28px rgba(0,224,255,.75),inset 0 0 12px rgba(0,224,255,.35);background:linear-gradient(180deg,#0c2a3c,#06141f)}.claim-bonus-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.gift-graphic{animation:float 3s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(15deg)}50%{transform:translateY(-10px) rotate(15deg)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.slide-in{animation:slideIn .5s forwards}.slide-out{animation:slideOut .3s forwards}@keyframes slideIn{0%{transform:scale(.8) translateY(50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes slideOut{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.8) translateY(50px);opacity:0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media (max-width:640px){.welcome-bonus-modal-overlay{padding:10px}.welcome-bonus-modal{width:min(100%,350px)}.welcome-bonus-modal-content{inset:0}.timer-box{min-width:50px;padding:10px 12px}.timer-number{font-size:20px}.timer-label{font-size:9px}.bonus-percentage{font-size:40px}.details-info{top:51%;right:8%}.details-tooltip{width:min(220px,calc(100vw - 88px));padding:14px}.claim-button-container{width:74%;margin-top:10px}.coin-graphic,.gift-graphic{font-size:35px}}@media (max-height:600px){.welcome-bonus-modal{width:min(88vw,280px)}.timer-box{min-width:45px;padding:8px 10px}.timer-number{font-size:18px}.details-tooltip{width:min(210px,calc(100vw - 72px))}}