@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.mobile-layout-wrapper{width:100vw;height:100vh;height:100dvh;display:flex;justify-content:center;align-items:center;background-color:#000;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0}.mobile-layout-container{width:100%;height:100%;max-width:430px;max-height:932px;position:relative;overflow:hidden;background-color:#062475;min-height:100%;min-width:100%;margin:0;aspect-ratio:430 / 932}@media (max-width: 768px){.mobile-layout-wrapper{background-color:transparent;position:relative;height:100vh;height:100dvh;width:100vw}.mobile-layout-container{max-width:none;max-height:none;width:100vw;height:100vh;height:100dvh;min-width:100vw;min-height:100vh;min-height:100dvh;border-radius:0;margin:0;aspect-ratio:unset}}@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape){.mobile-layout-wrapper{background-color:#1a1a1a}.mobile-layout-container{width:auto;height:min(90vh,932px);min-height:500px;max-width:430px;box-shadow:0 0 30px #00000080;border-radius:15px;margin:0;flex-shrink:0;aspect-ratio:430 / 932}}@media (min-width: 1025px){.mobile-layout-wrapper{background:linear-gradient(135deg,#1e1e1e 0%,#2d2d2d 100%)}.mobile-layout-container{width:397px;height:855px;max-width:430px;max-height:932px;min-width:320px;min-height:600px;box-shadow:0 0 50px #000000b3;border-radius:25px;border:2px solid #333;margin:0;flex-shrink:0;flex-grow:0;aspect-ratio:unset}@media (max-height: 900px){.mobile-layout-container{height:95vh;width:calc(95vh * 430 / 932)}}}@media (min-width: 1440px){.mobile-layout-wrapper{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 50%,#1a1a1a 100%)}.mobile-layout-container{width:auto;height:min(90vh,1040px);min-height:700px;max-width:480px;border-radius:30px;box-shadow:0 0 60px #000c;margin:0;flex-shrink:0;aspect-ratio:430 / 932}}.mobile-layout-container{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (orientation: landscape) and (max-height: 500px){.mobile-layout-container{padding-top:0;padding-bottom:0}}.mobile-layout-container{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mobile-layout-container{overscroll-behavior:none;-webkit-overflow-scrolling:touch}.mobile-layout-wrapper:before{content:"";position:absolute;top:50%;left:50%;width:1px;height:1px;transform:translate(-50%,-50%);pointer-events:none;z-index:-1}@supports not (height: 100dvh){.mobile-layout-wrapper,.mobile-layout-container{height:100vh}@media (max-width: 768px){.mobile-layout-container{height:100vh}}}@supports not (aspect-ratio: 430 / 932){.mobile-layout-container{width:430px;max-width:430px}@media (min-width: 1440px){.mobile-layout-container{width:480px;max-width:480px}}}@media (max-width: 768px){.mobile-layout-container::-webkit-scrollbar{display:none}.mobile-layout-container{-ms-overflow-style:none;scrollbar-width:none}}@media (max-width: 375px) and (max-height: 667px){.mobile-layout-container{font-size:14px}}@media (min-width: 375px) and (max-width: 390px){.mobile-layout-container{font-size:16px}}@media (min-width: 414px) and (max-width: 430px){.mobile-layout-container{font-size:18px}}.tour-container{display:flex;flex-direction:column;align-items:center;position:relative;animation:tourContainerEntrance .8s ease-out}.tour-container:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(circle at center,rgba(80,126,246,.1) 0%,rgba(11,66,214,.05) 50%,transparent 70%);border-radius:20px;z-index:-1;animation:tourContainerGlow 3s ease-in-out infinite}@keyframes tourContainerEntrance{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tourContainerGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}.btn-next-tour{padding:12px 24px;color:#fff;border-radius:24px;font-size:14px;flex:1;font-weight:700;height:48px;background:linear-gradient(270deg,#0B42D6 0%,#507EF6 100%);background:linear-gradient(75.16deg,rgba(0,0,0,0) 5.46%,#305989 89.15%);background:linear-gradient(180deg,rgba(0,0,0,0) 71.71%,#305989 93.75%);background:linear-gradient(169.05deg,rgba(0,0,0,0) 60.15%,#2D1C16 62.8%);background:linear-gradient(0deg,rgba(0,0,0,0) 83.29%,#0E161F 86.25%);background:linear-gradient(270deg,#0B42D6 0%,rgba(47,97,231,0) 51.92%,#507EF6 100%);background-blend-mode:color-dodge;background:rgba(42,116,255,1);box-shadow:-1px -2px 2px #00000040 inset;box-shadow:1px 2px 1px #ffffff40 inset}.tour-title{color:#ea5c15;font-family:SVN-Gilroy-Bold;margin-bottom:8px;font-size:12px;position:relative;text-shadow:0 0 8px rgba(234,92,21,.8),0 0 16px rgba(234,92,21,.6),0 1px 2px rgba(0,0,0,.8);animation:tourSubtitleGlow 1.8s ease-in-out infinite alternate}.tour-title:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#EA5C15,#FF8C42,#EA5C15);animation:tourSubtitleUnderline 2s ease-in-out infinite}@keyframes tourSubtitleGlow{0%{text-shadow:0 0 8px rgba(234,92,21,.8),0 0 16px rgba(234,92,21,.6),0 1px 2px rgba(0,0,0,.8)}to{text-shadow:0 0 12px rgba(234,92,21,1),0 0 24px rgba(234,92,21,.8),0 1px 2px rgba(0,0,0,.8)}}@keyframes tourSubtitleUnderline{0%,to{width:0;left:0}50%{width:100%;left:0}}.tour-super-title{font-family:SVN-Gilroy-Bold;color:#fff;font-size:24px;font-weight:700;text-align:center;white-space:pre-line;z-index:10000;line-height:1.2;background:linear-gradient(270deg,#0B42D6 0%,#507EF6 95%);padding:16px 32px;border-radius:48px;display:inline;width:80%;position:relative;overflow:hidden;transform:translate(-50%,-50%)!important;text-shadow:0 2px 4px rgba(0,0,0,.8);box-shadow:0 0 15px #507ef64d,inset 0 0 10px #ffffff1a;animation:tourTitlePulse 3s ease-in-out infinite}.tour-super-title:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.2) 80%,transparent 100%);animation:tourTitleSparkle 3s ease-in-out infinite;z-index:1}.tour-super-title span{color:#fff;position:relative;z-index:2;display:inline-block;animation:tourTitleTextSparkle 2s ease-in-out infinite}@keyframes tourTitlePulse{0%,to{transform:scale(1);box-shadow:0 0 15px #507ef64d,inset 0 0 10px #ffffff1a}50%{transform:scale(1.01);box-shadow:0 0 20px #507ef680,inset 0 0 15px #ffffff26}}@keyframes tourTitleSparkle{0%{left:-100%}to{left:100%}}@keyframes tourTitleTextSparkle{0%,to{text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 5px rgba(255,255,255,.3)}25%{text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 8px rgba(255,255,255,.6),0 0 12px rgba(255,255,255,.4)}50%{text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 10px rgba(255,255,255,.8),0 0 15px rgba(255,255,255,.6),0 0 20px rgba(255,255,255,.4)}75%{text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 8px rgba(255,255,255,.6),0 0 12px rgba(255,255,255,.4)}}@keyframes tourTitleBorderGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes tourTitleTextShine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.tour-description-1{font-family:SVN-Gilroy,sans-serif;font-size:10px;text-align:center;margin:2px 16px;position:relative;color:#fffffff2;text-shadow:0 0 4px rgba(255,255,255,.5),0 1px 2px rgba(0,0,0,.8);animation:tourDescriptionFadeIn 1s ease-in-out}.break-line{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 10%,rgba(255,255,255,1) 50%,rgba(255,255,255,.3) 90%,transparent 100%);margin-left:16px;margin-right:16px;position:relative;box-shadow:0 0 4px #ffffff80,0 0 8px #ffffff4d;animation:tourBreakLinePulse 2s ease-in-out infinite}@keyframes tourBreakLinePulse{0%,to{opacity:.7;box-shadow:0 0 4px #ffffff80,0 0 8px #ffffff4d}50%{opacity:1;box-shadow:0 0 6px #ffffffb3,0 0 12px #ffffff80}}.tour-description-2{font-family:SVN-Gilroy,sans-serif;font-size:10px;text-align:center;margin:2px 16px;position:relative;color:#ffffffe6;text-shadow:0 0 4px rgba(255,255,255,.4),0 1px 2px rgba(0,0,0,.8);animation:tourDescriptionFadeIn 1s ease-in-out .3s both}@keyframes tourDescriptionFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tour-content{position:relative}.homepage-container{width:100vw;height:100vh;max-width:calc(100vh * 375 / 812);max-height:calc(100vw * 812 / 375);background-color:#062475;color:#fff;font-family:SVN-Gilroy,Inter,Arial,sans-serif;position:relative;overflow:hidden;display:block!important;flex-direction:unset!important;-webkit-overflow-scrolling:touch;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.header{position:absolute;top:52px;left:0;right:0;z-index:100;padding:1.5% 5.3%;height:9.9%}.header-logo-wrapper{display:flex;flex-direction:column;height:100%}.logo-section{position:absolute;top:3%;left:50%;z-index:1000;transform:translate(-50%,-50%)}.logo-30nam{height:3%;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.header-btn{width:44px;height:44px;background:rgba(59,130,246,.2);border:2px solid rgba(59,130,246,.4);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.header-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .5s}.header-btn:hover:before{transform:translate(100%)}.header-btn:hover{background:rgba(59,130,246,.4);transform:scale(1.1);box-shadow:0 0 20px #3b82f699}.btn-icon{width:20px;height:20px;position:relative}.back-icon:before{content:"";position:absolute;width:12px;height:2px;background:white;left:50%;top:50%;transform:translate(-50%,-50%)}.back-icon:after{content:"";position:absolute;width:6px;height:6px;border-left:2px solid white;border-top:2px solid white;left:2px;top:50%;transform:translateY(-50%) rotate(-45deg)}.info-icon{color:#fff;font-size:16px;font-weight:700;font-style:normal;border:2px solid white;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.game-title{font-size:24px;font-weight:700;color:#fff;margin:0;text-align:center;letter-spacing:1px}.header-bottom{display:flex;align-items:center;justify-content:space-between}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#f97316);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3);box-shadow:0 0 15px #ef444480}.star-icon{font-size:24px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8)}.user-details{display:flex;flex-direction:column;gap:6px}.username{font-size:16px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.currency-display{display:flex;align-items:center;background:rgba(3,21,68,.8);border:1px solid rgba(59,130,246,.4);border-radius:20px;padding:4px 8px 4px 28px;position:relative;min-width:80px}.coin-icon{position:absolute;left:2px;top:2px;width:20px;height:20px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;border:1px solid rgba(251,191,36,.6);box-shadow:0 0 10px #f59e0b99}.coin-icon:before{content:"●";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#92400e;font-size:8px}.coin-amount{font-size:14px;font-weight:500;color:#fff}.header-actions{display:flex;align-items:center;gap:20px}.action-btn{width:28px;height:28px;background:transparent;border:none;cursor:pointer;transition:all .3s ease;position:relative}.notification-icon,.settings-icon{width:100%;height:100%;position:relative}.notification-icon:before{content:"";position:absolute;width:16px;height:14px;border:2px solid white;border-radius:4px 4px 8px 8px;top:2px;left:50%;transform:translate(-50%)}.notification-icon:after{content:"";position:absolute;width:4px;height:4px;background:white;border-radius:50%;top:0;right:2px}.settings-icon:before{content:"⚙";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:20px}.header-logo-wrapper{display:flex;flex-direction:column}.action-btn:hover{transform:scale(1.2);filter:drop-shadow(0 0 8px rgba(59,130,246,.8))}.logo-30nam{height:30px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));z-index:1000000}.main-scene{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:bottom center;background-repeat:no-repeat;overflow:hidden}.scene-container{position:absolute;top:0;left:0;width:100%;height:100%}.hub-platform{width:120px;height:120px;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:50%;position:relative;border:3px solid rgba(59,130,246,.8);box-shadow:0 0 30px #3b82f699,inset 0 0 20px #ffffff1a;animation:platformPulse 3s ease-in-out infinite}@keyframes platformPulse{0%,to{box-shadow:0 0 30px #3b82f699,inset 0 0 20px #ffffff1a}50%{box-shadow:0 0 50px #3b82f6e6,inset 0 0 30px #fff3}}.robot-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:60px;height:80px}.robot-body{width:100%;height:100%;position:relative}.robot-head{width:40px;height:40px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%);border:2px solid rgba(59,130,246,.6);box-shadow:0 0 15px #3b82f666}.robot-face{width:100%;height:100%;position:relative}.robot-eyes{display:flex;justify-content:space-between;position:absolute;top:12px;left:8px;right:8px}.eye{width:6px;height:6px;background:#1e40af;border-radius:50%;animation:robotBlink 4s ease-in-out infinite}@keyframes robotBlink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.robot-mouth{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:12px;height:6px;border:2px solid #1e40af;border-top:none;border-radius:0 0 12px 12px}.robot-torso{width:30px;height:35px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:8px;position:absolute;top:35px;left:50%;transform:translate(-50%);border:2px solid rgba(59,130,246,.4)}.robot-arms{position:absolute;top:40px;width:100%}.arm{width:8px;height:20px;background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:4px;position:absolute}.left-arm{left:5px;animation:robotWave 3s ease-in-out infinite}.right-arm{right:5px;animation:robotWave 3s ease-in-out infinite 1.5s}@keyframes robotWave{0%,to{transform:rotate(0)}50%{transform:rotate(20deg)}}.robot-legs{position:absolute;bottom:0;width:100%}.leg{width:10px;height:15px;background:linear-gradient(135deg,#94a3b8,#64748b);border-radius:0 0 5px 5px;position:absolute;bottom:0}.left-leg{left:15px}.right-leg{right:15px}.hub-label{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:16px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(59,130,246,.8);letter-spacing:1px}.platform-glow{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:radial-gradient(circle,rgba(59,130,246,.3) 0%,transparent 70%);border-radius:50%;z-index:-1;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}}.game-area{position:absolute;cursor:pointer;transition:all .3s ease;transform-style:preserve-3d}.game-area:hover{transform:translateY(-5px) scale(1.05)}.area-content{display:flex;flex-direction:column;align-items:center;gap:8px}.area-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.area-icon img{width:100%;height:100%;object-fit:cover;border-radius:12px}.area-label{font-size:12px;font-weight:600;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5);max-width:80px;line-height:1.2}.central-hub{position:absolute;left:50%;top:46%;width:55%;height:44.2%;transform:translate(-50%,-50%);cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center}.kilohub-main-animation{width:100%;height:100%;position:relative}@supports not (animation-timing-function: steps(24,start)){.central-hub{animation-timing-function:linear}}.central-hub img{width:100%;height:100%;object-fit:contain;opacity:0}.stand-image{position:absolute;left:50%;top:62%;width:44%;transform:translate(-50%,-50%);cursor:pointer;z-index:0;background-size:contain;background-repeat:no-repeat;background-position:center}@keyframes daily-quest-animation{0%{background-image:url(/images/ani_daily_quest/img1.png)}25%{background-image:url(/images/ani_daily_quest/img2.png)}50%{background-image:url(/images/ani_daily_quest/img3.png)}75%{background-image:url(/images/ani_daily_quest/img4.png)}to{background-image:url(/images/ani_daily_quest/img1.png)}}@keyframes daily-checkin-animation{0%{background-image:url(/images/ani_daily_checkin/img1.png)}25%{background-image:url(/images/ani_daily_checkin/img2.png)}50%{background-image:url(/images/ani_daily_checkin/img3.png)}75%{background-image:url(/images/ani_daily_checkin/img4.png)}to{background-image:url(/images/ani_daily_checkin/img1.png)}}@keyframes mini-game-animation{0%{background-image:url(/images/ani_minigame/img1.png)}25%{background-image:url(/images/ani_minigame/img2.png)}50%{background-image:url(/images/ani_minigame/img3.png)}75%{background-image:url(/images/ani_minigame/img4.png)}to{background-image:url(/images/ani_minigame/img1.png)}}@keyframes bst-kiloba-animation{0%{background-image:url(/images/ani_bst/img1.png)}25%{background-image:url(/images/ani_bst/img2.png)}50%{background-image:url(/images/ani_bst/img3.png)}75%{background-image:url(/images/ani_bst/img4.png)}to{background-image:url(/images/ani_bst/img1.png)}}@keyframes game-area-pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes game-area-hover{0%{transform:translateY(0) scale(1)}to{transform:translateY(-5px) scale(1.05)}}.game-area{position:absolute;cursor:pointer;transition:all .3s ease;transform-style:preserve-3d;width:32%;height:18.8%;animation:game-area-pulse 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.game-area:hover{transform:translateY(-8px) scale(1.15);animation:none;filter:drop-shadow(0 12px 24px rgba(0,0,0,.4)) brightness(1.2)}.game-area:active{transform:translateY(-1px) scale(.95);filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.area-content{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;height:100%}.daily-quest-area{top:28%;left:0%}.daily-quest-area img{width:100%;height:100%;object-fit:contain}.area-icon-daily-quest{width:100%;height:100%;background-image:url(/images/ani_daily_quest/img1.png);background-size:contain;background-repeat:no-repeat;background-position:center;animation:daily-quest-animation 1s steps(4,start) infinite;border-radius:8px;transition:all .3s ease}.game-area:hover .area-icon-daily-quest{box-shadow:0 0 20px #ffd70080}.daily-checkin-area{top:27.5%;right:0%}.daily-checkin-area img{width:100%;height:100%;object-fit:contain}.area-icon-daily-checkin{width:100%;height:100%;background-image:url(/images/ani_daily_checkin/img1.png);background-size:contain;background-repeat:no-repeat;background-position:center;animation:daily-checkin-animation 1s steps(4,start) infinite;border-radius:8px;transition:all .3s ease}.game-area:hover .area-icon-daily-checkin{box-shadow:0 0 20px #00ff7f80}.mini-game-area{bottom:12%;left:0%}.mini-game-area img{width:100%;height:100%;object-fit:contain}.area-icon-mini-game{width:100%;height:100%;background-image:url(/images/ani_minigame/img1.png);background-size:contain;background-repeat:no-repeat;background-position:center;animation:mini-game-animation 1s steps(4,start) infinite;border-radius:8px;transition:all .3s ease}.game-area:hover .area-icon-mini-game{box-shadow:0 0 20px #ff00ff80}.bst-kiloba-area{bottom:14.5%;right:0%;width:34.7%;height:25%}.bst-kiloba-area img{width:100%;height:100%;object-fit:contain}.area-icon-bst-kiloba{width:100%;height:100%;background-image:url(/images/ani_bst/img1.png);background-size:contain;background-repeat:no-repeat;background-position:center;animation:bst-kiloba-animation 1s steps(4,start) infinite;border-radius:8px;transition:all .3s ease}.game-area:hover .area-icon-bst-kiloba{box-shadow:0 0 20px #ffa50080}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.float-cube,.float-pyramid{position:absolute;animation:float 6s ease-in-out infinite}.float-cube{width:20px;height:20px;background:linear-gradient(135deg,rgba(59,130,246,.3),rgba(147,197,253,.3));border:1px solid rgba(59,130,246,.5);transform-style:preserve-3d}.cube-1{top:24.6%;left:69.3%;animation-delay:0s}.cube-2{top:67.7%;left:20%;animation-delay:2s}.cube-3{top:39.4%;right:10.7%;animation-delay:4s}.float-pyramid{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid rgba(139,92,246,.4)}.pyramid-1{top:59.1%;left:74.7%;animation-delay:1s}.pyramid-2{top:19.7%;left:29.3%;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0) rotateY(0)}50%{transform:translateY(-20px) rotateY(180deg)}}.roads{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.road{position:absolute;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.1) 20%,rgba(59,130,246,.2) 50%,rgba(59,130,246,.1) 80%,transparent 100%)}.road-horizontal{top:50%;left:0;width:100%;height:2px;transform:translateY(-50%)}.road-vertical{top:0;left:50%;width:2px;height:100%;transform:translate(-50%);background:linear-gradient(0deg,transparent 0%,rgba(59,130,246,.1) 20%,rgba(59,130,246,.2) 50%,rgba(59,130,246,.1) 80%,transparent 100%)}.road-diagonal-1{top:0;left:0;width:141.42%;height:2px;transform:rotate(45deg);transform-origin:left top}.road-diagonal-2{top:0;right:0;width:141.42%;height:2px;transform:rotate(-45deg);transform-origin:right top}@supports not (place-items: center){.viewport-wrapper{display:flex;align-items:center;justify-content:center}}@media screen and (orientation: landscape) and (max-height: 500px){.homepage-container{font-size:.9em}.central-hub{width:40%;height:30%}.game-area{width:35%;height:20%}}@media screen and (max-width: 320px),screen and (max-height: 568px){.homepage-container{font-size:.85em}}@media screen and (min-width: 768px){.homepage-container{image-rendering:auto}}.auth-overlay{position:fixed;top:20px;right:20px;z-index:1000}.login-button-home{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d;position:relative;overflow:hidden}.login-button-home:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .5s}.login-button-home:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.login-button-home:hover:before{transform:translate(100%)}.login-button-home:active{transform:translateY(0)}@media (max-width: 768px){.auth-overlay{top:16px;right:16px}.login-button-home{padding:10px 20px;font-size:13px}}.user-info-panel{position:fixed;top:20px;right:20px;z-index:1000;background:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:8px}@media (max-width: 768px){.user-info-panel{top:16px;right:16px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.central-hub{animation:none!important;background-image:url(/images/kilohub_motion/Animation\ KILOBA_00001.png)!important}}.central-hub:before{content:"";position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none;background:url(/images/kilohub_motion/Animation\ KILOBA_00001.png),url(/images/kilohub_motion/Animation\ KILOBA_00002.png),url(/images/kilohub_motion/Animation\ KILOBA_00003.png),url(/images/kilohub_motion/Animation\ KILOBA_00004.png),url(/images/kilohub_motion/Animation\ KILOBA_00005.png),url(/images/kilohub_motion/Animation\ KILOBA_00006.png),url(/images/kilohub_motion/Animation\ KILOBA_00007.png),url(/images/kilohub_motion/Animation\ KILOBA_00008.png),url(/images/kilohub_motion/Animation\ KILOBA_00009.png),url(/images/kilohub_motion/Animation\ KILOBA_00010.png),url(/images/kilohub_motion/Animation\ KILOBA_00011.png),url(/images/kilohub_motion/Animation\ KILOBA_00012.png),url(/images/kilohub_motion/Animation\ KILOBA_00013.png),url(/images/kilohub_motion/Animation\ KILOBA_00014.png),url(/images/kilohub_motion/Animation\ KILOBA_00015.png),url(/images/kilohub_motion/Animation\ KILOBA_00016.png),url(/images/kilohub_motion/Animation\ KILOBA_00017.png),url(/images/kilohub_motion/Animation\ KILOBA_00018.png),url(/images/kilohub_motion/Animation\ KILOBA_00019.png),url(/images/kilohub_motion/Animation\ KILOBA_00020.png),url(/images/kilohub_motion/Animation\ KILOBA_00021.png),url(/images/kilohub_motion/Animation\ KILOBA_00022.png),url(/images/kilohub_motion/Animation\ KILOBA_00023.png),url(/images/kilohub_motion/Animation\ KILOBA_00024.png)}@media (max-width: 480px) and (max-height: 800px){.central-hub{animation-duration:2.4s;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}}@media (min-width: 1024px){.central-hub{animation-duration:1.6s;image-rendering:auto;image-rendering:-webkit-optimize-contrast}}.central-hub{transform:translate(-50%,-50%) translateZ(0);-webkit-transform:translate(-50%,-50%) translateZ(0)}@media screen and (max-resolution: 96dpi){.homepage-container{text-rendering:optimizeLegibility}}@media screen and (min-resolution: 192dpi){.homepage-container{text-rendering:geometricPrecision}}.tour-highlight{z-index:9999!important;pointer-events:none!important}.tour-active .main-scene .central-hub,.tour-active .main-scene .game-area{pointer-events:none!important;cursor:default!important}.tour-active .header,.tour-active .main-scene .tour-highlight{pointer-events:none!important}.tour-active .main-scene .central-hub:not(.tour-highlight),.tour-active .main-scene .game-area:not(.tour-highlight){opacity:.3!important;filter:grayscale(50%)!important}.tour-active .header{opacity:.7!important}.daily-quest-area.tour-highlight,.daily-checkin-area.tour-highlight,.mini-game-area.tour-highlight,.bst-kiloba-area.tour-highlight{position:absolute!important;transform:none!important;top:var(--original-top, inherit)!important;left:var(--original-left, inherit)!important;right:var(--original-right, inherit)!important;bottom:var(--original-bottom, inherit)!important}.daily-quest-area.tour-highlight:hover,.daily-checkin-area.tour-highlight:hover,.mini-game-area.tour-highlight:hover,.bst-kiloba-area.tour-highlight:hover{transform:none!important}.central-hub.tour-highlight{position:absolute!important;transform:translate(-50%,-50%)!important}.daily-quest-area.tour-highlight{top:28%!important;left:0%!important;right:auto!important;bottom:auto!important}.daily-checkin-area.tour-highlight{top:26.5%!important;right:0%!important;left:auto!important;bottom:auto!important}.mini-game-area.tour-highlight{bottom:18%!important;left:0%!important;right:auto!important;top:auto!important}.bst-kiloba-area.tour-highlight{bottom:14.5%!important;right:0%!important;left:auto!important;top:auto!important}.tour-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;z-index:9998;pointer-events:auto}.tour-controls,.tour-controls button{pointer-events:auto!important}.tour-controls{display:flex;justify-content:space-between;gap:15px}.tour-indicator{margin-top:20px;display:flex;justify-content:center;gap:8px}.tour-overlay{background:radial-gradient(circle at 20% 30%,rgba(11,66,214,.3) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(80,126,246,.2) 0%,transparent 50%),rgba(0,0,0,.85);position:relative;overflow:hidden}.tour-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 40% 70%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 60% 20%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 80% 80%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 90% 40%,rgba(255,255,255,.2),transparent);background-size:200px 200px,150px 150px,180px 180px,220px 220px,160px 160px;animation:tourOverlayStars 20s linear infinite;z-index:1}.tour-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 48%,rgba(255,255,255,.02) 49%,rgba(255,255,255,.02) 51%,transparent 52%);background-size:100px 100px;animation:tourOverlayGrid 15s linear infinite;z-index:1}@keyframes tourOverlayStars{0%{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:200px 200px,-150px 150px,180px -180px,-220px 220px,160px -160px}}@keyframes tourOverlayGrid{0%{background-position:0 0}to{background-position:100px 100px}}.tour-container,.tour-super-title{position:relative;z-index:10}.kilohub-animation{position:relative;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;will-change:transform;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden}.kilohub-animation:hover{transform:scale(1.05)}.kilohub-animation:active{transform:scale(.98)}.animation-frame{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .1s ease;will-change:auto;transform:translateZ(0);-webkit-transform:translateZ(0);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.animation-frame.static{opacity:.8}.kilohub-animation.loaded .animation-frame{opacity:1}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;border-radius:10px}.loading-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;animation:spin 1s linear infinite}.kilohub-animation.loading .animation-frame{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.kilohub-animation.loaded .animation-frame{image-rendering:auto}@media (max-width: 768px){.animation-frame{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.game-title-container{display:flex;align-items:center;justify-content:space-between;width:100%;gap:71px;justify-content:center}.game-title-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:#fff;cursor:pointer;padding:0;flex-shrink:0;transition:opacity .2s ease}.game-title-btn:hover{opacity:.8}.game-title-btn:active{opacity:.6}.game-title-btn svg{width:100%;height:100%}.game-title-text{font-family:SVN-Gilroy,Inter,Arial,sans-serif;font-style:normal;font-weight:700;font-size:32px;line-height:100%;text-align:center;color:#fff;margin:0;flex-shrink:0;white-space:nowrap}@media (max-width: 768px){.game-title-container{gap:20px}.game-title-text{font-size:24px}}@media (max-width: 480px){.game-title-container{gap:16px}.game-title-text{font-size:20px}}.information-container{display:flex;align-items:center;justify-content:space-between;width:100%}.information-avatar-section{display:flex;align-items:center;gap:12px;flex-shrink:0}.information-avatar{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0}.information-avatar img{width:100%;height:100%;object-fit:cover}.information-avatar-default{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.information-user-info{display:flex;flex-direction:column;gap:7px;width:150px;flex-shrink:0}.information-username{font-family:SVN-Gilroy,Inter,Arial,sans-serif;font-style:normal;font-weight:600;font-size:16px;line-height:100%;text-align:left;color:#fff;width:min-content;min-width:100%}.information-currency{position:relative;height:24px;width:92px;flex-shrink:0}.information-currency-background{position:absolute;left:0;top:0;width:92px;height:24px;background:#031544;border:1px solid #e4e4e4;border-radius:20px;display:flex;align-items:center;justify-content:flex-end;padding:2px 8px 0 24px;gap:4px}.information-currency-amount{font-family:SVN-Gilroy,Inter,Arial,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:100%;text-align:center;color:#fff;white-space:nowrap}.information-currency-icon{position:absolute;left:0;top:0;width:24px;height:24px;border:1px solid #e4e4e4;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:10px}.information-coin-icon{width:14px;height:16px;background-size:193.44% 138.8%;background-position:56.14% 50%;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;font-family:SVN-Gilroy,Inter,Arial,sans-serif;font-weight:700;font-size:10px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);flex-shrink:0}.information-actions{display:flex;align-items:center;gap:24px;flex-shrink:0}.information-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff;cursor:pointer;padding:0;transition:opacity .2s ease}.information-btn:hover{opacity:.8}.information-btn:active{opacity:.6}.information-notification{width:24px;height:24px;border-radius:34px;gap:10px}.information-top10{width:24px;height:24px}.information-top10 svg{color:gold;transition:all .3s ease}.information-top10:hover svg{transform:scale(1.2);filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.information-settings{width:24px;height:24px}.information-btn svg{width:100%;height:100%}@media (max-width: 768px){.information-actions{gap:16px}.information-user-info{width:140px}.information-currency{width:80px}.information-currency-background{width:80px;padding:2px 6px 0 20px}.information-username,.information-currency-amount{font-size:14px}}@media (max-width: 480px){.information-avatar-section{gap:8px}.information-avatar{width:40px;height:40px}.information-actions{gap:12px}.information-user-info{width:140px;gap:4px}.information-currency{width:70px;height:20px}.information-currency-background{width:70px;height:20px;padding:1px 4px 0 18px;border-radius:16px}.information-currency-icon{width:20px;height:20px;border-radius:16px}.information-coin-icon{width:12px;height:14px;font-size:8px}.information-username,.information-currency-amount{font-size:12px}}.header-container{display:flex;flex-direction:column;gap:24px;width:100%;padding:20px 0}@media (max-width: 768px){.header-container{gap:16px;padding:16px 0}}@media (max-width: 480px){.header-container{gap:12px;padding:12px 0}}.terms-of-service{max-width:100%;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background:#fff;border-radius:8px}.terms-of-service h2{color:#1a73e8;text-align:center;margin-bottom:30px;font-size:20px;font-weight:700;line-height:1.3}.terms-of-service h3{color:#1a73e8;margin:25px 0 15px;font-size:16px;font-weight:600;border-bottom:2px solid #e8f0fe;padding-bottom:5px}.terms-of-service section{margin-bottom:25px}.terms-of-service p{margin:10px 0;text-align:justify;font-size:14px}.terms-of-service ul{margin:10px 0;padding-left:20px}.terms-of-service li{margin:5px 0;font-size:14px;text-align:justify}.terms-of-service a{color:#1a73e8;text-decoration:none}.terms-of-service a:hover{text-decoration:underline}.terms-of-service strong{font-weight:600;color:#d93025}@media (max-width: 768px){.terms-of-service{padding:15px}.terms-of-service h2{font-size:18px;margin-bottom:20px}.terms-of-service h3{font-size:15px;margin:20px 0 10px}.terms-of-service p,.terms-of-service li{font-size:13px}}.terms-of-service.compact{padding:15px;font-size:12px;max-height:400px;overflow-y:auto}.terms-of-service.compact h2{font-size:16px;margin-bottom:15px}.terms-of-service.compact h3{font-size:14px;margin:15px 0 8px}.terms-of-service.compact p,.terms-of-service.compact li{font-size:12px;margin:5px 0}.terms-of-service.compact section{margin-bottom:15px}.terms-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px}.terms-modal{background:white;border-radius:12px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000004d;overflow:hidden}.terms-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.terms-modal-header h2{margin:0;color:#1a73e8;font-size:18px;font-weight:600}.terms-modal-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.terms-modal-close:hover{background-color:#f0f0f0}.terms-modal-content{flex:1;overflow-y:auto;padding:0;position:relative}.scroll-indicator{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(255,255,255,.95));padding:20px;text-align:center;font-size:14px;color:#666;pointer-events:none;z-index:1}.terms-modal-actions{display:flex;gap:12px;padding:20px;border-top:1px solid #e0e0e0;background:#f8f9fa}.terms-btn{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.terms-btn-decline{background:#f5f5f5;color:#666}.terms-btn-decline:hover{background:#e0e0e0}.terms-btn-accept{background:#1a73e8;color:#fff}.terms-btn-accept:hover{background:#1557b0}.terms-btn-accept.disabled,.terms-btn-accept:disabled{background:#cccccc;color:#666;cursor:not-allowed}.terms-btn-accept.disabled:hover,.terms-btn-accept:disabled:hover{background:#cccccc}.terms-agreement-section{padding:20px;border-top:1px solid #e0e0e0;background:#f8f9fa}.terms-agreement-checkbox{display:flex;align-items:flex-start;cursor:pointer;-webkit-user-select:none;user-select:none;gap:12px}.terms-agreement-checkbox input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;margin-top:2px}.terms-agreement-checkbox:hover .checkmark{border-color:#1a73e8}.terms-agreement-checkbox input[type=checkbox]:checked+.checkmark{background:#1a73e8;border-color:#1a73e8}.terms-agreement-checkbox input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.agreement-text{color:#333;font-size:14px;line-height:1.4}@media (max-width: 768px){.terms-modal-overlay{padding:10px}.terms-modal{max-height:85vh}.terms-modal-header{padding:15px}.terms-modal-header h2{font-size:16px}.terms-modal-actions{padding:15px;flex-direction:column;gap:8px}.terms-btn{padding:14px 20px;font-size:14px}.terms-agreement-section{padding:15px}.agreement-text{font-size:13px}.checkmark{width:18px;height:18px}}.phone-login-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px}.phone-login-modal{background:white;border-radius:20px;max-width:400px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative;animation:modalSlideIn .3s ease-out}.phone-login-header{display:flex;justify-content:space-between;align-items:center;padding:25px 25px 15px;border-bottom:1px solid #e9ecef}.phone-login-header h2{color:#333;font-size:24px;font-weight:600;margin:0}.close-button{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#e9ecef;color:#495057;transform:scale(1.1)}.phone-login-content{padding:25px}.description{color:#6c757d;font-size:16px;line-height:1.5;margin-bottom:25px;text-align:center}.input-group label{display:block;color:#495057;font-weight:600;margin-bottom:8px;font-size:14px}.phone-input{width:100%;padding:15px;border:2px solid #e9ecef;border-radius:12px;background:#f8f9fa;color:#495057;font-size:18px;transition:all .3s ease;box-sizing:border-box;text-align:center;letter-spacing:1px}.phone-input::placeholder{color:#adb5bd}.phone-input:focus{outline:none;border-color:#007bff;background:white;box-shadow:0 0 0 3px #007bff1a}.phone-input:disabled{opacity:.6;cursor:not-allowed}.helper-text{color:#6c757d;font-size:12px;margin-top:5px;display:block;text-align:center}.otp-group{margin-bottom:25px}.otp-group label{display:block;color:#495057;font-weight:600;margin-bottom:15px;font-size:14px;text-align:center}.otp-inputs{display:flex;justify-content:center;gap:10px;margin-bottom:10px}.otp-input{width:50px;height:50px;border:2px solid #e9ecef;border-radius:12px;background:#f8f9fa;color:#495057;font-size:24px;font-weight:600;text-align:center;transition:all .3s ease;font-family:Courier New,monospace}.otp-input:focus{outline:none;border-color:#007bff;background:white;box-shadow:0 0 0 3px #007bff1a;transform:scale(1.05)}.otp-input:disabled{opacity:.6;cursor:not-allowed}.button-group{display:flex;flex-direction:column;gap:15px}.primary-button,.secondary-button{width:100%;padding:15px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.primary-button{background:#007bff;color:#fff;position:relative}.primary-button:hover:not(:disabled){background:#0056b3;transform:translateY(-2px);box-shadow:0 8px 25px #007bff4d}.primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.secondary-button{background:#6c757d;border:2px solid #6c757d;color:#fff}.secondary-button:hover:not(:disabled){background:#5a6268;border-color:#5a6268}.secondary-button:disabled{opacity:.6;cursor:not-allowed}.resend-section{text-align:center;margin:20px 0}.resend-button{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d;padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease}.resend-button:hover:not(.disabled){background:#e9ecef;border-color:#adb5bd}.back-button{background:transparent;border:none;color:#6c757d;font-size:14px;cursor:pointer;padding:10px 0;transition:color .3s ease;width:100%;text-align:center;margin-top:15px}.back-button:hover{color:#495057}.name-input{width:100%;padding:15px;border:2px solid #e9ecef;border-radius:12px;background:#f8f9fa;color:#495057;font-size:16px;transition:all .3s ease;box-sizing:border-box}.name-input::placeholder{color:#adb5bd}.name-input:focus{outline:none;border-color:#007bff;background:white;box-shadow:0 0 0 3px #007bff1a}.name-input:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.phone-login-overlay{padding:10px}.phone-login-modal{max-height:95vh}.phone-login-header{padding:20px 20px 10px}.phone-login-header h2{font-size:18px}.phone-login-content{padding:20px}.description{font-size:14px}.phone-input{padding:12px;font-size:16px}.otp-inputs{gap:8px}.otp-input{width:45px;height:45px;font-size:20px}.button-group{gap:12px}.primary-button,.secondary-button{padding:12px;font-size:14px}}.terms-text{color:#374151;font-size:inherit;font-family:inherit;-webkit-user-select:none;user-select:none}.terms-agree-text{color:#000}.terms-link-text{color:#3b82f6;cursor:pointer;text-decoration:none}.terms-link-text:hover{opacity:.8;text-decoration:none}.referral-code-input{margin-top:16px;padding:16px;background:rgba(102,126,234,.05);border-radius:8px;border:1px dashed rgba(102,126,234,.3)}.referral-code-input label{font-size:14px;color:#667eea;font-weight:600;margin-bottom:8px;display:block}.referral-input{width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease}.referral-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.referral-input:disabled{background-color:#f9fafb;cursor:not-allowed}.referral-hint{display:block;margin-top:6px;font-size:12px;color:#6b7280;font-style:italic}@media (max-width: 480px){.referral-code-input{padding:12px}.referral-input{font-size:13px;padding:10px}.referral-hint{font-size:11px}}.login-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.login-modal{background:white;border-radius:12px;width:90%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0003;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #e5e7eb}.login-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#1f2937}.login-modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.login-modal-close:hover{background-color:#f3f4f6;color:#374151}.login-modal-close:disabled{opacity:.5;cursor:not-allowed}.login-modal-back{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.login-modal-back:hover{background-color:#f3f4f6;color:#374151}.login-modal-back:disabled{opacity:.5;cursor:not-allowed}.firebase-verification-status{margin-bottom:16px;padding:12px;background-color:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px}.verification-success{margin:0;color:#0c4a6e;font-size:14px;font-weight:500}.login-modal-body{padding:24px}.login-modal-description{margin:0 0 24px;color:#6b7280;font-size:14px;text-align:center}.login-form{display:flex;flex-direction:column;gap:16px}.form-group label{font-size:14px;font-weight:500;color:#374151}.form-group input{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:all .2s ease;background-color:#fff}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.form-group input::placeholder{color:#9ca3af}.error-message{padding:12px 16px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626!important;font-size:14px;text-align:center}.login-button{padding:14px 24px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.login-button:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}@media (max-width: 480px){.login-modal{width:95%;margin:20px}.login-modal-header{padding:16px 20px 12px}.login-modal-header h2{font-size:18px}.login-modal-body{padding:20px}}.terms-checkbox-group{margin:16px 0}.terms-checkbox{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:14px;line-height:1.5;color:#374151}.terms-checkbox input[type=checkbox]{opacity:0;position:absolute;pointer-events:none}.checkmark{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;position:relative;transition:all .2s ease;margin-top:2px}.terms-checkbox input[type=checkbox]:checked+.checkmark{background-color:#3b82f6;border-color:#3b82f6}.terms-checkbox input[type=checkbox]:checked+.checkmark:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.terms-link{background:none;border:none;color:#3b82f6;cursor:pointer;padding:0;font-size:inherit;font-family:inherit}.terms-link:hover{color:#2563eb}.terms-link:disabled{color:#9ca3af;cursor:not-allowed}@media (max-width: 480px){.terms-checkbox{font-size:13px;gap:10px}.checkmark{width:16px;height:16px}.terms-checkbox input[type=checkbox]:checked+.checkmark:after{left:4px;top:1px;width:3px;height:7px}}.terms-required-note{display:block;margin-top:8px;color:#dc2626;font-size:12px;font-style:italic}.terms-text{color:#3b82f6;cursor:pointer}.terms-text:hover{color:#2563eb}.daily-checkin-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out;font-family:SVN-Gilroy,Inter,Arial,sans-serif;box-sizing:border-box}.daily-checkin-title{position:absolute!important;top:17%;right:7%;text-align:center;color:#fff;font-size:clamp(12px,4vw,24px);font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.7);z-index:10}@media (max-height: 600px) and (orientation: landscape){.daily-checkin-overlay{padding:1.7vw;align-items:flex-start;justify-content:center;overflow-y:auto}}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}.main-section{position:absolute!important;transform:translate(-50%,-50%);top:70%;left:50%}.daily-checkin-modal{width:100%;aspect-ratio:4/5;position:relative;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .4s ease-out;border-radius:4.25%;touch-action:manipulation;max-height:90vh;overflow:hidden;background:transparent}.animated-background-css{position:absolute;top:0;left:-15px;right:-15px;bottom:0;border-radius:4.25%;z-index:1!important;overflow:hidden}.animated-background-css .frame{position:absolute;top:0;left:0;right:0;bottom:0;background-size:100% auto;background-position:center;background-repeat:no-repeat;opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);will-change:opacity}.animated-background-css .frame.active{opacity:1}.animated-background-css .frame{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-font-smoothing:antialiased}@media (max-width: 480px){.daily-checkin-title{top:20%}}.daily-checkin-modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.1);border-radius:17px;pointer-events:none;z-index:2}.daily-checkin-modal>*:not(.animated-background-css){position:relative;z-index:3}.animated-background-css{z-index:1!important}@keyframes modalSlideIn{0%{transform:scale(.8) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.close-button{position:absolute;top:2.5%;right:2.5%;background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:50%;width:11%;height:8.8%;font-size:clamp(14px,4.5vw,20px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.close-button:hover,.close-button:active{background:rgba(0,0,0,.8);transform:scale(1.05)}.header-section{display:flex;align-items:center;justify-content:center;margin-bottom:30px;position:relative;padding-top:60px}.mascot-container{margin-right:20px}.mascot{width:80px;height:80px;background:linear-gradient(135deg,#87CEEB,#4169E1);border-radius:50%;position:relative;border:4px solid white;box-shadow:0 5px 15px #0003}.mascot-face{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eye{width:12px;height:12px;background:white;border-radius:50%;position:absolute;border:2px solid #333}.eye:after{content:"";width:6px;height:6px;background:#333;border-radius:50%;position:absolute;top:2px;left:2px}.left-eye{top:-8px;left:-12px}.right-eye{top:-8px;right:-12px}.mouth{width:16px;height:8px;border:2px solid #333;border-top:none;border-radius:0 0 16px 16px;position:absolute;top:2px;left:-8px}.gift-box{width:60px;height:60px;position:relative;margin-right:15px}.gift-bottom{width:50px;height:35px;background:linear-gradient(135deg,#FF6B6B,#FF4757);border-radius:8px;position:absolute;bottom:0;left:5px;box-shadow:0 3px 10px #0003}.gift-top{width:60px;height:15px;background:linear-gradient(135deg,#FFA502,#FF6348);border-radius:8px 8px 4px 4px;position:absolute;top:15px;left:0;box-shadow:0 2px 8px #00000026}.gift-ribbon-v{width:8px;height:50px;background:linear-gradient(135deg,#FFD700,#FFA500);position:absolute;top:5px;left:50%;transform:translate(-50%);border-radius:4px}.gift-ribbon-h{width:60px;height:8px;background:linear-gradient(135deg,#FFD700,#FFA500);position:absolute;top:26px;left:0;border-radius:4px}.week-navigation{position:absolute!important;top:42%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:5.3%}.nav-button{background:rgba(255,255,255,.2);color:#fff;border:2px solid rgba(255,255,255,.5);border-radius:50%;width:40px;height:40px;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.nav-button:hover:not(:disabled){background:rgba(255,255,255,.3);border-color:#fff}.nav-button:disabled{opacity:.5;cursor:not-allowed}.week-indicator{color:#fff;font-size:clamp(12px,3.7vw,16px);font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.rewards-grid{display:flex;flex-direction:column;gap:3.2%;align-items:center}.rewards-row{margin-top:2%;display:flex;gap:3.2%;justify-content:center}.reward-card{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);border-radius:15px;padding:15px 10px;text-align:center;position:relative;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reward-card.available{background:rgba(255,255,255,.2);border-color:gold;box-shadow:0 0 20px #ffd70066;animation:glow 2s infinite alternate}.reward-card.claimed{background:rgba(0,0,0,.2);border-color:#fff3}.reward-card.special{background:linear-gradient(135deg,#FF8C00,#FF6347);border-color:gold;box-shadow:0 0 25px #ff8c0099}@keyframes glow{0%{box-shadow:0 0 20px #ffd70066}to{box-shadow:0 0 30px #ffd700cc}}.day-label{color:#fff;font-size:12px;font-weight:700;margin-bottom:8px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.reward-icon{height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.energy-icon{font-size:30px;color:gold;text-shadow:0 0 10px rgba(255,215,0,.8);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.special-reward{position:relative;display:flex;align-items:center;justify-content:center}.energy-stack{font-size:24px;color:gold;margin-right:5px;text-shadow:0 0 10px rgba(255,215,0,.8)}.mascot-mini{width:20px;height:20px;background:linear-gradient(135deg,#87CEEB,#4169E1);border-radius:50%;border:1px solid white}.reward-amount{color:#fff;font-size:14px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.special-badge{position:absolute;top:-5px;left:50%;transform:translate(-50%);background:#FFD700;color:#8b4513;font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;box-shadow:0 2px 5px #0003}.daily-checkin-mindstone-background{position:absolute!important;bottom:0;left:0;width:100%;height:50%;background:url(/images/checkin/mindstone_bg.png) no-repeat right bottom;background-size:contain;z-index:0}.daily-checkin-mindstone{position:absolute!important;top:32%;left:37%;width:48%;height:5%}.daily-checkin-mindstone-progress{height:98%;width:50%;border-top-right-radius:8px;border-bottom-right-radius:8px;background:linear-gradient(90deg,rgba(217,217,217,0) 0%,rgba(33,199,0,.5) 22.75%,#21C700 45.51%)}.daily-checkin-mindstone-point{right:-5%;position:absolute;bottom:-30%;background:url(/images/checkin/mindstone_points.png) no-repeat center center;background-size:contain;width:80%;height:300%}.claim-button{margin-top:60px;transform:translate(-50%,-50%);width:60%;position:absolute;border-radius:120px;background:linear-gradient(0deg,rgba(42,116,255,.63) 0%,rgba(42,116,255,.63) 100%),linear-gradient(270deg,#0B42D6 0%,rgba(47,97,231,0) 51.92%,#507EF6 100%),linear-gradient(0deg,rgba(0,0,0,0) 83.29%,#0E161F 86.25%),linear-gradient(169deg,rgba(0,0,0,0) 60.15%,#2D1C16 62.8%),linear-gradient(180deg,rgba(0,0,0,0) 71.71%,#305989 93.75%),linear-gradient(75deg,rgba(0,0,0,0) 5.46%,#305989 89.15%),linear-gradient(270deg,#0B42D6 0%,#507EF6 100%);background-blend-mode:color-dodge,normal,color-dodge,color-dodge,color-dodge,color-dodge,normal;box-shadow:1px 2px 1px #ffffff40 inset,-1px -2px 2px #00000040 inset;z-index:10}.claim-button:hover:not(:disabled){background:linear-gradient(135deg,#FF8C00,#FF6347);box-shadow:0 8px 25px #0000004d}.claim-button:active:not(:disabled){box-shadow:0 3px 10px #0003}.claim-button.disabled,.claim-button:disabled{background:linear-gradient(135deg,#888,#666);cursor:not-allowed;box-shadow:0 2px 5px #0000001a}.daily-reward-card{position:relative;min-width:80px;height:110px;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;z-index:10}@media (max-width: 768px){.daily-reward-card{min-width:75px;height:105px}}@media (max-width: 480px){.daily-reward-card{min-width:70px;height:100px}}@media (max-width: 360px){.daily-reward-card{min-width:65px;height:95px}}@media (max-width: 320px){.daily-reward-card{min-width:60px;height:90px}}.daily-reward-card.normal{background:linear-gradient(to bottom,#0c9aff,#4277fd)}.daily-reward-card.special{background:linear-gradient(to bottom,#ff8c42,#ff6b35);min-width:120px}@keyframes glow{0%{box-shadow:0 0 10px #ffd70066}to{box-shadow:0 0 20px #ffd700cc}}.day-header{background:#205af4;height:30px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 2px 1px #c7c9ff40}.day-header.special-header{background:#ff8c42;border:2px solid #ffffff}.day-text{font-family:SVN-Gilroy,sans-serif;font-weight:700;font-size:16px;color:#fff;text-align:center;line-height:1}@media (max-width: 480px){.day-text{font-size:14px}}@media (max-width: 360px){.day-text{font-size:13px}}@media (max-width: 320px){.day-text{font-size:12px}}.reward-content{margin-top:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;gap:4px}.reward-content.special-content{height:71%;width:100%;margin-top:0;border-radius:0 0 8px 8px;border-right:2px solid #FFFCE0;border-bottom:2px solid #FFFCE0;border-left:2px solid #FFFCE0;background:linear-gradient(180deg,#F9BF41 0%,#FFF9D5 100%)}.special{border:2px solid #F9A023}.reward-iconn{display:flex;align-items:center;justify-content:center;height:32px}.reward-icons{display:flex;align-items:center;justify-content:center;gap:4px}.energy-group{position:relative;width:35px;height:42px;display:flex;align-items:center;justify-content:center;flex-direction:column}.kiloba-icon-svg{height:70px}@media (max-width: 480px){.energy-group{width:32px;height:38px}.kiloba-icon-svg{height:60px}}@media (max-width: 360px){.energy-group{width:30px;height:35px}.kiloba-icon-svg{height:55px}}@media (max-width: 320px){.energy-group{width:28px;height:32px}.kiloba-icon-svg{height:50px}}.energy-icon-svg.overlaid{position:absolute;left:50%;top:20%;transform:translate(-50%)}.coin-icon{width:30px;height:30px;background:radial-gradient(circle,#FFD700,#FFA500);border-radius:50%;border:2px solid #FFE55C;position:relative;box-shadow:0 3px 8px #0000004d}.coin-icon:after{content:"₫";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#8b4513;font-weight:700;font-size:14px}.coin-icon-svg{width:30px;height:30px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.3))}.plus-sign{font-family:SVN-Gilroy,sans-serif;font-weight:700;font-size:12px;color:#fff}.mascot-icon{width:16px;height:16px;background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:50%;border:1px solid #ffffff;position:relative}.mascot-icon:before{content:"";position:absolute;top:3px;left:3px;width:2px;height:2px;background:#ffffff;border-radius:50%;box-shadow:6px 0 #fff}.mascot-icon:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:6px;height:3px;border:1px solid #ffffff;border-top:none;border-radius:0 0 6px 6px}.reward-amount{font-family:SVN-Gilroy,sans-serif;font-weight:700;font-size:16px;color:#fff;text-align:center;line-height:1}@media (max-width: 480px){.reward-amount{font-size:14px}}@media (max-width: 360px){.reward-amount{font-size:13px}}@media (max-width: 320px){.reward-amount{font-size:12px}}.check-mark{z-index:1000}.claimed-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:2;display:flex;align-items:center;justify-content:center}.normal-today{border:2px solid #0833A5}.today{border:3px solid #FFFFFF;position:relative;animation:borderPulse 1.5s ease-in-out infinite}@keyframes borderPulse{0%{border-color:#fff;box-shadow:0 0 5px #ffffff80}50%{border-color:#ffffffb3;box-shadow:0 0 15px #fffc}to{border-color:#fff;box-shadow:0 0 5px #ffffff80}}.card-border{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:4px solid #ffffff;border-radius:8px;box-shadow:0 2px 1px #00163269;pointer-events:none}.card-border.special-border{border:3px solid #FFFFFF;box-shadow:0 2px 1px #00163269}.daily-reward-card:hover:not(.claimed){transform:translateY(-2px)}.daily-reward-card.available:hover{transform:translateY(-4px);box-shadow:0 0 25px gold}.success-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:10001;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.success-popup-modal{width:320px;max-width:90vw;background:linear-gradient(180deg,#ffffff 0%,#ffb098 100%);border-radius:4px;border:2px solid #ffffff;box-shadow:0 20px 60px #0000004d;animation:successModalSlideIn .4s ease-out;position:relative;overflow:hidden}.success-popup-modal:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid #ffffff;border-radius:6px;pointer-events:none}@keyframes successModalSlideIn{0%{transform:scale(.8) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.success-popup-content{padding:22px 42px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;min-height:320px;position:relative;z-index:2}.success-title{font-family:SVN-Gilroy,Inter,Arial,sans-serif;font-weight:700;font-size:20px;line-height:1.2;color:#ea5c15;text-align:center;margin:0 0 30px}.reward-display{display:flex;flex-direction:column;align-items:center;gap:20px;margin:20px 0;width:100%}.reward-item{display:flex;flex-direction:column;align-items:center;gap:10px}.reward-icon-container{width:108px;height:108px;background:rgba(255,255,255,.4);border:1px solid #ffffff;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:29px 19px;box-sizing:border-box}.reward-icon{width:70px;height:84px;max-width:none;filter:drop-shadow(0px 4px 2px rgba(0,0,0,.25))}.reward-text{font-family:SVN-Gilroy,Inter,Arial,sans-serif;font-weight:600;font-size:16px;line-height:1;color:#ea5c15;text-align:center;margin:0;white-space:nowrap}.kiloba-reward{margin-top:10px}.kiloba-reward-container{background:rgba(255,255,255,.6);border:1px solid #ffffff;border-radius:8px;padding:15px;display:flex;align-items:center;gap:15px;min-width:200px}.kiloba-image-container{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.8);border-radius:8px;border:1px solid rgba(234,92,21,.2);padding:5px;box-sizing:border-box}.kiloba-image{width:100%;height:100%;object-fit:contain;border-radius:4px}.kiloba-info{flex:1;text-align:left}.kiloba-name{font-family:SVN-Gilroy,Inter,Arial,sans-serif;font-weight:700;font-size:16px;color:#ea5c15;margin:0 0 5px}.kiloba-description{font-size:12px;color:#555}.upgrade-prompt{font-family:SVN-Gilroy,Inter,Arial,sans-serif;font-weight:500;font-size:16px;color:#d9534f;text-align:center;margin:20px 0;padding:10px;background-color:#ffffff80;border-radius:8px;border:1px solid #f5c6cb}.close-success-button{width:208px;height:48px;background:linear-gradient(180deg,#ff8a00 0%,#e52e71 100%);border:2px solid #ffffff;border-radius:4px;color:#fff;font-family:SVN-Gilroy,Inter,Arial,sans-serif;font-weight:700;font-size:20px;line-height:1;text-align:center;cursor:pointer;transition:all .3s ease;padding:16px 79px;box-sizing:border-box}.close-success-button:hover{background:#d54d0a;transform:translateY(-1px);box-shadow:0 4px 8px #ea5c154d}.close-success-button:active{transform:translateY(0);box-shadow:0 2px 4px #ea5c154d}.energy-display{display:inline-flex;align-items:center;background:linear-gradient(135deg,#3b82f6 0%,#1e40af 100%);border-radius:20px;padding:6px 12px 6px 6px;gap:6px;box-shadow:0 2px 8px #3b82f64d;transition:all .2s ease;margin-top:8px}.energy-display:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.energy-icon{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.energy-image{width:16px;height:16px;object-fit:contain}.energy-value{color:#fff;font-size:14px;font-weight:600;line-height:1;min-width:0}@media (max-width: 768px){.energy-display{padding:4px 8px 4px 4px;gap:4px}.energy-icon{width:20px;height:20px}.energy-image{width:14px;height:14px}.energy-value{font-size:12px}}.energy-display.large-number{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 2px 8px #f59e0b4d}.energy-display.large-number:hover{box-shadow:0 4px 12px #f59e0b66}.energy-display.small{padding:4px 8px 4px 4px;border-radius:16px;gap:4px}.energy-display.small .energy-icon{width:18px;height:18px}.energy-display.small .energy-image{width:12px;height:12px}.energy-display.small .energy-value{font-size:12px}.reward-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:10001;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.reward-modal-container{width:282px;background:linear-gradient(180deg,#ffffff 0%,#ffb098 100%);border-radius:8px;border:2px solid #ffffff;box-shadow:0 20px 60px #0000004d;animation:rewardModalSlideIn .4s ease-out;position:relative;overflow:hidden;padding:24px 20px;box-sizing:border-box}.reward-modal-container:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid #ffffff;border-radius:10px;pointer-events:none}.reward-modal-close{position:absolute;top:8px;right:0;background:none;border:none;border-radius:50%;width:28px;height:28px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:20px;color:#666;transition:background-color .2s ease;z-index:1}.reward-modal-close:hover{background:rgba(255,255,255,1);color:#333}.reward-modal-content{display:flex;flex-direction:column;align-items:center;text-align:center;height:100%}.reward-modal-title{font-family:Inter,sans-serif;font-size:18px;font-weight:700;color:#ff6b35;margin:0 0 16px;line-height:1.2}.reward-modal-body{margin-bottom:24px}.reward-modal-body1{font-family:Inter,sans-serif;font-size:14px;font-weight:400;color:#666;margin:0 0 8px;line-height:1.4}.reward-modal-body2{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#ff6b35;margin:0;line-height:1.4}.reward-modal-image-container{margin:16px 0 24px;display:flex;justify-content:center;align-items:center}.reward-modal-image{max-width:80px;max-height:80px;object-fit:contain;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.reward-modal-image.clickable{animation:pulse 2s infinite}.reward-modal-image.clickable:hover{transform:scale(1.1);box-shadow:0 4px 15px #ffd70080}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #ffd700b3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #ffd70000}to{transform:scale(1);box-shadow:0 0 #ffd70000}}.reward-modal-footer{font-family:Inter,sans-serif;font-size:12px;font-weight:400;color:#999;margin:auto 0 0;line-height:1.4}@keyframes rewardModalSlideIn{0%{transform:scale(.8) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media (max-width: 480px){.reward-modal-container{width:90%;max-width:320px;margin:0 20px}.reward-modal-title{font-size:16px}.reward-modal-body1{font-size:13px}.reward-modal-body2,.reward-modal-footer{font-size:11px}}.notification-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.notification-modal-container{background:linear-gradient(145deg,#ffffff,#f8f9fa);border-radius:20px;box-shadow:0 20px 40px #00000026;padding:30px;max-width:400px;width:90%;position:relative;text-align:center;border:1px solid rgba(255,255,255,.2)}.notification-modal-close{position:absolute;top:15px;right:20px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.notification-modal-close:hover{background-color:#f0f0f0;color:#333}.notification-modal-content{padding:10px 0}.notification-modal-icon{width:60px;height:60px;margin:0 auto 20px;background:linear-gradient(145deg,#4CAF50,#45a049);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #4caf504d}.notification-modal-icon--success{background:linear-gradient(145deg,#4CAF50,#45a049);box-shadow:0 8px 16px #4caf504d}.notification-modal-icon--error{background:linear-gradient(145deg,#f44336,#d32f2f);box-shadow:0 8px 16px #f443364d}.notification-modal-icon--warning{background:linear-gradient(145deg,#ff9800,#f57c00);box-shadow:0 8px 16px #ff98004d}.notification-modal-icon--info{background:linear-gradient(145deg,#2196f3,#1976d2);box-shadow:0 8px 16px #2196f34d}.notification-modal-icon img{width:30px;height:30px;filter:brightness(0) invert(1)}.notification-modal-title{font-size:20px;font-weight:700;color:#333;margin:0 0 15px;font-family:SVN-Gilroy,sans-serif}.notification-modal-message{font-size:16px;color:#666;line-height:1.5;margin:0 0 25px;font-family:SVN-Gilroy,sans-serif}.notification-modal-button{background:linear-gradient(145deg,#4CAF50,#45a049);color:#fff;border:none;border-radius:12px;padding:12px 30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4caf504d;font-family:SVN-Gilroy,sans-serif}.notification-modal-button--success{background:linear-gradient(145deg,#4CAF50,#45a049);box-shadow:0 4px 12px #4caf504d}.notification-modal-button--success:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.notification-modal-button--error{background:linear-gradient(145deg,#f44336,#d32f2f);box-shadow:0 4px 12px #f443364d}.notification-modal-button--error:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f4433666}.notification-modal-button--warning{background:linear-gradient(145deg,#ff9800,#f57c00);box-shadow:0 4px 12px #ff98004d}.notification-modal-button--warning:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff980066}.notification-modal-button--info{background:linear-gradient(145deg,#2196f3,#1976d2);box-shadow:0 4px 12px #2196f34d}.notification-modal-button--info:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2196f366}.notification-modal-button:hover{transform:translateY(-2px)}.notification-modal-button:active{transform:translateY(0)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.notification-modal-container{animation:modalFadeIn .3s ease-out}.kiloba-card{position:relative;display:inline-block;transition:transform .3s ease;cursor:pointer}.kiloba-card-background{position:relative;width:clamp(80px,20vw,165px);height:clamp(110px,25vw,220px);background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:clamp(15px,4vw,20px);box-sizing:border-box}.quantity-badge{position:absolute;top:0;right:7px;color:#ea5c15;font-family:SVN-Gilroy,sans-serif;font-weight:700;font-size:clamp(10px,2.5vw,16px);border-radius:15px;min-width:30px;text-align:center;z-index:10}@media screen and (max-width: 480px){.quantity-badge{top:0;right:3px;font-weight:700;font-size:clamp(10px,2.5vw,16px)}}.kiloba-image-container-card{position:absolute;top:100%;left:100%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:80%;height:60%}.kiloba-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));transition:transform .3s ease}.kiloba-type{position:absolute;bottom:18px;left:50%;transform:translate(-50%);color:#ea5c15;font-family:SVN-Gilroy,sans-serif;font-weight:700;font-size:clamp(10px,2.5vw,16px);text-align:center;width:90%;line-height:1.2;z-index:10}.kiloba-card:hover{transform:scale(1.05)}.kiloba-card:hover .kiloba-image{transform:scale(1.1)}.kiloba-card:active{transform:scale(.98)}.kiloba-card-disabled{filter:grayscale(100%) opacity(.6);cursor:pointer}.kiloba-card-disabled:hover{transform:scale(1.02)}.kiloba-card-disabled .kiloba-card-background{filter:grayscale(100%)}.kiloba-card-disabled .kiloba-type,.kiloba-card-disabled .quantity-badge{color:#888}.mini-game-card{position:relative;width:100%;overflow:visible}.mini-game-card__background{width:100%}.mini-game-card__container{position:relative;overflow:visible;background:url(/images/minigames/bg_game1.png);background-size:cover;border-radius:8px}.mini-game-card__main{position:relative;height:165px;overflow:visible}.mini-game-card__character{position:absolute;right:-184px;top:52px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);z-index:10;overflow:visible}.mini-game-card__character-image{filter:drop-shadow(-3px 4px 4px rgba(0,0,0,.25));object-fit:cover;background-position:46.7% -81.92%;background-size:279.87% 101.56%;background-repeat:no-repeat;height:184px;-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scaleX(-1)}.mini-game-card__header{position:absolute;left:32px;top:54px;display:flex;align-items:center}.mini-game-card__info{display:flex;flex-direction:column;justify-content:left}.mini-game-card__header-label{background:#205af4;padding:8px;border-radius:2px 2px 16px;height:33px;display:flex;align-items:center;box-shadow:inset 0 1px 4px #69dfff40,inset 0 -1px #031544;position:relative;top:8px}.mini-game-card__header-text{font-family:SVN-Gilroy,sans-serif;font-weight:600;font-size:16px;color:#fff;line-height:1;white-space:nowrap}.mini-game-card__header-icon{position:absolute;right:-8px;top:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.mini-game-card__star-icon{width:16px;height:16px;transform:rotateY(180deg) scaleY(-1)}.mini-game-card__title{position:absolute;left:110px;top:25px;font-family:SVN-Gilroy,sans-serif;font-weight:600;font-size:14px;color:#000;line-height:1;text-align:left;background:rgba(234,92,21,.1);padding:4px 8px;border-radius:4px;width:fit-content;max-width:268px;word-wrap:break-word}.mini-game-card__description{position:absolute;left:32px;top:100px;width:240px;text-align:left;font-family:SVN-Gilroy,sans-serif;font-weight:300;font-size:12px;color:#fff;line-height:1;transform:translateY(-100%)}.mini-game-card__action-bar{position:absolute;left:6%;top:63%;display:flex;align-items:center;justify-content:space-between}.mini-game-card__reward{background:rgba(255,255,255,.2);border-radius:2px;padding:2px 6px;display:flex;align-items:center;gap:2px;flex-shrink:0}.mini-game-card__reward-label{font-family:SVN-Gilroy,sans-serif;font-size:10px;color:#fff;line-height:1;white-space:nowrap}.mini-game-card__energy-icon{position:relative;width:15px;height:18px;flex-shrink:0}.mini-game-card__energy-bg{position:absolute;left:1px;top:1px;width:12.998px;height:15.167px}.mini-game-card__reward-amount{font-family:SVN-Gilroy,sans-serif;font-weight:300;font-size:13px;color:#fff;line-height:1;white-space:nowrap}.mini-game-card__play-btn{background:#ea5c15;border:none;border-radius:16px;padding:3px 8px;margin-left:16px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 1px #ffc9ac40,inset 0 -1px #00000040;transition:all .2s ease}.mini-game-card__play-btn:hover{background:#d44d0a;transform:translateY(-1px)}.mini-game-card__play-btn:active{transform:translateY(0)}.mini-game-card__play-btn--disabled{background:#999;cursor:not-allowed;opacity:.6}.mini-game-card__play-btn--disabled:hover{background:#999;transform:none}.mini-game-card__play-btn{font-family:SVN-Gilroy,sans-serif;font-size:10px;color:#fff;line-height:1;white-space:nowrap}@media (max-width: 480px){.mini-game-card__character{bottom:30px}.mini-game-card__character-image{bottom:10px;height:160px}.mini-game-card__header{left:32px;top:24px}.mini-game-card__reward{flex-shrink:0;justify-content:center}.mini-game-card__play-btn{flex-shrink:0;min-width:80px}}.phone-verification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px}.phone-verification-modal{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;max-width:400px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.phone-verification-header{display:flex;justify-content:space-between;align-items:center;padding:25px 25px 15px;border-bottom:1px solid rgba(255,255,255,.2)}.phone-verification-header h2{color:#fff;font-size:24px;font-weight:600;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.close-button{background:rgba(255,255,255,.1);border:none;color:#fff;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.phone-verification-content{padding:25px}.description{font-size:16px;line-height:1.5;margin-bottom:25px;text-align:center}.input-group{margin-bottom:20px}.input-group label{display:block;font-weight:600;margin-bottom:8px;font-size:14px}.phone-input,.code-input{width:100%;padding:15px;border-radius:12px;font-size:16px;transition:all .3s ease;box-sizing:border-box}.phone-input:focus,.code-input:focus{outline:none;box-shadow:0 0 0 3px #ffffff1a}.phone-input:disabled,.code-input:disabled{opacity:.6;cursor:not-allowed}.code-input{text-align:center;font-size:24px;font-weight:600;letter-spacing:8px;font-family:Courier New,monospace}.helper-text{font-size:12px;margin-top:5px;display:block}.error-message{background:rgba(255,59,48,.15);border:1px solid rgba(255,59,48,.3);color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}.verify-button{width:100%;padding:15px;background:rgba(255,255,255,.9);color:#667eea;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.verify-button:hover:not(:disabled){background:white;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.verify-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.resend-section{text-align:center;margin-bottom:20px}.resend-button{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease}.resend-button:hover:not(.disabled){background:rgba(255,255,255,.1);border-color:#ffffff80}.resend-button.disabled{opacity:.5;cursor:not-allowed}.back-button{background:transparent;border:none;color:#fffc;font-size:14px;cursor:pointer;padding:10px 0;transition:color .3s ease;width:100%;text-align:center}.back-button:hover{color:#fff}@media (max-width: 480px){.phone-verification-overlay{padding:10px}.phone-verification-modal{max-height:95vh}.phone-verification-header{padding:20px 20px 10px}.phone-verification-header h2{font-size:20px}.phone-verification-content{padding:20px}.description{font-size:14px}.phone-input,.code-input{padding:12px;font-size:16px}.code-input{font-size:20px;letter-spacing:6px}}.verify-button:disabled{position:relative}.verify-button:disabled:after{content:"";position:absolute;right:15px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid #667eea;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.phone-verify-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001;padding:20px}.phone-verify-modal-content{background:white;border-radius:16px;width:100%;max-width:400px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.phone-verify-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.phone-verify-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.phone-verify-modal-body{padding:16px 24px 24px}.step-info{text-align:center;margin-bottom:24px}.step-info h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.step-info p{margin:0;font-size:14px;color:#6b7280;line-height:1.4}.input-group{margin-bottom:16px}.input-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#374151}.input-group input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:all .2s;box-sizing:border-box}.input-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-group input:disabled{background-color:#f9fafb;cursor:not-allowed}.code-input-container{display:flex;gap:8px;justify-content:center;margin-top:8px}.code-input{width:100%!important;height:60px;text-align:center;font-size:24px;font-weight:700;border:2px solid #d1d5db!important;border-radius:12px!important;transition:all .2s;background-color:#fff!important;color:#000!important;padding:0 20px!important;letter-spacing:12px;font-family:monospace}.code-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important;color:#000!important}.code-input:disabled{background-color:#f9fafb!important;cursor:not-allowed!important;color:#000!important;opacity:.7}@media (max-width: 480px){.code-input-container{gap:6px}.code-input{width:100%!important;height:56px;font-size:20px;letter-spacing:10px;padding:0 16px!important;background-color:#fff!important;color:#000!important}}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px;border-radius:8px;font-size:14px;margin-bottom:16px}.primary-button{width:100%;background-color:#3b82f6;color:#fff;border:none;padding:12px 16px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:16px}.verification-actions{display:flex;flex-direction:column;gap:12px}.resend-section{text-align:center}.timer-text{margin:0;font-size:14px;color:#6b7280}.link-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;text-decoration:underline;padding:4px 0;transition:color .2s}.link-button:hover{color:#2563eb}#recaptcha-container{margin:16px 0}@media (max-width: 480px){.phone-verify-modal-overlay{padding:10px}.phone-verify-modal-content{max-height:90vh}.phone-verify-modal-header{padding:20px 20px 12px}.phone-verify-modal-body{padding:12px 20px 20px}.input-group input{font-size:16px}}.user-info-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001;padding:20px}.user-info-modal-content{background:white;border-radius:16px;width:100%;max-width:450px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.user-info-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.user-info-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.close-button{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.close-button:hover{color:#374151;background-color:#f3f4f6}.user-info-modal-body{padding:16px 24px 24px}.loading-indicator{text-align:center;padding:20px;color:#6b7280;font-size:14px;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.loading-indicator p{margin:0;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#374151}.form-group input,.form-group select{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:all .2s;box-sizing:border-box;background:white}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled,.form-group select:disabled{background-color:#f9fafb;cursor:not-allowed;color:#9ca3af}.form-group select{cursor:pointer}.form-group select:disabled{cursor:not-allowed}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px;border-radius:8px;font-size:14px;margin-bottom:20px}.form-actions{display:flex;gap:12px;justify-content:flex-end}.primary-button{background-color:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:120px}.primary-button:hover:not(:disabled){background-color:#2563eb}.primary-button:disabled{background-color:#9ca3af;cursor:not-allowed}.secondary-button{background-color:#f9fafb;color:#374151;border:1px solid #d1d5db;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:80px}.secondary-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.secondary-button:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}@media (max-width: 480px){.user-info-modal-overlay{padding:10px}.user-info-modal-content{max-height:90vh}.user-info-modal-header{padding:20px 20px 12px}.user-info-modal-body{padding:12px 20px 20px}.form-group{margin-bottom:16px}.form-actions{flex-direction:column-reverse}.primary-button,.secondary-button{width:100%;min-width:auto}.form-group input,.form-group select{font-size:16px}}.referral-code-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px}.referral-code-modal-content{background:white;border-radius:16px;min-width:400px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #00000026}.referral-code-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #eee;margin-bottom:24px}.referral-code-modal-header h2{margin:0;font-size:24px;font-weight:600;color:#333}.close-button{background:none;border:none;font-size:28px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-button:hover{background-color:#f5f5f5;color:#333}.referral-code-modal-body{padding:0 24px 24px}.modal-description{color:#666;margin-bottom:24px;line-height:1.5}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input[type=tel]{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .2s ease;box-sizing:border-box}.form-group input[type=tel]:focus{outline:none;border-color:#007bff}.form-group input[type=tel].error{border-color:#dc3545}.form-group input[type=tel]:disabled{background-color:#f8f9fa;cursor:not-allowed}.error-message{color:#dc3545;font-size:14px;margin-top:8px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background-color:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.btn-cancel:hover:not(:disabled){background-color:#e9ecef}.btn-submit{background-color:#007bff;color:#fff}.btn-submit:hover:not(:disabled){background-color:#0056b3}@media (max-width: 480px){.referral-code-modal-overlay{padding:16px}.referral-code-modal-content{min-width:unset}.referral-code-modal-header{padding:20px 20px 0}.referral-code-modal-body{padding:0 20px 20px}.modal-actions{flex-direction:column}.btn{width:100%}}.task-card{border-radius:4px;border-top:1px solid var(--Main-Secondary, #EA5C15);border-left:1px solid var(--Main-Secondary, #EA5C15);background:linear-gradient(92.53deg,#240CD7 0%,#7509D9 100%);box-shadow:0 6px 12px #0006;display:flex;flex-direction:column;margin-bottom:8px;position:relative;padding:8px}.task-info{text-align:left}.task-detail{display:flex;flex-direction:row;align-items:flex-start;gap:16px;padding:16px;flex:1}.task-avatar{width:50px;height:50px;min-width:50px;min-height:50px;display:flex;align-items:center;justify-content:center;border-radius:8px}.task-info{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.task-description{font-size:14px;color:#fff;margin:0;line-height:1.4;font-weight:500}@keyframes pulse-claim{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.task-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.task-category-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(108,117,125,.1);border-radius:50%}.task-type-badge{display:flex;align-items:center;gap:6px;background:rgba(13,110,253,.1);color:#0d6efd;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.task-type-icon{font-size:14px}.task-card-content{margin-bottom:20px}.task-title{font-size:18px;font-weight:600;color:#212529;margin:0 0 8px;line-height:1.3}.task-time-limit{display:flex;flex-direction:column;gap:4px;background:rgba(220,53,69,.1);padding:8px 12px;border-radius:8px;margin-bottom:16px;font-size:12px;color:#dc3545}.task-progress{margin-bottom:16px}.task-progress span{font-size:12px;color:#6c757d;margin-bottom:6px;display:block}.progress-bar{width:100%;height:6px;background:#e9ecef;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#28a745 0%,#20c997 100%);transition:width .3s ease}.task-reward{display:flex;gap:16px;align-items:center}.reward-points,.reward-energy{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500}.reward-points{color:#6f42c1}.reward-energy{color:#fd7e14}.points-icon,.energy-icon{font-size:16px}.task-card-footer{display:flex;justify-content:flex-end;align-items:center;padding:0 16px 8px}.task-status{display:flex;align-items:center;gap:8px}.status-indicator{width:10px;height:10px;border-radius:50%;background:#6c757d}.status-indicator.completed{background:#28a745}.status-indicator.can-claim{background:#ffc107;animation:blink 1.5s infinite}.status-indicator.claimed{background:#6c757d}.status-indicator.expired,.status-indicator.failed{background:#dc3545}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.status-text{font-size:12px;color:#6c757d;font-weight:500}.task__action-bar{padding:6px;display:flex;align-items:center;justify-content:space-between;bottom:-15px;right:0;margin-right:8px}.task__reward{background:rgba(255,255,255,1);border-radius:24px;padding:2px 16px;display:flex;gap:2px;flex-shrink:0;height:32px;color:#000;align-items:center;justify-content:center}.task__reward-label{font-family:SVN-Gilroy,sans-serif;font-weight:300;font-size:14px;line-height:1;white-space:nowrap}.task__energy-icon{position:relative;width:15px;height:18px;flex-shrink:0}.task__energy-bg{position:absolute;left:1px;top:1px;width:12.998px;height:15.167px}.task__reward-amount{font-family:SVN-Gilroy,sans-serif;font-weight:300;font-size:14px;line-height:1;white-space:nowrap;text-align:center}.task-action-btn{border:none;border-radius:16px;font-size:8px;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;margin-left:4px;height:32px;width:200px;font-size:14px;background:linear-gradient(270deg,#EA5C15 0%,#EE7D44 100%)}.task-action-btn.complete{color:#fff;border-radius:2px;height:24px;background:var(--Main-Secondary, #EA5C15);box-shadow:0 1px #ffc9ac40 inset,0 -1px #00000040 inset}.task-action-btn.complete:hover{background:linear-gradient(135deg,#0056b3 0%,#004085 100%);transform:translateY(-1px)}.task-action-btn.claim{background:linear-gradient(135deg,#ffc107 0%,#e0a800 100%);color:#212529}.task-action-btn.claim:hover{background:linear-gradient(135deg,#e0a800 0%,#d39e00 100%);transform:translateY(-1px)}.task-action-btn:disabled{background:#6c757d;color:#dee2e6;cursor:not-allowed;transform:none}.task-action-btn:disabled:hover{transform:none}.task-card-can-claim{background:linear-gradient(270deg,#EA5C15 0%,#EE7D44 100%);color:#fff}.mini-quiz-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.mini-quiz-modal-container{border-radius:12px;border:1px solid var(--Main-White, #FFF);background:linear-gradient(93deg,#240CD7 0%,#7509D9 100%);box-shadow:0 20px 40px #0000004d;max-width:400px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.mini-quiz-modal-close{position:absolute;top:15px;right:15px;background:rgba(255,255,255,.2);border:none;border-radius:8px;width:35px;height:35px;font-size:20px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;z-index:1}.mini-quiz-modal-close:hover:not(:disabled){background:rgba(255,255,255,.3)}.mini-quiz-modal-close:disabled{opacity:.5;cursor:not-allowed}.mini-quiz-modal-content{padding:30px 25px 25px;text-align:center;color:#fff}.mini-quiz-modal-title{font-size:24px;font-weight:700;margin:0 0 20px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.mini-quiz-image-container{margin:20px 0;display:flex;justify-content:center}.mini-quiz-image{max-width:400px;border-radius:10px;box-shadow:0 4px 8px #0003}.mini-quiz-question{font-size:16px;line-height:1.5;margin:20px 0 30px;background:rgba(255,255,255,.1);padding:15px;border-radius:10px;border:1px solid rgba(255,255,255,.2)}.mini-quiz-answers{display:flex;gap:15px;margin:30px 0}.mini-quiz-answer{flex:1;padding:15px 20px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.mini-quiz-answer:hover:not(:disabled){background:rgba(255,255,255,.2);border-color:#ffffff80;transform:translateY(-2px)}.mini-quiz-answer.selected{background:rgba(255,255,255,.3);border-color:#fff;box-shadow:0 0 15px #ffffff4d}.mini-quiz-answer:disabled{opacity:.6;cursor:not-allowed;transform:none}.mini-quiz-submit{width:100%;padding:15px;background:linear-gradient(45deg,#ff6b6b,#ee5a52);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;margin-top:10px;opacity:.5;transform:scale(.95)}.mini-quiz-submit.enabled{opacity:1;transform:scale(1)}.mini-quiz-submit.enabled:hover:not(:disabled){background:linear-gradient(45deg,#ff5252,#e53e3e);box-shadow:0 5px 15px #ff6b6b66;transform:translateY(-2px)}.mini-quiz-submit:disabled{opacity:.5;cursor:not-allowed;transform:scale(.95)}@media (max-width: 480px){.mini-quiz-modal-container{margin:10px;max-width:calc(100vw - 20px)}.mini-quiz-modal-content{padding:25px 20px 20px}.mini-quiz-modal-title{font-size:20px}.mini-quiz-question{font-size:14px;padding:12px}.mini-quiz-answers{flex-direction:column;gap:10px}.mini-quiz-answer{padding:12px 15px;font-size:14px}.mini-quiz-submit{padding:12px;font-size:14px}}.game-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.game-popup{position:relative;background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%);border-radius:20px;box-shadow:0 20px 60px #0000004d,0 8px 25px #00000026,inset 0 1px #fffc;padding:30px 25px 25px;max-width:360px;width:90%;margin:20px;transform:scale(.7) translateY(30px);opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:2px solid rgba(255,255,255,.8)}.game-popup--visible{transform:scale(1) translateY(0);opacity:1}.game-popup--welcome{background:linear-gradient(145deg,#fef3c7 0%,#fbbf24 100%);border-color:#f59e0b}.game-popup--checkin{background:linear-gradient(145deg,#dbeafe 0%,#3b82f6 100%);border-color:#2563eb;color:#fff}.game-popup--energy{background:linear-gradient(145deg,#ecfdf5 0%,#10b981 100%);border-color:#059669;color:#fff}.game-popup--success{background:linear-gradient(145deg,#dcfce7 0%,#16a34a 100%);border-color:#15803d;color:#fff}.game-popup--error{background:linear-gradient(145deg,#fee2e2 0%,#dc2626 100%);border-color:#b91c1c;color:#fff}.game-popup--warning{background:linear-gradient(145deg,#fef3c7 0%,#d97706 100%);border-color:#b45309;color:#fff}.game-popup--info{background:linear-gradient(145deg,#e0f2fe 0%,#0284c7 100%);border-color:#0369a1;color:#fff}.game-popup--top10{background:linear-gradient(145deg,#fef3c7 0%,#f59e0b 100%);border-color:#d97706;color:#fff;box-shadow:0 20px 60px #f59e0b66,0 8px 25px #d977064d,inset 0 1px #fffc}.game-popup__content{text-align:center}.game-popup__icon{font-size:48px;margin-bottom:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));animation:bounceIn .6s ease-out .2s both}.game-popup__title{font-size:20px;font-weight:700;margin:0 0 12px;line-height:1.3;animation:slideInUp .4s ease-out .3s both}.game-popup__message{font-size:16px;line-height:1.5;margin:0 0 24px;opacity:.95;animation:slideInUp .4s ease-out .4s both}.game-popup__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;animation:slideInUp .4s ease-out .5s both}.game-popup__action-btn{border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px;position:relative;overflow:hidden}.game-popup__action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.game-popup__action-btn:hover:before{left:100%}.game-popup__action-btn--primary{background:linear-gradient(145deg,#4f46e5 0%,#3730a3 100%);color:#fff;box-shadow:0 4px 12px #4f46e54d}.game-popup__action-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4f46e566}.game-popup__action-btn--primary:active{transform:translateY(0);box-shadow:0 2px 8px #4f46e54d}.game-popup__action-btn--secondary{background:rgba(255,255,255,.2);color:inherit;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-popup__action-btn--secondary:hover{background:rgba(255,255,255,.3);transform:translateY(-1px)}.game-popup__close-btn{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.1);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;color:#0009;transition:all .2s ease}.game-popup__close-btn:hover{background:rgba(0,0,0,.2);color:#000c;transform:scale(1.1)}.game-popup--checkin .game-popup__close-btn,.game-popup--energy .game-popup__close-btn,.game-popup--success .game-popup__close-btn,.game-popup--error .game-popup__close-btn,.game-popup--warning .game-popup__close-btn,.game-popup--info .game-popup__close-btn,.game-popup--top10 .game-popup__close-btn{background:rgba(255,255,255,.2);color:#fffc}.game-popup--checkin .game-popup__close-btn:hover,.game-popup--energy .game-popup__close-btn:hover,.game-popup--success .game-popup__close-btn:hover,.game-popup--error .game-popup__close-btn:hover,.game-popup--warning .game-popup__close-btn:hover,.game-popup--info .game-popup__close-btn:hover,.game-popup--top10 .game-popup__close-btn:hover{background:rgba(255,255,255,.3);color:#fff}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 480px){.game-popup{margin:10px;padding:25px 20px 20px;max-width:calc(100% - 20px)}.game-popup__icon{font-size:40px;margin-bottom:12px}.game-popup__title{font-size:18px}.game-popup__message{font-size:14px}.game-popup__actions{flex-direction:column}.game-popup__action-btn{width:100%;min-width:auto}}.kiloba-racing-page{display:block!important;height:100vh;overflow:hidden;padding-top:12px;background-color:#062b9c;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;font-family:SVN-Gilroy,-apple-system,BlinkMacSystemFont,sans-serif}.kiloba-racing-page canvas{margin:auto}.kiloba-racing-game-container{width:100%;height:calc(100vh - 70px);display:flex;justify-content:center;align-items:flex-start;position:relative}.kiloba-racing-game-container canvas{image-rendering:auto!important;image-rendering:-webkit-optimize-contrast!important;image-rendering:optimize-quality!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizeLegibility!important;-webkit-backface-visibility:hidden!important;-moz-backface-visibility:hidden!important;backface-visibility:hidden!important;-webkit-transform:translateZ(0)!important;-moz-transform:translateZ(0)!important;transform:translateZ(0)!important;margin-top:0!important;top:0;position:relative}.kiloba-racing-page::-webkit-scrollbar{display:none}.game-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;width:100%}.game-back-btn{background:none;border:none;color:#fff;font-size:24px;font-weight:700;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s}.game-title-racing{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:20px;font-weight:600;margin:0;text-align:center}.top10-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.top10-popup-container{background:linear-gradient(180deg,#1a1a2e 0%,#0f0f1e 100%);border-radius:20px;padding:24px;max-width:500px;width:60%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #00000080}.top10-popup-close{position:absolute;top:16px;right:16px;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .3s ease;z-index:10}.top10-popup-close:hover{background:rgba(255,255,255,.2);transform:rotate(90deg)}.top10-popup-header{text-align:center;margin-bottom:24px}.top10-popup-header h2{color:gold;font-size:24px;margin-bottom:8px;text-shadow:0 2px 10px rgba(255,215,0,.5);font-family:SVN-Gilroy-Bold,sans-serif}.top10-month-info{color:#aaa;font-size:14px;font-family:SVN-Gilroy,sans-serif;margin-bottom:16px}.top10-countdown{margin-top:16px;padding:16px;background:rgba(255,215,0,.1);border-radius:12px;border:1px solid rgba(255,215,0,.3)}.countdown-label{color:gold;font-size:14px;margin-bottom:12px;font-family:SVN-Gilroy-Bold,sans-serif;text-align:center}.countdown-timer{display:flex;justify-content:center;gap:16px}.countdown-unit{display:flex;flex-direction:column;align-items:center;gap:4px}.countdown-value{color:gold;font-size:28px;font-weight:700;font-family:SVN-Gilroy-Bold,sans-serif;text-shadow:0 2px 10px rgba(255,215,0,.5);min-width:48px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);border-radius:8px;padding:8px}.countdown-text{color:#ccc;font-size:11px;font-family:SVN-Gilroy,sans-serif;text-transform:lowercase}.top10-list{display:flex;flex-direction:column;gap:12px}.top10-item{display:flex;align-items:stretch;gap:12px;background:rgba(255,255,255,.05);padding:16px;border-radius:12px;border-left:4px solid #555;transition:all .3s ease;position:relative}.top10-item:hover{background:rgba(255,255,255,.1);transform:translate(5px)}.top10-item.rank-1{border-left-color:gold;background:linear-gradient(90deg,rgba(255,215,0,.15),rgba(255,255,255,.05))}.top10-item.rank-1:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;background:linear-gradient(135deg,rgba(255,215,0,.1) 0%,transparent 50%);pointer-events:none}.top10-item.rank-2{border-left-color:silver;background:linear-gradient(90deg,rgba(192,192,192,.1),rgba(255,255,255,.05))}.top10-item.rank-3{border-left-color:#cd7f32;background:linear-gradient(90deg,rgba(205,127,50,.1),rgba(255,255,255,.05))}.top10-rank{flex-shrink:0;font-size:24px;font-weight:700;min-width:50px;display:flex;align-items:center;justify-content:center}.rank-icon{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.top10-main{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.top10-user{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.top10-name{color:#fff;font-size:17px;font-weight:700;font-family:SVN-Gilroy-Bold,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.4);line-height:1.3}.top10-phone{color:#b8b8b8;font-size:13px;font-family:SVN-Gilroy,sans-serif;padding:3px 10px;background:rgba(255,255,255,.08);border-radius:12px;border:1px solid rgba(255,255,255,.1);white-space:nowrap}.top10-time{color:#999;font-size:12px;font-family:SVN-Gilroy,sans-serif;display:flex;align-items:center;gap:5px;line-height:1.4}.top10-time:before{content:"⏱";font-size:12px;opacity:.7}.top10-reward{display:inline-flex;align-items:center;gap:4px;background:rgba(255,215,0,.12);padding:12px 8px;border-radius:4px;border:1px solid rgba(255,215,0,.3)}.reward-icon-top10{font-size:11px;line-height:1}.reward-amount-top10{color:gold;font-size:11px;font-weight:600;font-family:SVN-Gilroy-Bold,sans-serif;line-height:1}.top10-empty{text-align:center;padding:40px 20px;color:#999;font-family:SVN-Gilroy,sans-serif}.top10-empty .empty-hint{margin-top:12px;color:gold;font-size:14px;font-style:italic}.top10-loading{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner{border:3px solid rgba(255,255,255,.1);border-top-color:gold;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.top10-popup-footer{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.top10-popup-footer p{color:#aaa;font-size:13px;font-style:italic;font-family:SVN-Gilroy,sans-serif}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 600px){.top10-popup-container{width:95%;padding:20px}.top10-popup-header h2{font-size:20px}.top10-item{padding:12px;gap:10px}.top10-rank{min-width:40px}.rank-icon{font-size:28px}.top10-name{font-size:15px}.top10-phone{font-size:12px;padding:2px 8px}.top10-time{font-size:11px}.top10-reward{padding:12px 6px}.reward-icon,.reward-amount{font-size:10px}.countdown-timer{gap:8px}.countdown-value{font-size:20px;min-width:40px;padding:6px}.countdown-text{font-size:10px}.top10-month-info{font-size:12px}.top10-tabs{gap:6px}.tab-button{font-size:12px;padding:10px 12px}.referral-count{font-size:11px}.count-value{font-size:12px}}.top10-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:0}.tab-button{flex:1;padding:12px 16px;background:transparent;border:none;color:#fff9;font-size:14px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;position:relative;bottom:-2px}.tab-button.active{color:gold;border-bottom-color:gold}.tab-button:hover{color:#ffd700cc}.referral-count{display:flex;align-items:center;gap:6px;font-size:13px;color:#4caf50;font-weight:700;margin:4px 0}.count-icon{font-size:16px}.count-value{font-size:14px;color:#4caf50}.viewport-wrapper{width:100vw;height:100vh;background-color:#062475;position:fixed;top:0;left:0;overflow:hidden;z-index:0;display:flex;align-items:center;justify-content:center}.bottom-floor{position:absolute;left:0;right:0;bottom:0;height:27%;background-image:url(/images/kilohub/Floor.png);z-index:-10;background-size:cover}.kiloba-hub-container{width:100vw;height:100vh;max-width:calc(100vh * 375 / 720);max-height:192vw;background-repeat:no-repeat;background-position:center top;background-size:cover;display:flex;flex-direction:column;font-family:SVN-Gilroy,sans-serif;overflow:hidden;position:relative;display:flex!important;-webkit-overflow-scrolling:touch;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:2% 5%;color:#fff;font-size:4%;font-weight:600;position:relative;z-index:10}.time{font-weight:600}.status-icons{display:flex;gap:1%;align-items:center}.kiloba-hub-header{margin-top:0;display:flex;justify-content:space-between;align-items:center;padding:2.5% 26px 2.5% 5%;position:relative;z-index:100}.back-button-kilohub{margin-top:8px!important;margin-left:8px!important;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.back-button-kilohub:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.back-icon{color:#fff;font-size:4.5%;font-weight:700}.back-icon-svg{width:100%;height:100%;filter:brightness(0) invert(1)}.hub-title{position:absolute;left:50%;transform:translate(-50%)}.hub-title span{color:#fff;font-weight:700;font-size:1.1rem;letter-spacing:.3%}.coins-display{display:flex;align-items:center;gap:2%;background:rgba(0,0,0,.3);padding:2% 4%;border-radius:5%;border:.3% solid rgba(255,255,255,.2)}.coin-icon{font-size:5%}.coin-amount{color:#fff;font-weight:700;font-size:4%}.kiloba-hub-content{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}.character-name{margin-top:5%;margin-bottom:5%}.character-name h1{color:#fff;font-family:SVN-Gilroy,sans-serif;font-size:2rem;font-weight:700;margin:0;text-shadow:0 1% 2% rgba(0,0,0,.3);letter-spacing:.5%}.kiloba-stats{display:flex;justify-content:space-around;width:100%;max-width:300px;margin-bottom:4%;padding:2% 4%;background:rgba(255,255,255,.1);border-radius:15px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-label{color:#fffc;font-size:.75rem;font-weight:500}.stat-value{color:#fff;font-size:1.1rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.progress-container-kiloba{display:flex;justify-content:center;width:100%;height:20px}.progress-bar-kiloba{width:250px;height:25px;background:#FFFFFF;border-radius:12px;overflow:hidden;border:.5% solid rgba(255,255,255,.3);position:relative;display:flex}.progress-fill{height:100%;background:linear-gradient(90deg,#FF6B35,#FF8C42);border-radius:3.5%;transition:width .5s ease;box-shadow:0 0 3.7% #ff8c4299;position:relative;display:flex;align-items:center;justify-content:center}.progress-text{display:flex;align-items:center;gap:.5%;color:#fff;font-weight:700;font-size:1rem;text-shadow:.5px .5px 1px rgba(0,0,0,.7);position:absolute;left:50%;transform:translate(-50%);z-index:200}.current-level,.separator,.max-level{color:#fff}.character-display{flex:1;align-items:center;justify-content:center;width:100%;position:relative}.kiloba-character{width:100%;position:absolute;bottom:15%}.kiloba-character-image{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 1% 2% rgba(0,0,0,.3))}.upgrade-section{position:absolute;bottom:23%;left:50%;transform:translate(-50%);width:100%}.upgrade-button{position:absolute;left:50%;transform:translate(-50%);height:90px;width:40%}.upgrade-button span{position:relative;z-index:2;text-shadow:.25% .25% .5% rgba(0,0,0,.7)}.upgrade-button.loading{opacity:.6;cursor:not-allowed}.kiloba-hub-title{background-image:url(/images/title_bg.png);background-size:contain;background-position:center;background-repeat:no-repeat;padding:16px;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:10;width:200px;color:#fff;font-weight:600}.loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:3.5%;font-weight:700;text-shadow:.25% .25% .5% rgba(0,0,0,.7);z-index:3}.kiloba-hub-background{margin-top:10px;position:absolute!important;background-color:#0833a5;border-top:.5px solid #FFF;border-left:.5px solid #FFF;border-right:.5px solid #FFF;border-radius:12px 12px 0 0;min-height:calc(100vh - 12px);box-sizing:border-box;position:relative;padding:60px 20px 20px;overflow-y:auto;left:12px;right:12px;top:0;z-index:-20}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.kiloba-hub-container{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.character-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.floating-element{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.upgrade-animation{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1}.upgrade-arrow{position:absolute;height:40px;width:auto;animation:upgradeFloatUp 3s linear infinite}@keyframes upgradeFloatUp{0%{opacity:0;transform:translateY(0) scale(1)}10%{opacity:.3}90%{opacity:.8}to{opacity:0;transform:translateY(-300px) scale(1)}}.kiloba-character.upgrading{animation:upgradeShake .5s ease-in-out}@keyframes upgradeShake{0%,to{transform:translate(0)}25%{transform:translate(-2px) scale(1.02)}75%{transform:translate(2px) scale(1.02)}}.kiloba-collection{background:linear-gradient(0deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.2) 100%),#062475;width:100%;position:relative;overflow-x:hidden}.kiloba-collection-back-btn{position:absolute;top:10px;left:10px;z-index:30;background:none;border:none;cursor:pointer;padding:12px;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;background-color:none}.kiloba-collection-back-btn:hover{background-color:#ffffff4d;transform:scale(1.1)}.kiloba-collection-back-btn img{width:22px;height:22px;display:block}.kiloba-collection-content{background-color:#0833a5;border-top:.5px solid #FFF;border-left:.5px solid #FFF;border-right:.5px solid #FFF;border-radius:16px 16px 0 0;min-height:calc(100vh - 8px);box-sizing:border-box;margin:8px 8px 0;position:relative;flex-direction:column}.kiloba-collection-title{background-image:url(/images/title_bg.png);background-size:contain;background-position:center;background-repeat:no-repeat;padding:24px;position:absolute;top:-8px;left:50%;transform:translate(-50%);z-index:20;width:214px;height:72px;display:flex;align-items:center;justify-content:center}.kiloba-collection-title span{color:#fff;margin:0;text-align:center;font-family:SVN-Gilroy,sans-serif;font-size:clamp(14px,4vw,18px);font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);line-height:1.2}.kiloba-collection-caro{background-image:url(/images/caro.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;bottom:0;left:0;right:0;height:min(300px,30vh);width:100%;opacity:.2;z-index:1}.kiloba-cards-container-collection{margin-top:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(15px,4vw,25px);position:relative;z-index:5;flex:1;min-height:60vh;width:100%;box-sizing:border-box}.kiloba-collection-row{display:flex;justify-content:center;align-items:center;width:100%;max-width:100%}.kiloba-collection-row-2{max-width:min(400px,90vw);gap:8px}.kiloba-collection-row-1{max-width:min(200px,50vw)}.kiloba-collection-row-3{max-width:min(600px,95vw);gap:clamp(5px,1vw,10px)}.loading-container,.error-message{display:flex;justify-content:center;align-items:center;min-height:200px;padding:20px;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:90%}.loading-container p,.error-message p{color:#fff;font-family:SVN-Gilroy,sans-serif;font-size:clamp(14px,4vw,16px);font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);margin:0}.error-message{position:fixed;bottom:220px;top:auto;transform:translate(-50%);left:50%;z-index:25;width:calc(100vw - 32px);max-width:350px}.error-message p{background:rgba(255,107,53,.9);padding:12px 20px;border-radius:12px;margin:0;font-size:clamp(12px,3.5vw,14px);border:1px solid rgba(255,255,255,.3)}.reward-section-collection{display:flex;flex-direction:column;align-items:center;z-index:25;max-width:380px}.reward-promo-text-collection{color:#fff;font-family:SVN-Gilroy,sans-serif;font-size:11px;font-weight:400;line-height:1.5;text-align:center;margin:0;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.reward-promo-text-collection p{margin:0;line-height:1.4}.voucher-highlight{color:#ff5900;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.reward-button-collection{margin-top:4px;display:flex;width:min(300px,85vw);height:50px;padding:clamp(12px,3vw,16px) clamp(20px,8vw,40px);justify-content:center;align-items:center;border-radius:30px;border:1px solid #FFF;background:#EA5C15;color:#fff;font-family:SVN-Gilroy-Bold,sans-serif;font-size:clamp(14px,4vw,18px);font-weight:700;cursor:pointer;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 12px #ea5c1566}.reward-button:hover{background:#d64d0f;transform:translateY(-3px);box-shadow:0 6px 20px #ea5c1599}.reward-button:active{transform:translateY(-1px);box-shadow:0 4px 12px #ea5c1566}.reward-button.disabled,.reward-button:disabled{background:#666666;border-color:#999;color:#ccc;cursor:not-allowed;opacity:.6;box-shadow:none}.kiloba-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.kiloba-popup-container{position:relative;max-width:35vw;max-height:60vh;display:flex;align-items:center;justify-content:center;touch-action:none}.kiloba-popup-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 10px 30px #00000080;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.kiloba-popup-close{position:absolute;top:-24px;right:-24px;width:32px;height:32px;background-color:#000000b3;color:#fff;border:none;border-radius:50%;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:background-color .3s ease}.kiloba-popup-close:hover{background-color:#000000e6;transform:scale(1.1)}.kiloba-popup-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background-color:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1002;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kiloba-popup-nav{font-size:24px;font-weight:700;color:#fff;-webkit-user-select:none;user-select:none;background:none}.kiloba-popup-nav-prev{left:-60px}.kiloba-popup-nav-next{right:-60px}.kiloba-popup-indicators{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:1002}.kiloba-popup-indicator{width:8px;height:8px;border-radius:50%;background-color:#ffffff80;cursor:pointer;transition:all .3s ease}.kiloba-popup-indicator.active{background-color:#fff;transform:scale(1.2)}.kiloba-popup-indicator:hover{background-color:#fffc}.kiloba-popup-hint{position:absolute;bottom:-100px;left:50%;transform:translate(-50%);color:#fffc;font-size:12px;text-align:center;font-family:SVN-Gilroy,sans-serif;z-index:1002}@media screen and (max-width: 768px){.kiloba-popup-container{max-width:80vw;max-height:80vh}.kiloba-popup-close{width:35px;height:35px;font-size:20px;top:5px;right:5px}.kiloba-popup-nav{width:35px;height:35px;font-size:20px}.kiloba-popup-nav-prev{left:-50px}.kiloba-popup-nav-next{right:-50px}.kiloba-popup-hint{font-size:10px;bottom:-100px}}.kiloba-warning-popup-container{position:relative;max-width:450px;width:90vw;background:linear-gradient(135deg,#0833A5,#062475);border:2px solid #FFF;border-radius:16px;padding:30px 20px 20px;box-shadow:0 10px 30px #00000080;text-align:center}.kiloba-warning-popup-close{position:absolute;top:-12px;right:-12px;width:32px;height:32px;cursor:pointer;z-index:1001;transition:transform .3s ease}.kiloba-warning-popup-close:hover{transform:scale(1.1)}.kiloba-warning-content h3{color:#fff;font-family:SVN-Gilroy,sans-serif;font-size:clamp(18px,5vw,22px);font-weight:700;margin:0 0 15px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.kiloba-warning-content p{color:#fff;font-family:SVN-Gilroy,sans-serif;font-size:clamp(14px,4vw,16px);font-weight:400;line-height:1.5;margin:0;text-shadow:1px 1px 3px rgba(0,0,0,.8)}@media screen and (max-width: 768px){.kiloba-warning-popup-container{max-width:85vw;padding:25px 15px 15px}.kiloba-warning-popup-close{width:28px;height:28px;top:-10px;right:-10px}}.mini-game,.mini-game-page{background:linear-gradient(0deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.2) 100%),#062475;min-height:100vh;width:100%;position:relative}.mini-quiz-title{margin-top:12px}.mini-game-back-btn{position:absolute;top:16px;left:20px;z-index:20;background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.mini-game-back-btn:hover{background-color:#fff3;transform:scale(1.1)}.mini-game-back-btn img{width:24px;height:24px;display:block}.mini-game-content{background-color:#0833a5;border-top:.5px solid #FFF;border-left:.5px solid #FFF;border-right:.5px solid #FFF;border-radius:12px 12px 0 0;min-height:calc(100vh - 12px);box-sizing:border-box;margin:12px 12px 0;position:relative}.mini-game-title{background-image:url(/images/title_bg.png);background-size:contain;background-position:center;background-repeat:no-repeat;padding:20px;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:10;width:230px}.mini-game-title span{color:#fff;margin:0;text-align:center;font-family:SVN-Gilroy,sans-serif;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.mini-game-caro{background-image:url(/images/caro.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;bottom:0;left:0;right:0;height:150px;width:100%;opacity:.3}.mini-game-list{display:flex;flex-direction:column;align-items:center;position:relative;z-index:5;min-height:calc(100vh - 180px);justify-content:flex-start;margin-top:32px}.kiloba-cards-container{padding:80px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;z-index:5;min-height:calc(100vh - 180px);justify-content:center}.kiloba-row{display:flex;justify-content:center;align-items:center;gap:20px;width:100%}.kiloba-row-2{max-width:500px}.kiloba-row-1{max-width:250px}@media (max-width: 768px){.kiloba-cards-container{padding:70px 10px 120px;gap:15px}.kiloba-row{gap:15px}.kiloba-row-2{max-width:400px}.kiloba-row-1{max-width:200px}.reward-section{max-width:300px;padding:0 15px}.reward-button{width:260px;padding:16px 70px}.reward-promo-text{font-size:13px}}@media (max-width: 480px){.kiloba-cards-container{padding:60px 5px 120px;gap:10px}.kiloba-row{gap:10px}.kiloba-row-2{max-width:350px}.kiloba-row-1{max-width:175px}.reward-section{max-width:280px;padding:0 10px}.reward-button{width:240px;padding:16px 60px;font-size:15px}.reward-promo-text{font-size:12px}}.loading-container,.error-message{display:flex;justify-content:center;align-items:center;min-height:200px;padding:20px;text-align:center}.loading-container p,.error-message p{color:#fff;font-family:SVN-Gilroy,sans-serif;font-size:16px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.error-message{position:absolute;bottom:180px;left:0;right:0;z-index:10}.error-message p{background:rgba(255,107,53,.8);padding:10px 20px;border-radius:8px;margin:0 20px;font-size:14px}.reward-section{position:absolute;bottom:60px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:16px;z-index:15;width:100%;max-width:360px;padding:0;box-sizing:border-box}.reward-promo-text{color:#fff;font-family:SVN-Gilroy,sans-serif;font-size:12px;font-weight:400;line-height:1.4;text-align:center;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.voucher-highlight{color:#ff5900;font-weight:700}.reward-button{display:flex;width:280px;height:54px;padding:16px 79px;justify-content:center;align-items:center;gap:10px;border-radius:4px;border:1px solid var(--Main-White, #FFF);background:var(--Main-Secondary, #EA5C15);color:#fff;font-family:SVN-Gilroy,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-shadow:none}.reward-button:hover{background:#d64d0f;transform:translateY(-2px);box-shadow:0 4px 8px #ea5c154d}.reward-button:active{transform:translateY(0);box-shadow:0 2px 4px #ea5c154d}.reward-button.disabled,.reward-button:disabled{background:#666666;border-color:#999;color:#ccc;cursor:not-allowed;opacity:.6}.reward-button.disabled:hover,.reward-button:disabled:hover{background:#666666;transform:none;box-shadow:none}.reward-button.disabled:active,.reward-button:disabled:active{background:#666666;transform:none;box-shadow:none}.question-image{width:100%;aspect-ratio:1/1;background-size:cover;background-position:center;border-radius:12px 12px 0 0;background-repeat:no-repeat;background-image:url(/assets/bg_quiz-533a504b.png);flex-shrink:0}.completion-result{background:white;border-radius:24px;padding:40px 24px;text-align:center;box-shadow:0 20px 40px #00000026;max-width:350px;width:100%}.completion-icon{font-size:60px;margin-bottom:20px}.completion-result h2{color:#333;font-size:28px;font-weight:700;margin-bottom:16px}.final-score{color:#666;font-size:20px;font-weight:600;margin-bottom:16px}.energy-reward{color:#f59e0b;font-size:18px;font-weight:600;margin-bottom:32px}.back-to-menu-button{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);color:#fff;border:none;border-radius:16px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;width:100%;margin-top:12px;transition:all .3s ease;box-shadow:0 4px 20px #6b72804d}.back-to-menu-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6b728066}.mini-quiz-page{min-height:100vh;padding:0;font-family:SVN-Gilroy,-apple-system,BlinkMacSystemFont,sans-serif}.mini-quiz-header{display:flex;align-items:center;padding:16px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.back-button{background:none;border:none;color:#fff;font-size:24px;font-weight:700;cursor:pointer;padding:8px;margin-right:16px;border-radius:8px;transition:background-color .2s}.back-button:hover{background:rgba(255,255,255,.1)}.mini-quiz-title{color:#fff;font-size:20px;font-weight:600;margin:0;flex:1;text-align:center}.quiz-container{padding:20px;height:calc(100vh - 80px);display:flex;flex-direction:column}.question-progress{color:#fff;text-align:center;font-size:16px;font-weight:500;margin-bottom:20px;padding:12px;background:rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.question-container{flex:1;display:flex;flex-direction:column;position:relative;padding:20px;gap:0}.question-area{flex:1;display:flex;flex-direction:column;height:calc(100vh - 120px);overflow:hidden}.question-card{flex:1;display:flex;flex-direction:column;align-self:flex-start;width:100%;min-height:0;margin-bottom:20px;background:white;border-radius:10px;padding:16px;box-shadow:0 20px 40px #0000001a;overflow:hidden;position:relative;cursor:grab;-webkit-user-select:none;user-select:none}.question-image{width:100%;aspect-ratio:1/1;background-size:cover;background-position:center;border-radius:12px 12px 0 0;background-repeat:no-repeat;background-image:url(/assets/bg_quiz-533a504b.png);flex-shrink:0}.question-content{background:white;padding:20px;border-radius:0 0 12px 12px;flex-shrink:0}.question-text{color:#333;font-size:13px;font-weight:600;text-align:center;margin:0}.answer-section{position:sticky;bottom:0;height:140px;flex-shrink:0;background:transparent;padding:0;display:flex;flex-direction:column;justify-content:center;gap:12px;width:100%}.answer-buttons{display:flex;gap:16px;justify-content:center;margin:0;padding:0}.answer-button{flex:1;border:none;border-radius:10px;padding:16px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease;box-shadow:0 8px 25px #00000026;min-height:60px;max-height:80px}.no-button{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff}.no-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #ef444466}.yes-button{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:#fff}.yes-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #3b82f666}.answer-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.answer-icon,.answer-text{font-size:20px}.result-container{padding:20px;height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center}.result-feedback{background:white;border-radius:24px;padding:40px 24px;text-align:center;box-shadow:0 20px 40px #00000026;max-width:350px;width:100%}.result-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;margin:0 auto 20px}.result-feedback.correct .result-icon{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}.result-feedback.incorrect .result-icon{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff}.result-feedback h2{color:#333;font-size:24px;font-weight:700;margin-bottom:12px}.result-feedback p{color:#666;font-size:18px;margin-bottom:20px}.completion-message{border-top:1px solid #e5e7eb;padding-top:24px;margin-top:24px}.completion-message h3{color:#333;font-size:20px;font-weight:700;margin-bottom:16px}.energy-reward{color:#f59e0b;font-size:18px;font-weight:600;margin-bottom:20px}.no-energy-reward{color:#ef4444;font-size:16px;font-weight:500;margin-bottom:20px;text-align:center}.play-again-button{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:#fff;border:none;border-radius:16px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #8b5cf64d}.play-again-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf666}.error-container{padding:20px;height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.error-container p{font-size:18px;margin-bottom:20px}.error-container button{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.error-container button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.explanation-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:20px}.explanation-content{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:40px 30px;text-align:center;border:1px solid rgba(255,255,255,.2);max-width:90%;width:400px}.explanation-content h2{color:gold;font-size:24px;font-weight:700;margin:0 0 20px}.explanation-text{color:#fff;font-size:16px;line-height:1.6;margin:0 0 20px;background:rgba(255,255,255,.1);padding:20px;border-radius:12px;border-left:4px solid #FFD700}.next-hint{color:#94a3b8;font-size:14px;font-style:italic;margin:0}.swipe-indicator{position:absolute;top:50%;transform:translateY(-50%);font-size:18px;font-weight:700;padding:8px 16px;border-radius:20px;pointer-events:none;transition:opacity .2s ease;z-index:10}.swipe-indicator.left{left:20px;background:rgba(239,68,68,.9);color:#fff}.swipe-indicator.right{right:20px;background:rgba(34,197,94,.9);color:#fff}.question-card{position:relative;cursor:grab;-webkit-user-select:none;user-select:none}.question-card:active{cursor:grabbing}.swipe-hint-container{text-align:center;margin:0;padding:0}.swipe-hint{font-size:14px;color:#666;margin:0;padding:8px;background:rgba(240,240,240,1);border-radius:24px}@media (max-width: 480px){.mini-quiz-header{padding:12px 16px}.mini-quiz-title{font-size:18px}.welcome-content,.result-feedback,.explanation-content{margin:0 16px;padding:24px 20px}.question-container{padding:16px;height:calc(100vh - 90px)}.question-area{height:calc(100vh - 110px)}.question-card{padding:12px;margin-bottom:12px}.question-image{aspect-ratio:1/1;width:100%}.answer-section{height:120px}.answer-buttons{gap:12px}.answer-button{padding:12px;font-size:14px;min-height:50px;max-height:120px}.question-text,.explanation-text{font-size:12px}.swipe-indicator{font-size:14px;padding:6px 12px}.swipe-indicator.left{left:10px}.swipe-indicator.right{right:10px}.swipe-hint-container{text-align:center}.swipe-hint{font-size:12px;padding:6px}}.task,.task-page{min-height:100vh;width:100%;position:relative}.task-title{background-image:url(/images/title_bg.png);background-size:contain;background-position:center;background-repeat:no-repeat;padding:16px;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:10;width:200px;color:#fff;font-weight:600}.task-header{position:absolute;width:100%}.task-back-btn{position:absolute;top:13px;left:20px;z-index:20;background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.task-back-btn:hover{background-color:#fff3;transform:scale(1.1)}.task-back-btn img{width:24px;height:24px;display:block}.task-content{background-color:#0833a5;border-top:.5px solid #FFF;border-left:.5px solid #FFF;border-right:.5px solid #FFF;border-radius:12px 12px 0 0;min-height:calc(100vh - 12px);box-sizing:border-box;margin:12px 12px 0;position:relative;padding:60px 20px 20px;overflow-y:auto}.task-tabs{display:flex;gap:8px;margin-bottom:20px;padding:0 4px}.task-tab{flex:1;padding:12px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center}.task-tab:hover{background:rgba(255,255,255,.15)}.task-tab.active{background:rgba(255,255,255,.9);color:#0833a5;font-weight:600}.task-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#fff}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.task-loading p{margin:0;font-size:14px}.task-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#fff;text-align:center}.task-error p{margin:0 0 16px;font-size:14px}.task-error button{padding:10px 20px;background:rgba(255,255,255,.9);color:#0833a5;border:none;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.task-error button:hover{background:white}.task-empty{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:#ffffffb3;text-align:center}.task-empty p{margin:0;font-size:14px}.task-list{display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 90px);overflow-y:auto;padding-right:4px}.task-list::-webkit-scrollbar{width:4px}.task-list::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:2px}.task-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:2px}.task-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}@media (max-width: 768px){.task-content{margin:8px 8px 0;padding:50px 16px 16px}.task-tabs{gap:4px;margin-bottom:16px}.task-tab{padding:10px 12px;font-size:11px}.task-list{gap:12px}}.daily-reward-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.daily-reward-popup{background:white;padding:30px 20px;border-radius:12px;text-align:center;width:85%;max-width:420px;box-shadow:0 4px 20px #00000026;animation:popupSlideIn .3s ease-out}@keyframes popupSlideIn{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.daily-reward-popup h3{margin-top:0;margin-bottom:15px;color:#4caf50;font-size:24px;font-weight:700}.daily-reward-popup p{margin:10px 0;color:#333;line-height:1.5;font-size:16px}.daily-reward-popup p:first-of-type{font-weight:700;color:#2196f3;font-size:18px}.daily-reward-popup-buttons{display:flex;justify-content:space-between;gap:15px;margin-top:25px}.daily-reward-popup-buttons button{flex:1;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:16px;transition:all .2s ease}.daily-reward-popup-buttons .btn-primary{background-color:#2196f3;color:#fff}.daily-reward-popup-buttons .btn-primary:hover{background-color:#1976d2;transform:translateY(-1px)}.daily-reward-popup-buttons .btn-secondary{background-color:#f5f5f5;color:#666;border:1px solid #ddd}.daily-reward-popup-buttons .btn-secondary:hover{background-color:#e0e0e0;transform:translateY(-1px)}.cloud-tower-game-page{padding-top:12px;display:flex;flex-direction:column;height:100vh;background-color:#00378b;overflow:hidden;font-family:SVN-Gilroy,-apple-system,BlinkMacSystemFont,sans-serif}.game-header{display:flex;align-items:center;padding:16px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;width:100%}.game-title{position:absolute;left:50%;transform:translate(-50%);color:#fff;font-size:28px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin:0}.game-back-btn{background:none;border:none;color:#fff;font-size:24px;font-weight:700;cursor:pointer;padding:8px;margin-right:16px;border-radius:8px;transition:background-color .2s}.game-back-btn:hover{background:rgba(255,255,255,.1)}.game-back-btn img{width:24px;height:24px;filter:brightness(0) invert(1)}.leaderboard-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.leaderboard-btn:hover{background:rgba(255,215,0,.2);transform:scale(1.05)}.leaderboard-btn img{height:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.game-title{color:#fff;font-size:20px;font-weight:600;margin:0;flex:1;text-align:center}.game-container-wrapper{flex:1;display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%;padding:10px;box-sizing:border-box}.game-loading{position:absolute;display:flex;flex-direction:column;align-items:center;gap:20px;color:#fff;font-size:18px;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.3);z-index:5}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;animation:spin 1s linear infinite}.game-container{width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden;border-radius:10px;background:rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center}.game-instructions{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:20px;border-radius:15px;padding:20px;box-shadow:0 5px 15px #0000001a}.game-instructions h3{color:#2c3e50;margin:0 0 15px;font-size:20px;font-weight:700}.game-instructions ul{list-style:none;padding:0;margin:0}.game-instructions li{color:#34495e;font-size:16px;margin-bottom:10px;padding:8px 0;border-bottom:1px solid rgba(52,73,94,.1)}.game-instructions li:last-child{border-bottom:none;margin-bottom:0}@media (max-width: 1024px){.game-container-wrapper{padding:8px}.game-container{width:100%;height:100%}}@media (max-width: 768px){.game-header{padding:15px}.game-title{font-size:24px}.game-back-btn{padding:8px 16px;font-size:14px}.game-container-wrapper{padding:5px}.game-container{width:100%;height:100%;border-radius:8px}.game-instructions{margin:10px;padding:15px}.game-instructions h3{font-size:18px}.game-instructions li{font-size:14px}}@media (max-width: 480px){.game-container-wrapper{padding:2px}.game-container{width:100%;height:100%;border-radius:5px}.game-title{font-size:20px;position:static;transform:none;margin-top:10px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;color:#fff}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.welcome-container{padding:20px;height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center}.welcome-content{background:rgba(255,255,255,.95);border-radius:20px;padding:32px 24px;text-align:center;box-shadow:0 20px 40px #0000001a;max-width:350px;width:100%}.quiz-info h2{color:#333;font-size:24px;font-weight:700;margin-bottom:20px}.quiz-rules{text-align:left;margin-bottom:24px}.quiz-rules p{color:#666;font-size:16px;margin:8px 0;padding-left:8px}.attempts-info{background:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:24px}.attempts-info p{color:#333;font-size:16px;margin:0}.attempts-info strong{color:#2563eb;font-weight:700}.start-quiz-button{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:#fff;border:none;border-radius:16px;padding:16px 32px;font-size:18px;font-weight:600;cursor:pointer;width:100%;transition:all .3s ease;box-shadow:0 4px 20px #3b82f64d}.start-quiz-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #3b82f666}.start-quiz-button:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none}.leaderboard-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.leaderboard-modal{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:20px;box-shadow:0 20px 40px #00000080;max-width:400px;width:90%;max-height:80vh;overflow:hidden;border:2px solid #ffd700}.leaderboard-header{background:linear-gradient(135deg,#ffd700 0%,#ffed4e 100%);padding:20px;display:flex;justify-content:space-between;align-items:center;color:#1a1a2e}.leaderboard-header h2{margin:0;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#1a1a2e;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:#0000001a}.leaderboard-content{padding:20px;max-height:60vh;overflow-y:auto}.loading-container{text-align:center;padding:40px 20px;color:#fff}.loading-spinner{width:40px;height:40px;border:4px solid #333;border-top:4px solid #ffd700;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.leaderboard-list{color:#fff}.leaderboard-header-row{display:grid;grid-template-columns:60px 1fr 80px;gap:10px;padding:10px 15px;background-color:#ffd7001a;border-radius:10px;margin-bottom:10px;font-weight:700;font-size:.9rem;text-align:center}.leaderboard-row{display:grid;grid-template-columns:60px 1fr 80px;gap:10px;padding:15px;margin-bottom:8px;background:rgba(255,255,255,.05);border-radius:12px;transition:all .3s ease;align-items:center}.leaderboard-row:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.leaderboard-row.top-three{background:linear-gradient(135deg,rgba(255,215,0,.2) 0%,rgba(255,215,0,.1) 100%);border:1px solid rgba(255,215,0,.3)}.rank{font-size:1.2rem;font-weight:700;text-align:center}.username-ld{font-weight:500;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score{font-weight:700;color:gold;text-align:right;font-size:.9rem}@media (max-width: 480px){.leaderboard-modal{width:95%;max-height:85vh}.leaderboard-header h2{font-size:1.3rem}.leaderboard-header-row,.leaderboard-row{grid-template-columns:50px 1fr 70px;gap:8px;padding:12px}.rank{font-size:1rem}.username-ld{font-size:.9rem}.score{font-size:.8rem}}.notification-page{display:flex;flex-direction:column;height:100vh;background:#092475;color:#fff;position:relative;overflow:hidden}.notification-header-page{display:flex;flex-direction:row;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;background-color:#092475}.back-button-noti-page{background:none}.page-title-noti{font-size:20px;font-weight:700;text-align:center;flex:1}.header-spacer{width:40px}.tab-navigation{display:flex;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#092475;position:sticky;z-index:90}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 12px;background:none;border:none;color:#ffffffb3;cursor:pointer;transition:all .3s ease;position:relative;font-size:14px;font-weight:500}.tab-button:hover{background:rgba(255,255,255,.05);color:#ffffffe6}.tab-button.active{color:#fff;border-bottom:3px solid #FF463C}.tab-icon{font-size:18px}.tab-text{font-weight:500}.tab-badge{background:#ff4757;color:#fff;font-size:12px;font-weight:700;padding:2px 6px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;position:absolute;top:8px;right:16px}.tab-content{flex:1;overflow-y:auto;padding:0}.notification-content{padding:20px;min-height:100%;background-color:#092475}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.tab-header h2{margin:0;font-size:24px;font-weight:700}.message-count,.gift-count{padding:4px 12px;border-radius:20px;font-size:14px;font-weight:500}.messages-list{display:flex;flex-direction:column;gap:16px}.message-created-at{position:absolute;font-size:14px;font-weight:100;right:8px;bottom:8px}.message-item{display:flex;height:110px;gap:16px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;background-color:#fff}.message-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.message-item.unread{border-left:4px solid #FFD700}.message-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border-radius:12px;flex-shrink:0}.message-content{flex:1;min-width:0;color:#000}.message-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:12px}.message-title{margin:0;font-size:16px;font-weight:600;line-height:1.4;flex:1;text-align:start}.message-time{font-size:12px;color:#ffffffb3;white-space:nowrap;flex-shrink:0}.message-text{margin:0;font-size:14px;line-height:1.5;text-align:start}.unread-dot{position:absolute;top:12px;right:12px;width:8px;height:8px;background:#FFD700;border-radius:50%}.gifts-list{display:flex;flex-direction:column;gap:16px}.gift-item{display:flex;gap:16px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;border:1px solid rgba(255,255,255,1);transition:all .3s ease}.gift-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.gift-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FFD700,#FFA500);border-radius:12px;flex-shrink:0}.gift-content{flex:1;min-width:0}.gift-header{margin-top:8px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.gift-name{text-align:start;margin:0;font-size:16px;font-weight:600;color:#fff;line-height:1.4;flex:1}.gift-amount{font-size:16px;font-weight:700;color:gold;white-space:nowrap;flex-shrink:0}.gift-details{display:flex;justify-content:space-between;align-items:center;gap:12px}.gift-source{font-size:14px;color:#fffc;flex:1}.gift-time{font-size:12px;color:#ffffffb3;white-space:nowrap;flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;min-height:300px}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.7}.empty-state p{font-size:16px;color:#ffffffb3;margin:0}@media (max-width: 768px){.notification-header-page{padding:12px 16px}.page-title{font-size:18px;margin-top:12px}.tab-button{padding:14px 8px;font-size:13px}.tab-icon{font-size:16px}.notification-content{padding:16px}.tab-header h2{font-size:20px}.message-item,.gift-item{padding:12px;gap:12px}.message-icon,.gift-icon{width:36px;height:36px;font-size:20px}.message-title,.gift-name{font-size:15px}.message-time,.gift-time{font-size:11px}.message-text,.gift-source{font-size:13px}}@media (prefers-color-scheme: dark){.notification-page{background:linear-gradient(135deg,#2d3748 0%,#4a5568 100%)}}.tab-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content::-webkit-scrollbar{width:4px}.tab-content::-webkit-scrollbar-track{background:transparent}.tab-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:2px}.tab-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.notification-test-page{min-height:100vh;background:linear-gradient(135deg,#0f0f23 0%,#1a1a2e 50%,#16213e 100%);color:#fff;padding:20px}.page-header{text-align:center;margin-bottom:40px;padding:32px 20px;background:rgba(255,255,255,.05);border-radius:16px;border:1px solid rgba(255,255,255,.1)}.page-header h1{margin:0 0 8px;font-size:28px;font-weight:700;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 50%,#4CAF50 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{margin:0;color:#b8c5d1;font-size:16px}.notification-sections{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.notification-sections section{background:rgba(255,255,255,.03);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.08)}.notification-sections h2{margin:0 0 20px;font-size:20px;font-weight:600;color:#fff;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.test-form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:500;color:#b8c5d1;font-size:14px}.test-input,.test-textarea{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;transition:all .2s ease}.test-input:focus,.test-textarea:focus{outline:none;border-color:#4caf50;background:rgba(255,255,255,.12);box-shadow:0 0 0 2px #4caf5033}.test-textarea{resize:vertical;min-height:80px;font-family:inherit}.test-buttons{display:flex;flex-wrap:wrap;gap:12px}.test-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:140px;justify-content:center}.test-btn-primary{background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%);color:#fff}.test-btn-primary:hover{background:linear-gradient(135deg,#45a049 0%,#388e3c 100%);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.test-btn-secondary{background:linear-gradient(135deg,#2196F3 0%,#1976D2 100%);color:#fff}.test-btn-secondary:hover{background:linear-gradient(135deg,#1976D2 0%,#1565C0 100%);transform:translateY(-2px);box-shadow:0 6px 20px #2196f366}.test-btn-info{background:linear-gradient(135deg,#ff9800 0%,#f57c00 100%);color:#fff}.test-btn-info:hover{background:linear-gradient(135deg,#f57c00 0%,#ef6c00 100%);transform:translateY(-2px);box-shadow:0 6px 20px #ff980066}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.status-item{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.05);padding:16px;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.status-label{font-weight:500;color:#b8c5d1}.status-value{font-weight:600;font-size:14px}.status-value.supported{color:#4caf50}.status-value.unsupported{color:#f44336}.status-value.permission-granted{color:#4caf50}.status-value.permission-denied{color:#f44336}.status-value.permission-default{color:#ff9800}.instructions{background:rgba(255,255,255,.03);border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.08)}.instructions ol{margin:0;padding-left:20px;color:#b8c5d1;line-height:1.6}.instructions li{margin-bottom:12px;font-size:14px}.instructions strong{color:#fff;font-weight:600}@media (max-width: 768px){.notification-test-page{padding:16px}.page-header{padding:24px 16px;margin-bottom:32px}.page-header h1{font-size:24px}.page-header p{font-size:14px}.notification-sections{gap:24px}.notification-sections section{padding:20px}.notification-sections h2{font-size:18px;margin-bottom:16px}.test-buttons{flex-direction:column}.test-btn{width:100%;min-width:auto}.status-grid{grid-template-columns:1fr;gap:12px}.status-item{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.notification-test-page{padding:12px}.page-header{padding:20px 12px}.page-header h1{font-size:20px}.notification-sections section{padding:16px}.test-input,.test-textarea{padding:10px 12px;font-size:13px}.test-btn{padding:10px 16px;font-size:13px}.instructions ol{padding-left:16px}.instructions li{font-size:13px;margin-bottom:10px}}.referral-list-modal .referral-modal-header{display:flex;align-items:center;font-size:18px;font-weight:600;color:#1890ff}.referral-list-modal .referral-summary{margin-bottom:16px;padding:12px 16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;color:#fff;font-size:16px;text-align:center}.referral-list-modal .referral-summary .total-count{font-size:24px;font-weight:700;color:gold;margin-left:8px}.referral-list-modal .referral-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.referral-list-modal .referral-loading p{margin-top:16px;color:#666;font-size:14px}.referral-list-modal .referral-name{display:flex;align-items:center;font-weight:500}.referral-list-modal .referral-phone{font-family:Courier New,monospace;color:#666}.referral-list-modal .referral-date{color:#999;font-size:13px}.referral-list-modal .reward-status{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.referral-list-modal .reward-status.success{background:rgba(76,175,80,.1);color:#4caf50}.referral-list-modal .reward-status.pending{background:rgba(255,152,0,.1);color:#ff9800}.referral-list-modal .ant-table{border-radius:8px;overflow:hidden}.referral-list-modal .ant-table-thead>tr>th{background:#f5f5f5;font-weight:600;color:#333}.referral-list-modal .ant-table-tbody>tr:hover>td{background:#f9f9f9}.referral-list-modal .ant-pagination{margin-top:16px;text-align:center}@media (max-width: 768px){.referral-list-modal{width:95%!important;max-width:95%!important}.referral-list-modal .referral-summary{font-size:14px}.referral-list-modal .referral-summary .total-count{font-size:20px}.referral-list-modal .ant-table{font-size:12px}.referral-list-modal .ant-table-thead>tr>th{padding:8px 4px}.referral-list-modal .ant-table-tbody>tr>td{padding:8px 4px}}.settings-page{min-height:100vh;background:linear-gradient(0deg,#062475,#062475),linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2));padding:0;font-family:SVN-Gilroy,-apple-system,BlinkMacSystemFont,sans-serif}.settings-header{display:flex;align-items:center;padding:60px 20px 20px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);position:sticky;top:0;z-index:100}.settings-page-content{position:absolute;top:60px;left:0;right:0;bottom:0;overflow-y:auto;border-radius:20px 20px 0 0;padding-top:70px}.back-button{background:rgba(255,255,255,.2);border:none;border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;cursor:pointer;transition:all .3s ease;margin-right:16px}.back-button:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.settings-header h1{color:#fff;font-size:24px;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.settings-main{position:relative;width:100%;height:100%}.user-info-section{padding:60px 20px 30px;background:rgba(255,255,255,1);border-radius:20px 20px 0 0;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative;height:100%}.user-avatar{position:absolute;top:-60px;left:50%;transform:translate(-50%);z-index:10}.avatar-placeholder{width:120px;height:120px;border-radius:12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);border:4px solid white;box-shadow:0 8px 24px #0003;overflow:hidden;position:relative}.upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;z-index:10}.upload-text{color:#fff;font-size:12px;font-weight:600;margin-top:8px;text-align:center}.upload-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}.avatar-edit-button{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:all .3s ease}.avatar-edit-button:hover{transform:scale(1.1)}.avatar-edit-button img{width:20px;height:20px}.avatar-edit-button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.upload-message{position:fixed;top:100px;left:50%;transform:translate(-50%);z-index:1000;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;box-shadow:0 4px 12px #00000026;animation:slideInFromTop .3s ease-out;min-width:300px;max-width:90vw}.upload-error{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.upload-success{background:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}.error-icon,.success-icon{font-size:16px;flex-shrink:0}.close-message{background:none;border:none;font-size:18px;font-weight:700;cursor:pointer;margin-left:auto;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.upload-error .close-message{color:#dc2626}.upload-error .close-message:hover{background-color:#dc26261a}.upload-success .close-message{color:#16a34a}.upload-success .close-message:hover{background-color:#16a34a1a}@keyframes slideInFromTop{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@supports (-webkit-touch-callout: none){.avatar-placeholder{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.upload-overlay{-webkit-transform:translateZ(0);transform:translateZ(0)}.upload-message{-webkit-transform:translate(-50%,0);transform:translate(-50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media screen and (max-width: 414px) and (-webkit-min-device-pixel-ratio: 2){.upload-message{font-size:13px;padding:10px 14px;max-width:95vw;left:50%;right:auto}.avatar-placeholder{width:100px;height:100px}.upload-text{font-size:11px}}@media screen and (min-width: 768px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){.upload-message{font-size:15px;min-width:350px}}.user-details{padding-top:70px;text-align:center}.user-name{font-size:24px;font-weight:700;color:#1a202c;text-shadow:0 1px 2px rgba(0,0,0,.05)}.user-info-grid{display:grid;gap:12px;text-align:left;max-width:400px;margin:0 auto}.edt_btn_badge,.edt_btn_badge img{width:24px;height:24px}.info-item{display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.info-item:hover{background:rgba(255,255,255,.9);transform:translateY(-1px)}.info-label{font-weight:600;color:#4a5568;font-size:14px}.info-value{font-weight:500;color:#1a202c;font-size:14px;text-align:right;max-width:60%;word-break:break-all}.settings-menu{display:flex;flex-direction:column;gap:16px}.settings-menu-item{display:flex;align-items:center;height:50px;padding:8px;background:rgba(255,255,255,.95);border-radius:8px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0000000d;border:1px solid rgba(191,191,191,1)}.settings-menu-item:hover{transform:translateY(-2px);background:rgba(255,255,255,1)}.settings-menu-item.disabled:hover{transform:none;box-shadow:0 4px 16px #0000000d}.menu-item-icon{font-size:24px;margin-right:16px;width:40px;text-align:center}.menu-item-content{flex:1;text-align:left}.menu-item-content h3{font-size:16px;font-weight:600;margin:0 0 4px}.menu-item-content p{font-size:16px;margin:0;line-height:1.4}.arrow-icon{font-size:18px;color:#a0aec0;margin-left:12px}.verified-badge{background:#48bb78;color:#fff;font-size:14px;font-weight:600;padding:6px 12px;border-radius:20px;margin-left:12px;box-shadow:0 2px 8px #48bb784d}.settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-modal-content{background:white;border-radius:16px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.settings-menu-item-2nd{background:linear-gradient(92.53deg,#240CD7 0%,#7509D9 100%);width:100%;angle:0deg;opacity:1;top:459px;left:20px;border-radius:8px;padding:12px;gap:86px;color:#fff}.settings-menu-item-2nd h2{font-weight:700;font-size:16px}.settings-menu-item-2nd button{background:rgba(245,245,245,1);height:32px;width:100%;angle:0 deg;opacity:1;border-radius:4px;gap:10px;padding:5px 26px;color:#454545}.menu-item-content-row{display:flex;justify-content:space-between;align-items:center}.menu-item-content-row img{height:24px;width:24px}.settings-menu-item-2nd p{font-weight:lighter;font-size:13px}.settings-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0}.settings-modal-header h2{font-size:20px;font-weight:600;margin:0;color:#1a202c}.close-button{background:none;border:none;font-size:24px;color:#a0aec0;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}.close-button:hover{background:#f7fafc;color:#4a5568}.settings-modal-body{padding:20px}@media (max-width: 768px){.settings-header{padding:50px 16px 16px}.settings-header h1{font-size:20px}.user-info-section{padding:24px 16px}.user-name{font-size:20px}.avatar-placeholder{width:120px;height:120px;font-size:24px}.menu-item-content h3{font-size:15px}.menu-item-content p{font-size:16px}.info-item{padding:10px 12px}.info-label,.info-value{font-size:13px}}@media (max-width: 480px){.back-button{width:36px;height:36px;font-size:18px}.settings-header{padding:45px 12px 12px}.user-info-section{padding:20px 12px}}.logout-section{display:flex;justify-content:center;margin-top:40px;margin-bottom:40px;padding:0 20px}.logout-button{height:40px;border:none;border-radius:120px;padding:11px 99px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;background:linear-gradient(270deg,#0B42D6 0%,#507EF6 100%);background:linear-gradient(75.16deg,rgba(0,0,0,0) 5.46%,#305989 89.15%);background:linear-gradient(180deg,rgba(0,0,0,0) 71.71%,#305989 93.75%);background:linear-gradient(169.05deg,rgba(0,0,0,0) 60.15%,#2D1C16 62.8%);background-blend-mode:color-dodge;background:linear-gradient(0deg,rgba(0,0,0,0) 83.29%,#0E161F 86.25%);background:linear-gradient(270deg,#0B42D6 0%,rgba(47,97,231,0) 51.92%,#507EF6 100%);background:linear-gradient(90deg,#FF4040 0%,#E62B2B 100%);box-shadow:-1px -2px 2px #00000040 inset;box-shadow:1px 2px 1px #ffffff40 inset}.logout-button:hover{opacity:.9;transform:translateY(-1px)}.logout-button:active{transform:translateY(0);opacity:.8}.referral-code-section{margin:20px 0;padding:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;color:#fff}.referral-code-header h3{margin:0 0 12px;font-size:18px;font-weight:600;color:#fff}.referral-code-display{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.2);padding:12px 16px;border-radius:8px;margin-bottom:8px}.referral-code-value{flex:1;font-family:Courier New,monospace;font-size:18px;font-weight:700;color:gold;letter-spacing:1px}.copy-referral-button{padding:8px 16px;background:rgba(255,255,255,.9);color:#667eea;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.copy-referral-button:hover{background:white;transform:scale(1.05)}.referral-hint{font-size:13px;color:#fffc;margin-bottom:16px}.referral-stats{display:flex;flex-direction:column;gap:8px;background:rgba(255,255,255,.15);padding:12px;border-radius:8px;margin-bottom:12px}.referral-stats .stat-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.referral-stats .stat-label{color:#ffffffe6}.referral-stats .stat-value{font-weight:700;color:#fff}.referral-stats .stat-value.highlight{color:gold;font-size:16px}.view-referral-list-button{width:100%;padding:12px;background:rgba(255,255,255,.9);color:#667eea;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.view-referral-list-button:hover{background:white;transform:translateY(-2px);box-shadow:0 4px 12px #0003}@media (max-width: 480px){.logout-section{padding:0 12px}.logout-button{padding:11px 79px}.referral-code-section{padding:16px}.referral-code-value{font-size:14px}.copy-referral-button{padding:6px 12px;font-size:12px}.referral-stats .stat-item{font-size:13px}.view-referral-list-button{font-size:13px;padding:10px}}.terms-page{background:#f8f9fa;min-height:100vh}.terms-page-header{position:sticky;top:0;background:white;padding:15px 20px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:15px;z-index:100;box-shadow:0 2px 4px #0000001a}.terms-back-btn{background:none;border:none;color:#1a73e8;font-size:16px;font-weight:600;cursor:pointer;padding:8px 12px;border-radius:6px;transition:background-color .2s;display:flex;align-items:center;gap:5px}.terms-back-btn:hover{background:#f0f0f0}.terms-page-header h1{margin:0;font-size:18px;font-weight:600;color:#333}.terms-page-content{padding:20px;max-width:800px;margin:0 auto}@media (max-width: 768px){.terms-page-header{padding:12px 15px}.terms-page-header h1{font-size:16px}.terms-back-btn{font-size:14px;padding:6px 10px}.terms-page-content{padding:15px}}.event-qr-scan-page{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px;box-sizing:border-box}.qr-scan-header{display:flex;align-items:center;margin-bottom:20px;padding-top:env(safe-area-inset-top)}.qr-scan-header .back-button{background:rgba(255,255,255,.2);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin-right:15px;cursor:pointer;transition:all .3s ease;margin-top:0!important}.qr-scan-header .back-button:hover{background:rgba(255,255,255,.3)}.qr-scan-header .back-button img{width:20px;height:20px;filter:brightness(0) invert(1)}.qr-scan-header h1{margin:0;font-size:24px;font-weight:700}.qr-scan-content{position:relative}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{display:flex;align-items:center;justify-content:center;min-height:400px}.error-message{background:rgba(255,255,255,.1);padding:30px;border-radius:15px;text-align:center;max-width:400px;width:100%}.error-message h3{margin:0 0 15px;font-size:18px}.error-message p{margin:0 0 20px;line-height:1.5}.error-actions{display:flex;gap:10px;justify-content:center}.retry-button,.back-button-error{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s ease}.retry-button{background:#4CAF50;color:#fff}.retry-button:hover{background:#45a049}.back-button-error{background:rgba(255,255,255,.2);color:#fff}.back-button-error:hover{background:rgba(255,255,255,.3)}.scanner-container{display:flex;flex-direction:column;gap:20px}.scan-instructions{background:rgba(255,255,255,.1);padding:20px;border-radius:15px}.scan-instructions h3{margin:0 0 15px;font-size:18px}.scan-instructions ul{margin:0 0 20px;padding-left:20px}.scan-instructions li{margin-bottom:8px;line-height:1.4}.reward-info h4{margin:0 0 15px;font-size:16px;color:gold}.reward-tiers{display:flex;flex-direction:column;gap:8px}.reward-tier{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:rgba(255,255,255,.1);border-radius:8px;font-size:14px}.reward-tier .points{font-weight:700;color:gold}.reward-tier .reward{color:#e8f5e8}.event-game-container{min-height:100vh;background:#000;color:#fff;display:flex;flex-direction:column}.event-game-header{position:relative;padding:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);text-align:center}.event-game-header h2{font-size:20px}.event-game-header p{margin:0;font-size:14px;opacity:.9}.event-game-header .back-button{position:absolute;background:none;transform:translate(-50%,-50%);top:50%;left:32px;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-top:0!important}.attempt-info{margin-top:10px}.attempt-counter{display:inline-block;background:rgba(255,255,255,.2);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;color:#fff;border:1px solid rgba(255,255,255,.3)}.qr-scanner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.qr-scanner-modal{background:white;border-radius:15px;width:90%;max-width:400px;overflow:hidden}.qr-scanner-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.qr-scanner-header h2{margin:0;font-size:18px}.qr-scanner-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.qr-scanner-close:hover{background:rgba(255,255,255,.2)}.qr-scanner-content{padding:20px}.qr-scanner-instruction{text-align:center;margin:15px 0 0;color:#666;font-size:14px}@media (max-width: 480px){.event-qr-scan-page{padding:15px}.qr-scan-header h1{font-size:20px}.scan-instructions{padding:15px}.reward-tier{flex-direction:column;align-items:flex-start;gap:4px}.error-message{padding:20px}.error-actions{flex-direction:column}.retry-button,.back-button-error{width:100%}}.scanner-container.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:1000;display:flex;flex-direction:column}.scanner-container.fullscreen video{width:100vw!important;height:100vh!important;object-fit:cover}.scan-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.scan-overlay-minimal{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;justify-content:space-between;z-index:10;padding:60px 20px 40px}.scan-instruction{text-align:center}.scan-instruction p{color:#fff;font-size:18px;font-weight:500;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.cancel-scan{background:rgba(255,255,255,.2);border:2px solid white;color:#fff;padding:12px 24px;border-radius:25px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.cancel-scan:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.scan-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;min-height:60vh}.qr-icon{font-size:80px;margin-bottom:20px;opacity:.8}.scan-intro h2{color:#fff;margin-bottom:16px;font-size:24px;font-weight:600}.scan-intro p{color:#fffc;margin-bottom:30px;font-size:16px;line-height:1.5;max-width:300px}.start-scan-button{background:rgba(255,255,255,.2);color:#fff;border:2px solid white;padding:16px 32px;border-radius:25px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.start-scan-button:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.error-popup-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.error-popup{background:rgba(255,255,255,.95);color:#333;padding:30px;border-radius:20px;text-align:center;max-width:350px;width:100%;box-shadow:0 20px 40px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:popupFadeIn .3s ease-out}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.error-popup .error-icon{font-size:48px;margin-bottom:15px}.error-popup h3{margin:0 0 15px;font-size:20px;font-weight:700;color:#d32f2f}.error-popup .error-text{margin:0 0 25px;line-height:1.6;color:#555;font-size:16px}.error-popup .error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.error-popup .retry-button{background:#4CAF50;color:#fff;padding:12px 24px;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px}.error-popup .retry-button:hover{background:#45a049;transform:translateY(-2px)}.error-popup .back-button-error{background:transparent;color:#666;padding:12px 24px;border:2px solid #ddd;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px}.error-popup .back-button-error:hover{background:#f5f5f5;border-color:#bbb;transform:translateY(-2px)}.completion-message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px 20px}.completion-icon{font-size:80px;margin-bottom:20px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.completion-message h2{font-size:32px;margin-bottom:15px;color:#fff;font-weight:700}.completion-message p{font-size:18px;margin-bottom:10px;opacity:.9;line-height:1.4}.back-home-button{background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%);color:#fff;border:none;border-radius:12px;padding:15px 30px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:30px;box-shadow:0 4px 15px #4caf504d}.back-home-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #4caf5066}.back-home-button:active{transform:translateY(0);box-shadow:0 2px 10px #4caf504d}.voucher-hint{font-size:14px!important;color:gold!important;margin-top:15px!important;margin-bottom:5px!important;font-style:italic;opacity:.8}.completion-buttons{display:flex;flex-direction:column;gap:15px;margin-top:30px;width:100%;max-width:300px}.voucher-details-button{background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);color:#333;border:none;border-radius:12px;padding:15px 30px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd7004d}.voucher-details-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ffd70066}.voucher-details-button:active{transform:translateY(0);box-shadow:0 2px 10px #ffd7004d}.completion-message{transition:background-color .3s ease}.completion-message:hover{background-color:#ffffff0d;border-radius:15px}@media (max-width: 480px){.completion-buttons{max-width:100%}.voucher-details-button,.back-home-button{width:100%;padding:18px 20px;font-size:16px}}.pwa-update-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pwa-update-modal{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:16px;padding:24px;max-width:400px;width:90%;box-shadow:0 20px 40px #0000004d;border:1px solid rgba(255,255,255,.1);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pwa-update-header h3{color:#fff;margin:0 0 16px;font-size:20px;font-weight:600;text-align:center}.pwa-update-content p{color:#b8c5d1;margin:0 0 24px;line-height:1.5;text-align:center;font-size:14px}.pwa-update-actions{display:flex;gap:12px;justify-content:center}.pwa-update-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.pwa-update-btn-primary{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%);color:#fff}.pwa-update-btn-primary:hover{background:linear-gradient(135deg,#ff5252 0%,#d84315 100%);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b4d}.pwa-update-btn-secondary{background:rgba(255,255,255,.1);color:#b8c5d1;border:1px solid rgba(255,255,255,.2)}.pwa-update-btn-secondary:hover{background:rgba(255,255,255,.15);color:#fff;transform:translateY(-1px)}@media (max-width: 480px){.pwa-update-modal{margin:20px;padding:20px}.pwa-update-actions{flex-direction:column}.pwa-update-btn{width:100%}}.install-pwa-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #4caf504d;position:fixed;bottom:20px;right:20px;z-index:1000}.install-pwa-btn:hover{background:linear-gradient(135deg,#45a049 0%,#388e3c 100%);transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.install-pwa-btn:active{transform:translateY(0)}.install-pwa-btn svg{width:18px;height:18px}@media (max-width: 768px){.install-pwa-btn{bottom:80px;right:16px;padding:12px 16px;font-size:13px}}@media (max-width: 480px){.install-pwa-btn{bottom:90px;right:12px;padding:10px 14px;font-size:12px}.install-pwa-btn span{display:none}.install-pwa-btn svg{width:20px;height:20px}}.notification-badge{position:fixed;top:20px;right:20px;max-width:380px;width:90%;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:12px;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1);z-index:10001;transform:translate(120%);transition:transform .3s ease-out;overflow:hidden}.notification-badge.show{transform:translate(0)}.notification-content{padding:16px}.notification-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.notification-icon{flex-shrink:0;width:40px;height:40px;border-radius:8px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;overflow:hidden}.notification-icon img{width:100%;height:100%;object-fit:cover;border-radius:6px}.default-icon{font-size:20px}.notification-text{flex:1;min-width:0}.notification-title{margin:0 0 4px;font-size:15px;font-weight:600;color:#fff;line-height:1.3;word-wrap:break-word}.notification-body{margin:0;font-size:13px;color:#b8c5d1;line-height:1.4;word-wrap:break-word}.notification-close{flex-shrink:0;width:24px;height:24px;border:none;background:rgba(255,255,255,.1);color:#b8c5d1;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease}.notification-close:hover{background:rgba(255,255,255,.2);color:#fff}.notification-actions{display:flex;gap:8px;justify-content:flex-end}.notification-action-btn{padding:8px 16px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.notification-action-btn.primary{background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%);color:#fff}.notification-action-btn.primary:hover{background:linear-gradient(135deg,#45a049 0%,#388e3c 100%);transform:translateY(-1px)}.notification-action-btn.secondary{background:rgba(255,255,255,.1);color:#b8c5d1;border:1px solid rgba(255,255,255,.2)}.notification-action-btn.secondary:hover{background:rgba(255,255,255,.15);color:#fff}.notification-progress{height:3px;background:rgba(255,255,255,.1);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#4CAF50 0%,#45a049 100%);width:100%;transform:translate(-100%);animation:progress-fill linear forwards}@keyframes progress-fill{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 768px){.notification-badge{top:16px;right:16px;left:16px;max-width:none;width:auto}.notification-content{padding:14px}.notification-header{gap:10px}.notification-icon{width:36px;height:36px}.notification-title{font-size:14px}.notification-body{font-size:12px}.notification-close{width:22px;height:22px;font-size:11px}.notification-action-btn{padding:6px 12px;font-size:12px}}@media (max-width: 480px){.notification-badge{top:12px;right:12px;left:12px}.notification-content{padding:12px}.notification-header{gap:8px}.notification-icon{width:32px;height:32px}.default-icon{font-size:16px}.notification-actions{flex-direction:column}.notification-action-btn{width:100%;justify-content:center}}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}@media (prefers-color-scheme: dark){.notification-badge{background:linear-gradient(135deg,#0f0f23 0%,#1a1a2e 100%);border-color:#ffffff26}}.mobile-only{display:block}.desktop-only{display:none}.touch-button{min-height:44px;min-width:44px;padding:12px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.full-height{height:100vh;height:-webkit-fill-available}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}.safe-area-all{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.text-mobile-sm{font-size:12px;line-height:1.4}.text-mobile-base{font-size:14px;line-height:1.5}.text-mobile-lg{font-size:16px;line-height:1.5}.text-mobile-xl{font-size:18px;line-height:1.4}.text-mobile-2xl{font-size:20px;line-height:1.3}@media (min-width: 769px){.mobile-only{display:none}.desktop-only{display:block}.text-mobile-sm{font-size:13px}.text-mobile-base{font-size:15px}.text-mobile-lg{font-size:17px}.text-mobile-xl{font-size:19px}.text-mobile-2xl{font-size:22px}}@media (max-width: 375px){.text-mobile-sm{font-size:11px}.text-mobile-base{font-size:13px}.text-mobile-lg{font-size:15px}.text-mobile-xl{font-size:17px}.text-mobile-2xl{font-size:19px}}@media (min-width: 414px) and (max-width: 768px){.text-mobile-sm{font-size:13px}.text-mobile-base{font-size:15px}.text-mobile-lg{font-size:17px}.text-mobile-xl{font-size:19px}.text-mobile-2xl{font-size:22px}}@media (orientation: landscape) and (max-height: 500px){.full-height{height:100vh}.safe-area-top,.safe-area-all{padding-top:0}.safe-area-bottom,.safe-area-all{padding-bottom:0}}input,textarea,select{font-size:16px}@media (max-width: 768px){input,textarea,select{font-size:16px}}.custom-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.custom-scrollbar::-webkit-scrollbar{display:none}.smooth-animation{transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0);will-change:transform}@media (prefers-reduced-motion: reduce){.smooth-animation{transition:none;animation:none}}@font-face{font-family:SVN-Gilroy;src:local("Gilroy-Medium"),url(/fonts/SVN-Gilroy\ Medium.otf) format("truetype")}@font-face{font-family:SVN-Gilroy-Light;src:local("Gilroy-Light"),url(/fonts/SVN-Gilroy\ Light.otf) format("truetype")}@font-face{font-family:SVN-Gilroy-Bold;src:local("Gilroy-Bold"),url(/fonts/SVN-Gilroy\ Bold.otf) format("truetype")}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;touch-action:manipulation;scroll-behavior:smooth}body{margin:0;font-family:SVN-Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#333;background-color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;min-height:100vh;min-height:-webkit-fill-available}#root{height:100vh;height:100dvh;min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column;width:100%;overflow:hidden;position:relative}.layout{display:flex;flex-direction:column;min-height:100vh}.header{color:#fff}.header .container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}.logo a{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:700}.nav{display:flex;gap:1rem}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s}.nav-link:hover{background-color:#ffffff1a}.main{flex:1}.footer{background-color:#34495e;color:#fff;padding:1rem 0;text-align:center}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-block;padding:.75rem 1.5rem;text-decoration:none;border-radius:4px;font-weight:500;transition:all .2s;cursor:pointer;border:none;font-size:1rem}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2980b9}*{margin:0;padding:0;box-sizing:border-box}body{font-family:SVN-Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#4285f4 0%,#6fa8dc 50%,#9c88ff 100%);min-height:100vh;overflow-x:hidden}.home-page-figma{width:100%;min-height:100vh;background:linear-gradient(135deg,#4285f4 0%,#6fa8dc 50%,#9c88ff 100%);position:relative;overflow:hidden}.mobile-status-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;background:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;font-size:15px;font-weight:400;font-family:Inter,sans-serif;letter-spacing:-2%;position:relative;z-index:1000}.status-left{font-weight:400}.status-right{display:flex;align-items:center;gap:8px}.signal-bars{display:flex;align-items:flex-end;gap:1px;height:10.67px}.signal-bars .bar{width:3px;background:#000;border-radius:.5px}.signal-bars .bar:nth-child(1){height:4px}.signal-bars .bar:nth-child(2){height:6px}.signal-bars .bar:nth-child(3){height:8px}.signal-bars .bar:nth-child(4){height:10px}.battery-icon{display:flex;align-items:center;gap:1px}.battery-body{width:22px;height:11px;border:1px solid #000;border-radius:2px;position:relative}.battery-level{width:70%;height:100%;background:#000;border-radius:1px}.battery-tip{width:1px;height:4px;background:#000;border-radius:0 1px 1px 0}.figma-header{display:flex;justify-content:space-between;align-items:center;padding:24px 20px;position:relative;z-index:100}.header-btn{width:24px;height:24px;background:none;border:none;color:#000;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.header-btn:hover{opacity:.7}.common-container{width:100vw;height:100vh;max-width:calc(100vh * 375 / 720);max-height:192vw;background-repeat:no-repeat;background-position:center top;background-size:contain;display:flex;flex-direction:column;font-family:SVN-Gilroy,sans-serif;overflow:hidden;position:relative;display:flex!important;-webkit-overflow-scrolling:touch;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.header-title{font-family:SVN-Gilroy,sans-serif;font-weight:700;font-size:32px;line-height:1.05em;color:#000;text-align:center;flex:1}.user-profile-section{display:flex;justify-content:space-between;align-items:center;padding:0 20px 20px;margin-bottom:20px}.user-info{display:flex;align-items:center;gap:12px}.vietnam-flag{width:48px;height:48px;border-radius:50%;background:#D80027;position:relative;display:flex;align-items:center;justify-content:center}.flag-red{width:100%;height:100%;background:#D80027;border-radius:50%}.flag-star{position:absolute;color:gold;font-size:20px;font-weight:700}.user-details{display:flex;flex-direction:column;gap:7px}.username{font-family:SVN-Gilroy,sans-serif;font-weight:600;font-size:16px;line-height:1.05em;color:#000}.user-stats{background:#031544;border:1px solid #E4E4E4;border-radius:12px;padding:2px 8px 0 24px;display:flex;align-items:center;gap:4px;width:92px;height:24px}.coin-count{font-family:SVN-Gilroy,sans-serif;font-weight:500;font-size:16px;line-height:1.05em;color:#fff}.header-actions{display:flex;align-items:center;gap:24px}.action-btn{width:24px;height:24px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:opacity .3s ease}.action-btn:hover{opacity:.7}.notification-btn svg{width:19px;height:24px;color:#595959}.notification-dot{position:absolute;top:1.5px;right:0;width:5px;height:5px;background:#EA5C15;border-radius:50%}.settings-btn{font-size:18px;color:#595959}.sponsor-banner{margin:0 20px 25px;background:#FFFFFF;border-radius:8px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a}.sponsor-text{font-family:SVN-Gilroy,sans-serif;font-weight:600;font-size:14px;color:#1976d2}.bank-icon{font-size:16px}.figma-isometric-scene{position:relative;width:100%;height:600px;margin:0 auto;perspective:1000px;transform-style:preserve-3d;overflow:hidden;background:linear-gradient(135deg,#6fa8dc 0%,#4285f4 50%,#9c88ff 100%)}.scene-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-size:cover;background-position:center center;background-repeat:no-repeat}.road{position:absolute;background:linear-gradient(90deg,rgba(255,151,240,1) 0%,rgba(218,91,240,1) 100%);z-index:2}.road-main-horizontal{width:173px;height:5px;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(75deg)}.road-main-vertical{width:5px;height:100px;top:45%;left:50%;transform:translate(-50%,-50%) rotateY(90deg) rotateX(75deg)}.building{position:absolute;transform-style:preserve-3d;cursor:pointer;transition:transform .3s ease;z-index:10}.building:hover{transform:translateY(-5px)}.building-structure{position:relative;transform-style:preserve-3d}.building-face{position:absolute}.building-top{width:80px;height:80px;background:linear-gradient(135deg,#4CAF50,#388E3C);transform:rotateX(90deg) translateZ(40px)}.building-front{width:80px;height:80px;background:linear-gradient(180deg,#66BB6A,#4CAF50);transform:translateZ(40px)}.building-right{width:80px;height:80px;background:linear-gradient(270deg,#388E3C,#2E7D32);transform:rotateY(90deg) translateZ(40px)}.building-label{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:rgba(255,255,255,.95);padding:6px 12px;border-radius:16px;font-family:SVN-Gilroy,sans-serif;font-weight:600;font-size:11px;color:#2e7d32;white-space:nowrap;box-shadow:0 2px 8px #00000026;z-index:50}.building-top-left{top:25%;left:15%;transform:rotateY(-25deg) rotateX(15deg)}.building-top-right{top:25%;right:15%;transform:rotateY(25deg) rotateX(15deg)}.building-bottom-left{bottom:25%;left:20%;transform:rotateY(-20deg) rotateX(15deg)}.building-bottom-center{bottom:20%;left:50%;transform:translate(-50%) rotateY(0) rotateX(15deg)}.building-bottom-right{bottom:25%;right:20%;transform:rotateY(20deg) rotateX(15deg)}.central-kilo-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}.platform-circle{width:140px;height:140px;background:radial-gradient(circle,#FFD700 20%,#FFA000 80%);border-radius:50%;transform:rotateX(75deg);position:relative;box-shadow:0 0 40px #ffd70099,inset 0 10px 30px #ffffff4d;animation:platformGlow 3s ease-in-out infinite}.platform-glow{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:radial-gradient(circle,rgba(255,215,0,.4) 0%,transparent 70%);border-radius:50%;animation:glowPulse 2s ease-in-out infinite}.kilo-robot-container{position:absolute;top:-120px;left:50%;transform:translate(-50%);z-index:150}.kilo-robot{position:relative;animation:robotFloat 3s ease-in-out infinite}.robot-head{width:45px;height:45px;background:linear-gradient(145deg,#E0E0E0,#BDBDBD);border-radius:10px;position:relative;margin:0 auto 5px;box-shadow:0 4px 12px #00000040}.robot-visor{width:35px;height:18px;background:linear-gradient(90deg,#00BCD4,#0097A7);border-radius:18px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:inset 0 2px 6px #0000004d,0 0 15px #00bcd499;animation:visorGlow 2s ease-in-out infinite}.robot-antenna{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:3px;height:15px;background:#757575;border-radius:3px}.antenna-tip{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:8px;height:8px;background:#FF5722;border-radius:50%;box-shadow:0 0 10px #ff5722cc;animation:antennaGlow 2s ease-in-out infinite}.robot-body{width:55px;height:70px;background:linear-gradient(145deg,#E0E0E0,#BDBDBD);border-radius:15px;margin:0 auto;position:relative;box-shadow:0 6px 15px #00000040}.robot-chest-panel{position:absolute;top:15px;left:50%;transform:translate(-50%);width:35px;height:25px;background:linear-gradient(135deg,#424242,#616161);border-radius:8px;box-shadow:inset 0 2px 5px #0000004d}.robot-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:SVN-Gilroy,sans-serif;font-weight:700;font-size:10px;color:#00bcd4;text-shadow:0 0 5px rgba(0,188,212,.8)}.robot-arms{display:flex;justify-content:space-between;width:90px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.robot-arm{width:15px;height:45px;background:linear-gradient(145deg,#E0E0E0,#BDBDBD);border-radius:8px;box-shadow:0 2px 6px #0003}.robot-arm-left{transform:rotate(-15deg)}.robot-arm-right{transform:rotate(15deg)}.robot-legs{display:flex;justify-content:space-between;width:45px;position:absolute;top:95px;left:50%;transform:translate(-50%)}.robot-leg{width:18px;height:30px;background:linear-gradient(145deg,#E0E0E0,#BDBDBD);border-radius:10px;box-shadow:0 2px 6px #0003}.interactive-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:200;pointer-events:none}.interactive-overlay .kilo-hub-title{pointer-events:none}.kilo-hub-title{position:absolute;top:75%;left:50%;transform:translate(-50%);font-family:SVN-Gilroy,sans-serif;font-weight:700;font-size:36px;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.8),0 4px 8px rgba(0,0,0,.3);letter-spacing:4px;z-index:50;animation:titleGlow 3s ease-in-out infinite}.special-building .teleport-pad{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:70px;height:25px;background:linear-gradient(135deg,#E91E63,#AD1457);border-radius:50%;box-shadow:0 0 25px #e91e63cc,inset 0 3px 8px #ffffff4d;animation:teleportGlow 2s ease-in-out infinite}.teleport-effect{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:radial-gradient(circle,rgba(233,30,99,.6) 0%,transparent 70%);border-radius:50%;animation:teleportPulse 1.5s ease-in-out infinite}.decorative-elements{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}.lamp{position:absolute;width:6px;height:50px;background:linear-gradient(180deg,#757575,#424242);border-radius:3px}.lamp:after{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:15px;height:10px;background:#FFD700;border-radius:50%;box-shadow:0 0 20px #ffd700cc}.lamp-1{top:40%;left:25%}.lamp-2{top:40%;right:25%}.lamp-3{bottom:30%;left:50%;transform:translate(-50%)}.tree{position:absolute;width:25px;height:35px}.tree:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:8px;height:18px;background:#795548;border-radius:4px}.tree:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:25px;height:25px;background:#4CAF50;border-radius:50%;box-shadow:0 2px 6px #0003}.tree-1{top:20%;left:10%}.tree-2{top:20%;right:10%}.tree-3{bottom:15%;left:15%}.tree-4{bottom:15%;right:15%}@keyframes robotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes platformGlow{0%,to{box-shadow:0 0 40px #ffd70099,inset 0 10px 30px #ffffff4d}50%{box-shadow:0 0 60px #ffd700e6,inset 0 10px 30px #ffffff80}}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes visorGlow{0%,to{box-shadow:inset 0 2px 6px #0000004d,0 0 15px #00bcd499}50%{box-shadow:inset 0 2px 6px #0000004d,0 0 25px #00bcd4}}@keyframes antennaGlow{0%,to{box-shadow:0 0 10px #ff5722cc}50%{box-shadow:0 0 20px #ff5722}}@keyframes titleGlow{0%,to{text-shadow:0 0 20px rgba(255,255,255,.8),0 4px 8px rgba(0,0,0,.3)}50%{text-shadow:0 0 30px rgba(255,255,255,1),0 4px 8px rgba(0,0,0,.3)}}@keyframes teleportGlow{0%,to{box-shadow:0 0 25px #e91e63cc,inset 0 3px 8px #ffffff4d}50%{box-shadow:0 0 40px #e91e63,inset 0 3px 8px #ffffff80}}@keyframes teleportPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}}@media (max-width: 768px){.figma-isometric-scene{height:500px}.kilo-hub-title{font-size:28px;letter-spacing:2px}.building{transform:scale(.85)}.central-kilo-section{transform:translate(-50%,-50%) scale(.9)}.platform-circle{width:120px;height:120px}}@media (max-width: 480px){.figma-isometric-scene{height:450px}.kilo-hub-title{font-size:24px;letter-spacing:1px}.building{transform:scale(.7)}.central-kilo-section{transform:translate(-50%,-50%) scale(.8)}}.ui-labels{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:200}.label{position:absolute;background:rgba(255,255,255,.95);padding:8px 12px;border-radius:20px;font-family:SVN-Gilroy,sans-serif;font-weight:600;font-size:12px;color:#2e7d32;box-shadow:0 4px 12px #00000026;opacity:0;transition:opacity .3s ease}.building:hover+.ui-labels .label,.building:hover .building-label{opacity:1}.kiloba-header{padding:24px 20px}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:400px;margin:0 auto}.logo-section{display:flex;align-items:center;gap:16px}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#FF4081 0%,#9C27B0 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.main-title{font-family:Inter,sans-serif;font-weight:700;font-size:32px;line-height:1.05;color:#fff;margin:0}.main-nav{display:flex;align-items:center;gap:24px}.nav-item{position:relative;display:flex;align-items:center;gap:12px}.vietnamese-flag{width:48px;height:48px;background:#D80027;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.flag-star{color:gold}.nav-content{display:flex;flex-direction:column;gap:4px}.nav-title{font-family:Inter,sans-serif;font-weight:600;font-size:16px;color:#fff;text-align:center}.nav-badge{background:#031544;border:1px solid #E4E4E4;border-radius:4px;padding:2px 8px;color:#fff;font-size:16px;font-weight:500;text-align:center;width:92px;height:24px;display:flex;align-items:center;justify-content:center}.notification-icon{font-size:24px;color:#595959}.notification-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#EA5C15;border-radius:50%}.search-icon{font-size:24px;color:#595959}.hero-section{position:relative;flex:1;min-height:calc(100vh - 120px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.space-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.space-element{position:absolute;border-radius:50%;animation:float 6s ease-in-out infinite}.planet-1{width:80px;height:80px;background:linear-gradient(51deg,rgba(41,89,213,1) 20%,rgba(64,62,180,1) 52%,rgba(84,39,152,1) 82%);top:20%;left:10%;animation-delay:0s}.planet-2{width:60px;height:60px;background:linear-gradient(-19deg,rgba(255,164,240,1) 0%,rgba(218,91,240,1) 85%,rgba(169,111,240,1) 100%);top:60%;right:15%;animation-delay:2s}.asteroid-1{width:40px;height:40px;background:linear-gradient(0deg,rgba(98,87,252,1) 34%,rgba(40,36,138,1) 75%);top:40%;left:20%;animation-delay:1s}.asteroid-2{width:30px;height:30px;background:linear-gradient(19deg,rgba(0,140,255,1) 0%,rgba(139,109,245,1) 100%);top:30%;right:25%;animation-delay:3s}.star-1{width:8px;height:8px;background:linear-gradient(-31deg,rgba(255,171,240,1) 0%,rgba(179,136,240,1) 100%);top:15%;left:30%;animation-delay:.5s}.star-2{width:6px;height:6px;background:linear-gradient(-30deg,rgba(255,171,240,1) 0%,rgba(179,136,240,1) 100%);top:70%;left:40%;animation-delay:1.5s}.star-3{width:10px;height:10px;background:linear-gradient(30deg,rgba(139,97,245,1) 0%,rgba(0,133,255,1) 100%);top:50%;right:40%;animation-delay:2.5s}.star-4{width:4px;height:4px;background:linear-gradient(30deg,rgba(255,255,255,1) 0%,rgba(200,200,255,1) 100%);top:25%;left:60%;animation-delay:3.5s}.star-5{width:6px;height:6px;background:linear-gradient(30deg,rgba(255,255,255,1) 0%,rgba(255,200,255,1) 100%);top:75%;right:20%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.game-launch-area{position:relative;z-index:10;text-align:center;margin-bottom:40px}.play-button-container{margin-bottom:24px}.play-button{width:120px;height:120px;background:linear-gradient(270deg,rgba(52,72,181,1) 0%,rgba(64,36,149,1) 90%);border:none;border-radius:50%;box-shadow:inset 0 3px #00000040;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center}.play-button:hover{transform:scale(1.05);box-shadow:inset 0 3px #00000040,0 8px 16px #0003}.play-button:active{transform:scale(.95)}.play-icon{color:#fff;font-size:48px;display:flex;align-items:center;justify-content:center}.game-info h2{font-family:Inter,sans-serif;font-weight:700;font-size:28px;color:#fff;margin:0 0 8px}.game-info p{font-family:Inter,sans-serif;font-weight:400;font-size:16px;color:#fffc;margin:0}.bottom-action-bar{position:fixed;bottom:0;left:0;right:0;padding:20px;background:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.main-play-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:300px;margin:0 auto;padding:16px;background:linear-gradient(90deg,rgba(255,151,240,1) 0%,rgba(218,91,240,1) 100%);color:#fff;text-decoration:none;border-radius:25px;font-family:Inter,sans-serif;font-weight:600;font-size:18px;text-align:center;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 8px #0003}.main-play-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}@media (max-width: 768px){.header-content{flex-direction:column;gap:20px}.main-nav{justify-content:center}.space-element{display:none}.play-button{width:100px;height:100px}.play-icon{font-size:40px}.game-info h2{font-size:24px}}.feature-card{background:white;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.feature-card h3{margin-bottom:1rem}.feature-card p{color:#7f8c8d}.game-page{padding:2rem;text-align:center}.game-page header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.game-page button{background-color:#95a5a6;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .2s}.game-page button:hover{background-color:#7f8c8d}@media (max-width: 768px){.header .container{flex-direction:column;gap:1rem}.hero h1{font-size:2rem}.features-grid{grid-template-columns:1fr}.game-page header{flex-direction:column;gap:1rem}}#root{max-width:1280px;margin:0 auto;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.home-page{min-height:100vh;background:linear-gradient(180deg,#050F1C 0%,#0F1419 25%,#1A202C 50%,#2D3748 75%,#4A5568 100%);position:relative;overflow:hidden;font-family:SVN-Gilroy,Inter,sans-serif;color:#fff}.mobile-status-bar{position:fixed;top:0;left:0;right:0;height:44px;background:rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-family:Inter,sans-serif;font-size:15px;font-weight:400;color:#fff;z-index:1000}.status-left{letter-spacing:-2%}.status-right{display:flex;gap:8px;align-items:center}.signal-icon,.battery-icon{font-size:14px}.home-header{position:fixed;top:44px;left:0;right:0;height:80px;background:rgba(3,21,68,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(228,228,228,.2);display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:999}.header-left{display:flex;align-items:center}.logo-section{display:flex;align-items:center;gap:12px}.logo-star{width:24px;height:24px;font-size:20px;display:flex;align-items:center;justify-content:center}.logo-text{font-family:SVN-Gilroy,sans-serif;font-weight:700;font-size:32px;line-height:1.05;margin:0;background:linear-gradient(90deg,#FFFFFF 0%,#E4E4E4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-nav{display:flex;align-items:center;gap:24px}.language-selector{display:flex;align-items:center;gap:12px}.vietnam-flag{width:48px;height:48px;background:#D80027;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;font-size:24px}.language-info{display:flex;flex-direction:column;gap:7px;width:108px}.language-label{font-family:SVN-Gilroy,sans-serif;font-weight:600;font-size:16px;line-height:1.05;color:#fff;text-align:center}.country-code{background:#031544;border:1px solid #E4E4E4;border-radius:24px;padding:2px 8px 0 24px;height:24px;width:92px;display:flex;align-items:center;justify-content:flex-end;gap:4px;font-family:SVN-Gilroy,sans-serif;font-weight:500;font-size:16px;line-height:1.05;color:#fff}.search-icon,.notification-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#595959;font-size:18px;cursor:pointer;transition:color .3s ease}.search-icon:hover,.notification-icon:hover{color:#fff}.notification-icon{position:relative}.notification-icon:after{content:"";position:absolute;top:1.5px;right:1px;width:5px;height:5px;background:#EA5C15;border-radius:50%}.home-main{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:48px;z-index:10}.content-wrapper{display:flex;flex-direction:column;align-items:center;gap:24px}.play-icon-container{position:relative}.play-icon-button{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667EEA 0%,#764BA2 100%);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 8px 32px #667eea4d}.play-icon-button:hover{transform:scale(1.1);box-shadow:0 12px 48px #667eea80}.play-icon-button svg{margin-left:4px}.content-text{text-align:center}.content-text h2{font-family:SVN-Gilroy,sans-serif;font-weight:700;font-size:32px;line-height:1.2;margin:0 0 16px;background:linear-gradient(135deg,#FFFFFF 0%,#A0AEC0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content-text p{font-family:SVN-Gilroy,sans-serif;font-weight:400;font-size:18px;line-height:1.4;margin:0;color:#a0aec0}.play-button{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,#FF97F0 0%,#DA5BF0 100%);border:none;border-radius:50px;padding:16px 32px;color:#fff;font-family:SVN-Gilroy,sans-serif;font-weight:600;font-size:18px;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px #ff97f04d;border:5px solid rgba(0,0,0,.2);position:relative}.play-button:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(90deg,#FF97F0 0%,#DA5BF0 100%);border-radius:50px;z-index:-1}.play-button:hover{transform:translateY(-2px);box-shadow:0 12px 48px #ff97f080;text-decoration:none;color:#fff}.play-button-icon{flex-shrink:0}.space-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.star{position:absolute;width:2px;height:2px;background:white;border-radius:50%;animation:twinkle 3s infinite ease-in-out}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.main-planet{position:absolute;bottom:-200px;right:-100px;width:400px;height:400px;border-radius:50%;background:linear-gradient(135deg,#4A5568 0%,#2D3748 50%,#1A202C 100%);overflow:hidden}.planet-surface{position:absolute;top:20%;left:10%;width:80%;height:60%;background:linear-gradient(45deg,#4A5568 0%,#718096 50%,#A0AEC0 100%);border-radius:50%;opacity:.8}.planet-atmosphere{position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:radial-gradient(circle,rgba(102,126,234,.2) 0%,transparent 70%);border-radius:50%}.secondary-planet{position:absolute;border-radius:50%}.planet-blue{top:20%;left:10%;width:120px;height:120px;background:linear-gradient(135deg,#4299E1 0%,#3182CE 50%,#2B6CB0 100%);box-shadow:inset -20px -20px 40px #0000004d}.planet-purple{top:60%;left:70%;width:80px;height:80px;background:linear-gradient(135deg,#9F7AEA 0%,#805AD5 50%,#6B46C1 100%);box-shadow:inset -15px -15px 30px #0000004d}.cosmic-dust{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 70%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(159,122,234,.15) 0%,transparent 50%),radial-gradient(ellipse at 60% 40%,rgba(255,151,240,.1) 0%,transparent 60%)}.nebula-1{position:absolute;top:10%;left:20%;width:300px;height:200px;background:radial-gradient(ellipse,rgba(102,126,234,.2) 0%,rgba(102,126,234,.05) 50%,transparent 70%);border-radius:50%;animation:float 20s infinite ease-in-out;filter:blur(1px)}.nebula-2{position:absolute;bottom:20%;right:30%;width:250px;height:150px;background:radial-gradient(ellipse,rgba(159,122,234,.2) 0%,rgba(159,122,234,.05) 50%,transparent 70%);border-radius:50%;animation:float 25s infinite ease-in-out reverse;filter:blur(1px)}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.space-structure{position:absolute;background:linear-gradient(45deg,#4A5568,#2D3748);opacity:.6}.structure-1{top:25%;right:15%;width:60px;height:8px;border-radius:4px;transform:rotate(45deg)}.structure-2{bottom:35%;left:20%;width:80px;height:6px;border-radius:3px;transform:rotate(-30deg)}@media (max-width: 768px){.home-header{padding:0 16px}.logo-text,.content-text h2{font-size:24px}.content-text p{font-size:16px}.play-button{font-size:16px;padding:14px 28px}.main-planet{width:300px;height:300px;bottom:-150px;right:-75px}}img,canvas{image-rendering:auto;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-quality;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}canvas{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;shape-rendering:geometricPrecision}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}