.game-container{color:#fff;font-family:Segoe UI,system-ui,-apple-system,sans-serif;margin:0 auto;max-width:430px;min-height:100vh;overflow:hidden;padding:10px 15px 75px;position:relative;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:100%}.bg-space{background:url(https://static.hapabox.com/activity/starcore-miner/index-bg.png?x-oss-process=image/auto-orient,1/resize,m_lfit,w_1600,h_2000/format,webp) 50%/cover no-repeat;top:0;right:0;bottom:0;left:0;position:absolute;z-index:0}.bg-space:after{background:linear-gradient(180deg,#050b144d,#050b141a 40%,#050b1466);content:"";top:0;right:0;bottom:0;left:0;position:absolute}.ambient-particles{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.ambient-particle{animation:ambientFloat linear infinite;background:#00f0ff80;border-radius:50%;height:2px;position:absolute;width:2px}@keyframes ambientFloat{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-10vh) scale(1)}}.screen-shake{animation:screenShake .3s ease-out}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-5px,4px)}20%{transform:translate(5px,-4px)}30%{transform:translate(-4px,5px)}40%{transform:translate(4px,-5px)}50%{transform:translate(-3px,3px)}60%{transform:translate(3px,-3px)}70%{transform:translate(-2px,2px)}80%{transform:translate(2px,-2px)}}.screen-shake-heavy{animation:screenShakeHeavy .6s ease-out}@keyframes screenShakeHeavy{0%{transform:translate(0) scale(1)}5%{transform:translate(-8px,6px) scale(1.01)}10%{transform:translate(8px,-6px) scale(.99)}15%{transform:translate(-7px,8px) scale(1.01)}20%{transform:translate(7px,-8px) scale(.99)}25%{transform:translate(-6px,5px) scale(1.01)}30%{transform:translate(6px,-5px) scale(.99)}35%{transform:translate(-5px,6px) scale(1.01)}40%{transform:translate(5px,-6px) scale(.99)}45%{transform:translate(-4px,4px) scale(1.005)}50%{transform:translate(4px,-4px) scale(.995)}55%{transform:translate(-3px,3px) scale(1.005)}60%{transform:translate(3px,-3px) scale(.995)}65%{transform:translate(-2px,2px) scale(1.002)}70%{transform:translate(2px,-2px) scale(.998)}75%{transform:translate(-1px,1px) scale(1.001)}80%{transform:translate(1px,-1px) scale(.999)}to{transform:translate(0) scale(1)}}.charge-overlay{animation:chargeFadeIn .3s ease-out;background:radial-gradient(ellipse at center,hsla(0,0%,100%,.08) 0,rgba(0,240,255,.05) 40%,transparent 70%);top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:45}@keyframes chargeFadeIn{0%{opacity:0}to{opacity:1}}.charge-vortex{animation:vortexSpin .6s linear infinite;background:conic-gradient(from 0deg,transparent,rgba(0,240,255,.3),transparent,hsla(0,0%,100%,.2),transparent);border-radius:50%;filter:blur(8px);height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}@keyframes vortexSpin{0%{transform:translate(-50%,-50%) rotate(0) scale(.8)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.3)}to{transform:translate(-50%,-50%) rotate(1turn) scale(.8)}}.supernova-flash{animation:supernovaFlash .8s ease-out forwards;background:radial-gradient(circle at center,#fff 0,#00f0ff 25%,#08f 40%,transparent 70%);top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:50}@keyframes supernovaFlash{0%{opacity:0;transform:scale(0)}20%{opacity:1;transform:scale(1.2)}50%{opacity:.9;transform:scale(1.8)}to{opacity:0;transform:scale(2.5)}}.warp-text{animation:warpTextIn .3s ease-out,warpTextPulse .5s ease-in-out .3s 3;color:#00f0ff;font-size:26px;font-weight:900;left:50%;letter-spacing:2px;pointer-events:none;position:absolute;text-shadow:0 0 10px #00f0ff,0 0 20px #00f0ff,0 0 40px #00f0ff,0 0 80px #00f0ff;top:22%;transform:translate(-50%);white-space:nowrap;z-index:40}.supernova-text{color:#f05;font-size:30px;text-shadow:0 0 10px rgba(255,0,85,.8),0 0 20px rgba(255,0,85,.6),0 0 40px rgba(255,0,85,.4),0 0 80px rgba(255,0,85,.2)}@keyframes warpTextIn{0%{opacity:0;transform:translate(-50%) scale(.5)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes warpTextPulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.1)}}.menu-screen{align-items:center;flex-direction:column;gap:30px;height:100%;padding:20px;position:relative;z-index:10}.menu-gems-row,.menu-screen{display:flex;justify-content:center}.menu-gems-row{flex-wrap:wrap;gap:8px;max-width:280px}.menu-gem{animation:menuGemFloat 2.5s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(0,240,255,.4));height:60px;-o-object-fit:contain;object-fit:contain;width:60px}@keyframes menuGemFloat{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}.menu-title{text-align:center}.title-glow{animation:titlePulse 2s ease-in-out infinite;color:#00f0ff;font-size:40px;font-weight:900;letter-spacing:4px;text-shadow:0 0 10px rgba(0,240,255,.8),0 0 30px rgba(0,240,255,.5),0 0 60px rgba(0,240,255,.3)}@keyframes titlePulse{0%,to{text-shadow:0 0 10px rgba(0,240,255,.8),0 0 30px rgba(0,240,255,.5),0 0 60px rgba(0,240,255,.3)}50%{text-shadow:0 0 15px #00f0ff,0 0 40px rgba(0,240,255,.7),0 0 80px rgba(0,240,255,.4)}}.title-sub{color:#8a9bb8;font-size:13px;letter-spacing:6px;margin-top:8px;text-transform:uppercase}.btn-start{background:linear-gradient(135deg,#00c8c8,#00f0ff);border:none;border-radius:8px;clip-path:polygon(8% 0,92% 0,100% 20%,100% 80%,92% 100%,8% 100%,0 80%,0 20%);cursor:pointer;overflow:hidden;padding:16px 44px;position:relative;transition:transform .2s}.btn-start:hover{transform:scale(1.05)}.btn-start:active{transform:scale(.95)}.btn-text{color:#050b14;font-size:18px;font-weight:900;letter-spacing:3px}.btn-glow{animation:btnGlowPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#00f0ff,#00c8c8);filter:blur(15px);top:-2px;right:-2px;bottom:-2px;left:-2px;opacity:.5;position:absolute;z-index:-1}@keyframes btnGlowPulse{0%,to{opacity:.5}50%{opacity:.8}}.menu-footer{color:#8a9bb8;font-size:11px;letter-spacing:2px}.game-hud{background:linear-gradient(180deg,#050b14eb,#050b14a6);position:relative;z-index:20}.title-bg{background:url(https://static.hapabox.com/activity/starcore-miner/title-icon.png) no-repeat;background-size:100% 100%}.title-text{background:linear-gradient(180deg,#fff,#00cded);-webkit-background-clip:text;background-clip:text;font-size:20px;line-height:25px;text-align:left;text-transform:none;-webkit-text-fill-color:transparent;color:transparent}.progress-wrap{background:url(https://static.hapabox.com/activity/starcore-miner/progress-bg.png) no-repeat;background-size:100% 100%}.progress-reward{background:url(https://static.hapabox.com/activity/starcore-miner/progress-reward-bg.png) no-repeat;background-size:100% 100%}.hud-top{align-items:center;display:flex;gap:12px;justify-content:space-between}.hud-chances,.hud-total{align-items:center;display:flex;gap:6px}.hud-icon{font-size:16px}.hud-label{color:#8a9bb8;font-size:9px;letter-spacing:1px;text-transform:uppercase}.hud-value{color:#fff;font-size:16px;font-weight:700}.hud-value.cyan{color:#00f0ff}.hud-tier{align-items:center;display:flex;gap:8px;margin-top:6px}.tier-label{color:gold;font-size:10px;font-weight:700;min-width:30px}.tier-bar{background:#ffffff1a;border-radius:3px;flex:1;height:5px;overflow:hidden}.tier-fill{background:linear-gradient(90deg,#028df0,#08dcfa);border-radius:2px;box-shadow:0 0 8px #00f0ff80;height:100%;transition:width .5s ease-out}.tier-progress{color:#8a9bb8;font-size:9px;min-width:40px;text-align:right}.cores-area{flex:1;margin:0 14px;min-height:380px;position:relative;z-index:10}.lightning-svg{height:100%;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;width:100%;z-index:15}.lightning-svg .lightning-line{stroke:#00f0ff;stroke-width:1;animation:lightningFlash .4s ease-out forwards;filter:drop-shadow(0 0 6px #00F0FF)}.lightning-svg .lightning-inner{stroke:#fff;stroke-width:.4;animation:lightningFlash .4s ease-out forwards}.lightning-svg.red .lightning-line{stroke:#f05!important;filter:drop-shadow(0 0 8px #FF0055) drop-shadow(0 0 15px rgba(255,0,85,.6))!important;stroke-width:1.2!important}.lightning-svg.red .lightning-inner{stroke:#f88!important;stroke-width:.5!important}@keyframes lightningFlash{0%{opacity:1}50%{opacity:.85}to{opacity:0}}.game-particle{border-radius:50%;z-index:25}.click-ripple,.game-particle{pointer-events:none;position:absolute}.click-ripple{animation:rippleExpand .7s ease-out forwards;border:2px solid #00f0ff;border-radius:50%;height:50px;transform:translate(-50%,-50%);width:50px;z-index:14}@keyframes rippleExpand{0%{border-width:3px;height:15px;opacity:1;width:15px}to{border-width:0;height:120px;opacity:0;width:120px}}.star-core{animation:coreFloat 3s ease-in-out infinite;cursor:pointer;height:72px;position:absolute;transform:translate(-50%,-50%);transition:opacity .4s,transform .4s,filter .4s;width:72px;z-index:10}.star-core.mined{animation:none;cursor:default;filter:brightness(.35) grayscale(.85);opacity:.35;transform:translate(-50%,-50%) scale(.75)}.star-core.mining{animation:coreMine .35s ease-out}.star-core.shaking{animation:coreShake .15s ease-in-out}.star-core.charging{animation:coreCharge .2s ease-in-out infinite alternate}.star-core.shockwave-push{animation:shockwavePush .6s ease-out forwards}.star-core.violent-shake{animation:violentShake .15s ease-in-out infinite}.core-image{height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;width:100%}.core-glow{animation:glowPulse 2s ease-in-out infinite;top:-12px;right:-12px;bottom:-12px;left:-12px}.core-charge-glow,.core-glow{border-radius:50%;pointer-events:none;position:absolute}.core-charge-glow{animation:chargeGlow .3s ease-in-out infinite alternate;top:-8px;right:-8px;bottom:-8px;left:-8px}@keyframes coreFloat{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-9px)}}@keyframes coreMine{0%{transform:translate(-50%,-50%) scale(1)}30%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(.75)}}@keyframes coreShake{0%,to{transform:translate(-50%,-50%) translate(0)}25%{transform:translate(-50%,-50%) translate(-5px)}50%{transform:translate(-50%,-50%) translate(5px)}75%{transform:translate(-50%,-50%) translate(-3px)}}@keyframes coreCharge{0%{filter:brightness(1);transform:translate(-50%,-50%) scale(1)}to{filter:brightness(2);transform:translate(-50%,-50%) scale(.85)}}@keyframes shockwavePush{0%{transform:translate(-50%,-50%) scale(1)}20%{filter:brightness(1.8);transform:translate(-50%,-50%) translate(var(--sw-x,15px),var(--sw-y,10px)) scale(1.08)}50%{filter:brightness(1.3);transform:translate(-50%,-50%) translate(var(--sw-x,15px),var(--sw-y,10px)) scale(1.05)}to{filter:brightness(1);transform:translate(-50%,-50%) scale(1)}}@keyframes violentShake{0%,to{transform:translate(-50%,-50%) translate(0) rotate(0)}10%{transform:translate(-50%,-50%) translate(-4px,3px) rotate(-3deg)}20%{transform:translate(-50%,-50%) translate(4px,-3px) rotate(3deg)}30%{transform:translate(-50%,-50%) translate(-5px,4px) rotate(-4deg)}40%{transform:translate(-50%,-50%) translate(5px,-4px) rotate(4deg)}50%{transform:translate(-50%,-50%) translate(-3px,5px) rotate(-2deg)}60%{transform:translate(-50%,-50%) translate(3px,-5px) rotate(2deg)}70%{transform:translate(-50%,-50%) translate(-4px,3px) rotate(-3deg)}80%{transform:translate(-50%,-50%) translate(4px,-3px) rotate(3deg)}90%{transform:translate(-50%,-50%) translate(-2px,2px) rotate(-1deg)}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.2)}}@keyframes chargeGlow{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.3)}}.demo-buttons{display:flex;gap:10px;margin-bottom:8px;padding:0 16px;position:relative;z-index:20}.btn-demo{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1;font-size:13px;font-weight:700;gap:6px;justify-content:center;letter-spacing:.5px;padding:12px 8px;transition:all .2s}.btn-demo:hover{transform:scale(1.03)}.btn-demo:active{transform:scale(.97)}.btn-demo-warp{background:linear-gradient(135deg,#00c8c840,#00f0ff33);border:1px solid rgba(0,240,255,.4);color:#00f0ff}.btn-demo-warp:hover{background:linear-gradient(135deg,#00c8c866,#00f0ff59);box-shadow:0 0 15px #00f0ff4d}.btn-demo-supernova{background:linear-gradient(135deg,#ff005540,#ff323233);border:1px solid rgba(255,0,85,.4);color:#f57}.btn-demo-supernova:hover{background:linear-gradient(135deg,#f056,#ff323259);box-shadow:0 0 15px #ff00554d}.demo-icon{font-size:16px}.game-bottom{background:#050b14cc;justify-content:space-between;padding:10px 16px;position:relative;z-index:20}.game-bottom,.tier-info{align-items:center;display:flex}.tier-info{gap:8px}.tier-badge-icon{height:28px;-o-object-fit:contain;object-fit:contain;width:28px}.tier-name{color:gold;font-size:11px;font-weight:600}.btn-menu{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#8a9bb8;cursor:pointer;font-size:10px;letter-spacing:1px;padding:6px 16px;transition:all .2s}.btn-menu:hover{background:#fff3;color:#fff}.reward-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;z-index:100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reward-popup{align-items:center;animation:popupIn .4s ease-out;background:linear-gradient(135deg,#0a1628fa,#050b14fc);border:1px solid rgba(0,240,255,.3);border-radius:16px;box-shadow:0 0 30px #00f0ff26,inset 0 0 30px #00f0ff0d;display:flex;flex-direction:column;gap:10px;max-width:340px;padding:22px 18px;width:85%}.milestone-popup{border-color:#ffd70066;box-shadow:0 0 30px #ffd70026,inset 0 0 30px #ffd7000d}@keyframes popupIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.reward-title{color:#fff;font-size:18px;font-weight:900;letter-spacing:1px;text-align:center}.reward-title.jackpot{animation:jackpotPulse 1s ease-in-out infinite;color:#f05;text-shadow:0 0 10px rgba(255,0,85,.8),0 0 20px rgba(255,0,85,.5)}@keyframes jackpotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.six-for-one-badge{animation:badgePulse .8s ease-in-out infinite;background:linear-gradient(135deg,gold,orange);border-radius:20px;color:#050b14;font-size:12px;font-weight:900;padding:5px 14px}@keyframes badgePulse{0%,to{box-shadow:0 0 10px #ffd70080;transform:scale(1)}50%{box-shadow:0 0 20px #ffd700cc;transform:scale(1.05)}}.reward-prize-box{align-items:center;display:flex;height:110px;justify-content:center;position:relative;width:110px}.reward-prize-img{height:90px;-o-object-fit:contain;object-fit:contain;width:90px;z-index:2}.reward-glow-ring{animation:ringPulse 1.5s ease-in-out infinite;border:2px solid rgba(0,240,255,.35);border-radius:50%;top:0;right:0;bottom:0;left:0;position:absolute}@keyframes ringPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.reward-name{color:#fff;font-size:16px;font-weight:700;text-align:center}.reward-value{color:#8a9bb8;font-size:13px}.value-highlight{color:#00f0ff;font-weight:700}.reward-tag{border-radius:20px;font-size:11px;font-weight:700;padding:5px 12px;text-align:center}.warp-tag{background:#00f0ff1f;border:1px solid rgba(0,240,255,.25);color:#00f0ff}.supernova-tag{background:#ff00551f;border:1px solid rgba(255,0,85,.25);color:#f05}.btn-claim{background:linear-gradient(135deg,#00c8c8,#00f0ff);border:none;border-radius:10px;color:#050b14;cursor:pointer;font-size:15px;font-weight:900;letter-spacing:2px;margin-top:6px;padding:12px;transition:all .2s;width:100%}.btn-claim:hover{box-shadow:0 0 20px #00f0ff66;transform:scale(1.02)}.btn-claim:active{transform:scale(.98)}.milestone-title{color:gold;font-size:16px;font-weight:900;text-align:center;text-shadow:0 0 10px rgba(255,215,0,.6)}.milestone-tier{color:gold;font-size:44px;font-weight:900;text-shadow:0 0 15px rgba(255,215,0,.8),0 0 30px rgba(255,215,0,.4)}.milestone-badge{filter:drop-shadow(0 0 15px rgba(255,215,0,.5));height:72px;-o-object-fit:contain;object-fit:contain;width:72px}.milestone-name{color:gold;font-size:18px;font-weight:700}.milestone-reward{color:#8a9bb8;font-size:12px;text-align:center}.share-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000d9;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:16px;position:absolute;z-index:200}.share-popup{background:linear-gradient(135deg,#0a1628fa,#050b14fc);border:1px solid rgba(0,240,255,.3);border-radius:16px;display:flex;flex-direction:column;gap:10px;max-height:90vh;max-width:360px;overflow-y:auto;padding:18px;position:relative;width:100%}.share-close{align-items:center;background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:#8a9bb8;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s;width:28px;z-index:10}.share-close:hover{background:#fff3;color:#fff}.share-poster{aspect-ratio:3/4;background:linear-gradient(180deg,#0a1628,#050b14);border-radius:12px;overflow:hidden;position:relative;width:100%}.poster-bg{background:radial-gradient(ellipse at 50% 0,rgba(0,240,255,.15) 0,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(255,0,85,.1) 0,transparent 50%);top:0;right:0;bottom:0;left:0;position:absolute}.poster-content{align-items:center;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;padding:18px;position:relative;z-index:2}.poster-title{font-size:16px;font-weight:900;letter-spacing:1px;line-height:1.3;text-align:center}.jackpot-title-text{color:#f05;text-shadow:0 0 10px rgba(255,0,85,.8),0 0 20px rgba(255,0,85,.5)}.blast-title-text{color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.8),0 0 20px rgba(0,240,255,.5)}.milestone-title-text{color:gold;text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.5)}.poster-image-container{align-items:center;display:flex;height:130px;justify-content:center;position:relative;width:130px}.poster-prize-img{height:110px;-o-object-fit:contain;object-fit:contain;width:110px;z-index:2}.poster-glow{background:radial-gradient(circle,rgba(0,240,255,.2) 0,transparent 70%);border-radius:50%;top:10px;right:10px;bottom:10px;left:10px;position:absolute}.poster-prize-name{color:#fff;font-size:15px;font-weight:700;text-align:center}.poster-value{color:#00f0ff;font-size:13px;font-weight:700}.poster-footer{bottom:10px;color:#8a9bb8;font-size:9px;position:absolute;text-align:center}.share-text-section{display:flex;flex-direction:column;gap:5px}.share-label{color:#8a9bb8;font-size:10px;letter-spacing:1px;text-transform:uppercase}.share-textarea{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;font-family:inherit;font-size:12px;line-height:1.5;padding:8px 10px;resize:none;width:100%}.share-textarea:focus{border-color:#00f0ff66;outline:none}.share-buttons{display:flex;flex-direction:column;gap:6px}.btn-copy{background:linear-gradient(135deg,#00c8c8,#00f0ff);border:none;border-radius:10px;color:#050b14;cursor:pointer;font-size:13px;font-weight:700;padding:12px;transition:all .2s;width:100%}.btn-copy:hover{box-shadow:0 0 15px #00f0ff66;transform:scale(1.02)}.btn-discord{background:#5865f233;border:1px solid rgba(88,101,242,.4);border-radius:10px;color:#5865f2;cursor:pointer;font-size:12px;font-weight:600;padding:10px;transition:all .2s;width:100%}.btn-discord:hover{background:#5865f24d}.share-popup::-webkit-scrollbar{width:4px}.share-popup::-webkit-scrollbar-track{background:transparent}.share-popup::-webkit-scrollbar-thumb{background:#00f0ff4d;border-radius:2px}@media (max-height:700px){.cores-area{min-height:300px}.star-core{height:56px;width:56px}.title-glow{font-size:30px}}@media (min-height:850px){.cores-area{min-height:480px}.star-core{height:76px;width:76px}}
