html,body,#root{margin:0;padding:0;width:100%;min-height:100%;font-family:Kanit,sans-serif}*{box-sizing:border-box}body{overflow-x:hidden}.app{scroll-behavior:smooth;width:100%;overflow-x:hidden}.home-section{position:relative;min-height:100svh;overflow:hidden}.bg-wrapper{position:absolute;inset:0;z-index:0}.bg-image,.bg-video{width:100%;height:100%;object-fit:cover}.mobile-bg,.tablet-bg,.desktop-bg{display:none}.mobile-bg{display:block}.overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,#ffffff08,#ffffff14 65%,#ffffff47)}.logo{position:absolute;z-index:3;top:7svh;left:50%;transform:translate(-50%);width:78vw;max-width:260px;-webkit-user-select:none;user-select:none}.top-icons{position:absolute;top:12px;right:18px;z-index:5;display:flex;align-items:center;gap:8px}.social-icon,.lang-icon{width:28px;cursor:pointer;transition:.2s}.social-icon:hover,.lang-icon:hover{transform:translateY(-2px) scale(1.05)}.lang-wrapper{position:relative}.lang-dropdown{position:absolute;top:34px;right:50%;transform:translate(50%);width:100px;overflow:hidden;border-radius:14px;background:#1f2b3eb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 20px #00000040}.lang-item{padding:8px;text-align:center;color:#fff;font-weight:700;cursor:pointer}.lang-item:hover{background:#ffffff1f}.lang-item.active{color:#ffe48a}.desktop-group{position:absolute;z-index:3;left:50%;top:58%;transform:translate(-50%,-50%);width:100%;display:flex;flex-direction:column;align-items:center}.title-image{width:92vw;max-width:500px;-webkit-user-select:none;user-select:none}.video-frame-wrapper{display:none}.mobile-play{position:absolute;left:50%;bottom:2svh;transform:translate(-50%);width:100px;z-index:4;cursor:pointer}.desktop-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;z-index:5;cursor:pointer}.popup-overlay{position:fixed;inset:0;z-index:9999;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:20px}.popup-video{position:relative;width:94vw;max-width:1100px;aspect-ratio:16 / 9;border-radius:18px;overflow:hidden;background:#000}.popup-close{position:absolute;top:10px;right:12px;z-index:3;width:34px;height:34px;border-radius:50%;background:#000000a6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer}@media(max-width:767px){.logo{top:8svh;width:64vw;max-width:240px}.desktop-group{top:72%}.title-image{width:92vw;max-width:390px}.mobile-play{bottom:7svh;width:66px}.top-icons{top:14px;right:16px;gap:7px}.social-icon,.lang-icon{width:24px}.lang-dropdown{top:32px;width:92px}}@media(orientation:landscape)and (max-height:480px)and (hover:none)and (pointer:coarse){.home-section{min-height:100svh;height:100svh;overflow:hidden;transform:none;width:100%}.mobile-bg{display:block}.tablet-bg,.desktop-bg{display:none}.bg-image{object-fit:cover;object-position:center center}.logo{top:5svh;left:18%;transform:translate(-50%);width:28vw;max-width:210px}.top-icons{top:8px;right:14px;gap:7px}.social-icon,.lang-icon{width:22px}.lang-dropdown{top:30px;width:90px}.desktop-group{top:50%;left:67%;width:48vw;transform:translate(-50%,-50%)}.title-image{width:46vw;max-width:360px}.video-frame-wrapper{display:none}.mobile-play{display:block;width:58px;left:67%;bottom:6svh;transform:translate(-50%)}}@media(min-width:768px)and (max-width:1199px)and (orientation:landscape){.mobile-bg,.tablet-bg{display:none}.desktop-bg{display:block}.logo{top:10px;left:24px;transform:none;width:240px;max-width:240px}.top-icons{top:22px;right:26px;gap:12px}.social-icon,.lang-icon{width:30px}.desktop-group{right:-2%;left:auto;top:10%;transform:none;width:clamp(420px,48vw,680px)}.title-image{width:100%;max-width:100%}.video-frame-wrapper{position:relative;display:block;width:58%;max-width:420px}.video-frame{width:100%;display:block;position:relative;z-index:3}.iframe-wrapper{position:absolute;top:14%;left:8%;width:80%;height:75%;overflow:hidden;border-radius:10px;z-index:2}.iframe-wrapper iframe{border:0}.mobile-play{display:none}}@media(min-width:768px)and (orientation:portrait){.mobile-bg{display:none}.tablet-bg{display:block}.logo{top:4svh;width:60vw;max-width:460px}.desktop-group{top:69%}.title-image{width:110vw;max-width:580px}.mobile-play{bottom:9svh}}@media(min-width:1200px){.mobile-bg,.tablet-bg{display:none}.desktop-bg{display:block}.logo{top:10px;left:30px;transform:none;width:320px;max-width:320px}.top-icons{top:34px;right:40px;gap:16px}.social-icon,.lang-icon{width:40px}.desktop-group{right:0%;left:auto;top:10%;transform:none;width:clamp(620px,42vw,900px)}.title-image{width:100%;max-width:100%}.video-frame-wrapper{position:relative;display:block;width:70%;max-width:520px}.video-frame{width:100%;display:block;position:relative;z-index:3}.iframe-wrapper{position:absolute;top:14%;left:8%;width:80%;height:75%;overflow:hidden;border-radius:10px;z-index:2}.iframe-wrapper iframe{border:0}.mobile-play{display:none}}.bottom-logos{position:absolute;z-index:6;left:50%;bottom:18px;transform:translate(-50%);display:flex;justify-content:center;align-items:center;width:100%;pointer-events:none}.bottom-logo{width:min(52vw,900px);height:auto;display:block;opacity:.95;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35))}@media(max-width:767px){.bottom-logos{left:50%;bottom:8px}.bottom-logo{width:58vw;max-width:240px}}@media(orientation:landscape)and (max-height:480px)and (hover:none)and (pointer:coarse){.bottom-logos{left:50%;bottom:6px}.bottom-logo{width:28vw}}@media(min-width:768px)and (max-width:1199px){.bottom-logos{left:50%;bottom:12px}.bottom-logo{width:34vw;max-width:340px}}@media(min-width:1200px){.bottom-logos{left:78%;bottom:18px}.bottom-logo{width:29vw;max-width:600px}}.navbar{position:fixed;top:25px;left:50%;transform:translate(-50%);z-index:1000;width:calc(100% - 30px);height:82px;padding:0 24px;border-radius:999px;background:#dce6e8d1;border:1px solid rgba(255,255,255,.55);box-shadow:0 8px 18px #00000073,inset 0 -2px 4px #00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:space-between}.navbar-left{width:300px;flex-shrink:0;display:flex;align-items:center;padding-left:18px}.navbar-logo{width:280px;height:auto;display:block;object-fit:contain}.navbar-menu{flex:1;display:flex;justify-content:space-around;align-items:center}.navbar-menu-item{cursor:pointer;font-weight:800;font-size:clamp(20px,1.45vw,28px);color:#1b67bf;position:relative;line-height:1;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:.2s ease}.navbar-menu-item.active{color:#005bff}.navbar-active-dot{color:#005bff;font-size:24px;line-height:1;margin-right:10px;flex-shrink:0}.navbar-menu-item:after{content:"";position:absolute;left:50%;bottom:-10px;transform:translate(-50%);width:0%;height:2px;background-color:#005bff;transition:.25s ease}.navbar-menu-item:hover{color:#005bff}.navbar-menu-item:hover:after,.navbar-menu-item.active:after{width:100%}.navbar-right{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;position:relative}.navbar-mobile-social{display:none}.navbar-social-icon{width:22px;object-fit:contain}.navbar-social-icon.youtube{width:24px}.navbar-lang-wrapper,.navbar-desktop-lang,.navbar-mobile-menu-wrapper{position:relative}.navbar-lang-icon{cursor:pointer;object-fit:contain}.navbar-lang-icon.desktop{width:46px;height:46px}.navbar-lang-dropdown{position:absolute;width:120px;overflow:hidden;border-radius:14px;background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.45);z-index:3000}.navbar-lang-dropdown.desktop{top:54px;right:-36px}.navbar-lang-dropdown.mobile{top:34px;right:-42px;width:118px;box-shadow:0 8px 18px #ff070747}.navbar-lang-item{padding:10px;text-align:center;font-weight:800;font-size:16px;cursor:pointer;color:#1b67bf;transition:.2s ease}.navbar-lang-item:hover,.navbar-lang-item.active{color:#005bff}.navbar-mobile-button{display:none;background:transparent;border:none;padding:0;cursor:pointer}.navbar-mobile-button-img{width:34px;height:34px;object-fit:contain}.navbar-mobile-dropdown{position:absolute;top:44px;right:0;width:190px;overflow:hidden;border-radius:18px;background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.45);z-index:3000}.navbar-mobile-item{padding:14px 16px;font-weight:800;font-size:16px;cursor:pointer;color:#1b67bf;transition:.22s ease}.navbar-mobile-item:hover,.navbar-mobile-item.active{color:#005bff;background:#ffffff52}@media(max-width:1199px){.navbar{top:10px;width:100%;height:62px;padding:0 10px;border-radius:0;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;align-items:center;justify-content:space-between}.navbar-left{width:auto;min-width:0;flex:0 0 auto;padding-left:0;display:flex;align-items:center}.navbar-logo{width:115px;height:auto}.navbar-menu{display:none!important}.navbar-right{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}.navbar-mobile-social{display:flex;align-items:center;gap:5px}.navbar-social-icon{width:18px}.navbar-social-icon.youtube{width:19px}.navbar-lang-icon.mobile{width:21px;display:block}.navbar-mobile-menu-wrapper{display:flex!important;align-items:center}.navbar-mobile-button{display:flex!important;align-items:center;justify-content:center}.navbar-mobile-button-img{width:24px;height:24px}.navbar-desktop-lang{display:none!important}}@media(min-width:1200px){.navbar-mobile-menu-wrapper,.navbar-lang-icon.mobile{display:none}}.register-section{position:relative;width:100%;height:100dvh;overflow:hidden;background-size:cover;background-repeat:no-repeat}.register-wulu{position:absolute;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none}.register-dino{position:absolute;z-index:2;transform:translateY(-50%);pointer-events:none;-webkit-user-select:none;user-select:none}.register-card{position:absolute;z-index:5;transform:translate(-50%,-50%);background-size:contain;background-repeat:no-repeat;background-position:center}.register-card-inner{margin-left:auto;margin-right:auto}.register-tabs{display:flex;justify-content:center;align-items:center}.register-tab{cursor:pointer;font-weight:700;color:#b9a98c;transition:.2s ease}.register-tab.active{color:#6b4a22;font-weight:900}.register-divider-img{display:block;width:100%;margin-left:auto;margin-right:auto}.register-title{text-align:center;font-weight:900;color:#6b4a22}.register-label{font-weight:900;color:#6b3d18}.register-forgot{text-align:right;font-weight:800;color:#856b3d;cursor:pointer}.register-submit-btn{border-radius:999px!important;background-color:#6fc64a!important;color:#fff!important;font-weight:900!important;text-transform:none!important;transition:.2s ease!important}.register-submit-btn:hover{background-color:#5db63d!important}.register-agree-row{display:flex;align-items:center;justify-content:center;gap:4px}.register-checkbox{padding:0!important;transform:scale(.7);color:#d8c97d!important}.register-checkbox.Mui-checked{color:#d8c97d!important}.register-agree-text{line-height:1.2;color:#a74c2d;text-align:center;font-weight:700}.register-or-row{display:flex;align-items:center;justify-content:center}.register-or-line{flex:1;background-color:#d7b98b}.register-or-text{color:#9b7b4a;font-weight:800}.register-social-row{display:flex;align-items:center;justify-content:center}.register-social-btn{cursor:pointer;transition:.2s ease}.register-social-btn:hover{transform:translateY(-1px) scale(1.03)}.register-bottom-link{text-align:center;color:#856b3d;cursor:pointer;transition:.2s ease}.register-bottom-link:hover{opacity:.85}.register-bottom-link.bold{font-weight:800}.register-policy{text-align:center;font-weight:800;color:#c86a33;line-height:1.25}@media(max-width:767px){.register-social-btn:hover{transform:none}}.navbar-desktop-lang,.navbar-profile-wrapper.desktop-only{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.navbar-profile-wrapper.desktop-only{margin-left:8px}.navbar-desktop-lang .navbar-lang-icon.desktop,.navbar-profile-wrapper.desktop-only .navbar-profile-icon{width:38px;height:38px;object-fit:contain;display:block;cursor:pointer}.navbar-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:230px;background:#fffaf3;border:2px solid #d99a42;border-radius:16px;box-shadow:0 10px 24px #0003;overflow:hidden;z-index:99999}.navbar-profile-user{padding:14px 16px;border-bottom:1px solid rgba(120,80,35,.18)}.navbar-profile-name{color:#6d4524;font-size:15px;font-weight:700}.navbar-profile-email{margin-top:4px;color:#9a642b;font-size:12px;word-break:break-word}.navbar-profile-item{padding:14px 16px;color:#6d4524;font-weight:700;cursor:pointer;transition:.2s}.navbar-profile-item:hover{background:#f3dfbd}.navbar-profile-item.logout{color:#b6402b}@media(max-width:1199px){.navbar-desktop-lang,.navbar-profile-wrapper.desktop-only{display:none!important}}@media(min-width:1200px){.navbar-mobile-social,.navbar-mobile-menu-wrapper{display:none!important}}.invite-item.disabled{opacity:.45;cursor:not-allowed;filter:grayscale(1)}.invite-item.disabled .invite-item-img-wrap{transform:none!important}@media(max-width:768px){html,body,.app{scroll-snap-type:none!important;overflow-y:auto;touch-action:pan-y}section{scroll-snap-align:none!important}}@media(max-width:768px){.home-section{min-height:100svh;height:auto;overflow:visible}}.minigame-section{position:relative;width:100%;height:100vh;min-height:100svh;overflow:hidden;background:url(/pre-register/Milestones/BG-Milestones.png) center / cover no-repeat}.minigame-bg{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.2),transparent 55%);pointer-events:none}.minigame-stage{position:absolute;width:min(82vw,980px);left:50%;top:56%;transform:translate(-50%,-50%);z-index:2}.minigame-area{position:relative;width:100%;display:block;z-index:1}.minigame-character-slot{position:absolute;width:16%;aspect-ratio:1 / 1.35;left:54%;top:65%;transform:translate(-50%,-50%);z-index:5}.minigame-character{width:100%;height:100%;object-fit:contain;display:block}.minigame-speech-wrap{position:absolute;width:20%;left:53%;top:45%;transform:translate(-50%,-50%);z-index:6}.minigame-speech{width:100%;display:block}.minigame-hint{position:absolute;inset:-25% 0 0;display:grid;place-items:center;color:#7b4a25;font-size:clamp(10px,1.15vw,14px);font-weight:900;white-space:nowrap;z-index:2}.minigame-condition-btn,.minigame-reward-btn{position:absolute;z-index:8;padding:0;border:0;background:transparent;cursor:pointer}.minigame-condition-btn{width:5%;left:66.6%;top:19%}.minigame-reward-btn{width:4%;left:29.5%;top:56%}.minigame-wow-btn{display:grid;place-items:center}.minigame-wow-btn .wow-glow{position:absolute;width:170%;max-width:none;z-index:1;pointer-events:none;animation:wowSpin 4s linear infinite,wowPulse 1.8s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,230,120,.8)) drop-shadow(0 0 20px rgba(255,200,80,.6))}.minigame-wow-btn .wow-icon{position:relative;z-index:2;width:100%;display:block;filter:drop-shadow(0 4px 5px rgba(0,0,0,.25));animation:iconFloat 2s ease-in-out infinite}.minigame-wow-btn:hover .wow-icon{transform:scale(1.08)}.minigame-wow-btn:hover .wow-glow{filter:drop-shadow(0 0 12px rgba(255,255,180,1)) drop-shadow(0 0 28px rgba(255,220,120,.95))}.minigame-fish-btn{position:absolute;left:50%;bottom:5%;transform:translate(-50%);z-index:9;width:200px;border:0;padding:0;background:transparent;cursor:pointer}.minigame-fish-btn img{width:100%;display:block}.minigame-fish-btn span,.reward-again-btn span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;font-weight:600;line-height:1;white-space:nowrap;text-shadow:0 2px 0 rgba(0,0,0,.45),0 4px 8px rgba(0,0,0,.35);pointer-events:none}.minigame-fish-btn.is-loading{pointer-events:none;opacity:.8}.minigame-panel{position:absolute;z-index:20}.condition-panel{width:min(50vw,420px);right:5%;top:18%}.reward-panel{width:min(35vw,360px);left:6%;top:14%}.minigame-panel img{width:100%;display:block}.minigame-click-close{cursor:pointer}.minigame-modal{position:absolute;inset:0;z-index:50;display:grid;place-items:center;background:#00192d94;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.reward-popup{position:relative;width:min(56vw,560px);animation:popupIn .35s ease both}.popup-scroll{width:100%;display:block}.reward-content{position:absolute;inset:32% 14% 12%;display:flex;flex-direction:column;align-items:center;text-align:center}.reward-content h3{margin:0 0 8px;color:#7b4a25;font-size:24px;font-weight:900}.reward-content p{margin:0;color:#7b4a25;font-weight:900}.reward-content strong{margin-top:6px;color:#e12d2d;font-size:18px;font-weight:900}.reward-item{width:95px;margin-top:10px;animation:rewardBounce 1.2s ease-in-out infinite}.reward-close{position:absolute;right:7%;top:13%;z-index:5;width:48px;height:48px;padding:0;border:0;background:transparent;cursor:pointer}.reward-close img{width:100%;display:block;transition:.25s}.reward-close:hover img{transform:scale(1.08) rotate(8deg)}.reward-again-btn{position:relative;width:170px;margin-top:auto;border:0;background:transparent;cursor:pointer}.reward-again-btn img{width:100%;display:block}.reward-again-btn span{font-size:18px}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:999}.confetti i{position:absolute;top:-40px;width:10px;height:18px;border-radius:2px;background:hsl(calc(var(--i) * 38),90%,55%);opacity:0;animation:confettiDrop var(--duration) linear forwards;animation-delay:var(--delay);will-change:transform}@media(max-width:767px)and (orientation:portrait){.minigame-stage{width:140vw;left:50%;top:45%}.minigame-character-slot{width:14%;left:54%;top:65%}.minigame-speech-wrap{width:25%;left:54%;top:46%}.minigame-hint{font-size:12px;top:-22%}.minigame-condition-btn{width:4%;left:67%;top:19%}.minigame-reward-btn{width:4%;left:29.5%;top:56%}.minigame-wow-btn .wow-glow{width:160%}.minigame-fish-btn{width:200px;bottom:20%}.minigame-fish-btn span{font-size:26px}.condition-panel,.reward-panel{position:fixed;width:88vw;max-width:430px;left:54%;top:50%;right:auto;transform:translate(-50%,-50%);z-index:999}.reward-popup{width:94vw;max-width:520px}.reward-content{inset:30% 12% 12%}.reward-content h3{font-size:18px}.reward-content p{font-size:14px}.reward-content strong{font-size:15px}.reward-item{width:72px}.reward-again-btn{width:150px;top:8px}.reward-again-btn span{font-size:16px}.reward-close{width:32px;height:32px}}@media(min-width:768px)and (max-width:1199px)and (orientation:portrait){.minigame-reward-info{width:90%!important;min-width:0!important}.minigame-stage{width:min(95vw,900px);left:50%;top:50%}.minigame-character-slot{width:14%;left:53%;top:64%}.minigame-speech-wrap{width:26%;left:53%;top:44%}.minigame-hint{font-size:15px;top:-20%}.minigame-condition-btn{width:4.8%;left:66%;top:20%}.minigame-reward-btn{width:4.6%;left:29%;top:56%}.minigame-fish-btn{width:250px;bottom:9%}.minigame-fish-btn span{font-size:28px}.condition-panel{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;width:min(72vw,520px)!important;z-index:3000!important}.reward-panel{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:3000!important;pointer-events:none!important;background:transparent!important}.reward-panel .minigame-reward-paper{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(78vw,620px)!important;height:min(72dvh,620px)!important;pointer-events:auto!important}.minigame-modal,.minigame-special-modal{position:fixed!important;inset:0!important;z-index:4000!important;display:grid!important;place-items:center!important}.reward-popup{width:min(78vw,720px)!important}.minigame-special-box{width:min(78vw,680px)!important;height:min(58dvh,420px)!important}.minigame-reward-list,.minigame-special-list{overflow-y:auto!important;-webkit-overflow-scrolling:touch}.reward-content{inset:28% 14% 12%}.reward-content h3{font-size:24px}.reward-content p{font-size:18px}.reward-content strong{font-size:20px}.reward-item{width:92px}.reward-again-btn{width:170px;top:8px}.reward-again-btn span{font-size:18px}}@media(max-width:767px)and (orientation:landscape){.minigame-stage{width:min(82vw,620px);left:50%;top:54%}.minigame-character-slot{width:12%;left:53%;top:72%}.minigame-speech-wrap{width:20%;left:53%;top:50%}.minigame-condition-btn{width:7%;left:65%;top:17%}.minigame-reward-btn{width:6.4%;left:36%;top:62%}.minigame-fish-btn{width:190px;bottom:4%}.minigame-fish-btn span{font-size:22px}}@media(min-width:768px)and (max-width:1199px)and (orientation:landscape){.minigame-stage{width:min(82vw,820px);left:50%;top:52%}.minigame-character-slot{width:16%;left:54%;top:65%}.minigame-speech-wrap{width:20%;left:54%;top:40%}.minigame-condition-btn{width:4%;left:66.5%;top:20%}.minigame-reward-btn{width:4%;left:29.5%;top:55.5%}.minigame-fish-btn{width:180px;bottom:5%}.minigame-fish-btn span{font-size:24px}.reward-popup{width:min(56vw,560px)}}@keyframes wowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wowPulse{0%,to{opacity:.75;scale:.92}50%{opacity:1;scale:1.08}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes popupIn{0%{opacity:0;transform:scale(.75) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes rewardBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.08)}}@keyframes confettiDrop{0%{opacity:0;transform:translateY(-40px) translate(0) rotate(0)}10%{opacity:1}to{opacity:1;transform:translateY(110vh) translate(var(--drift)) rotate(var(--rotate))}}.minigame-icon-label{position:absolute;left:50%;top:-34px;transform:translate(-50%);z-index:50;font-family:Kanit,sans-serif;color:#fff;font-size:18px;font-weight:400;line-height:1;white-space:nowrap;text-align:center;-webkit-text-stroke:4px #9c4b12;paint-order:stroke fill;text-shadow:0 2px 2px rgba(0,0,0,.25);pointer-events:none}.minigame-special-reward-btn{position:absolute;width:5.5%;left:46%;top:64%;transform:translate(-50%,-50%);z-index:20;padding:0;border:0;background:transparent;cursor:pointer}.minigame-special-reward-btn img{position:relative;z-index:1;width:100%;display:block;filter:drop-shadow(0 4px 5px rgba(0,0,0,.3));animation:iconFloat 2s ease-in-out infinite}.special-reward-popup{position:relative;width:min(86vw,420px);min-height:240px;padding:56px 28px 32px;border:4px solid #9b5c2e;border-radius:24px;background:#fff7df;text-align:center;animation:popupIn .35s ease both}.special-reward-popup h3{margin:0 0 12px;color:#7b4a25;font-size:28px;font-weight:900}.special-reward-popup p{margin:0;color:#7b4a25;font-size:20px;font-weight:800}.minigame-special-reward-btn>.minigame-check-reward-label{position:absolute;left:50%;top:-25px;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;width:110px;font-family:Kanit,sans-serif;color:#fff;font-size:13px;font-weight:400;line-height:1.25;text-align:center;-webkit-text-stroke:4px #9c4b12;paint-order:stroke fill;text-shadow:0 2px 2px rgba(0,0,0,.25);pointer-events:none}.minigame-check-reward-label span{display:block;white-space:nowrap}.minigame-check-reward-label em{display:block;font-style:normal;font:inherit;white-space:nowrap}.minigame-special-modal{position:absolute;inset:0;z-index:80;display:grid;place-items:center;background:#000000b3}.minigame-special-box{position:relative;width:min(78vw,620px);height:min(58vh,370px);padding:58px 28px 28px;border:3px solid #f2a64d;border-radius:28px;background:#fff5df}.minigame-special-title{position:absolute;left:50%;top:-34px;transform:translate(-50%);padding:8px 28px;border:4px solid #fff;border-radius:999px;background:#73543c;color:#fff;font-size:30px;font-weight:400;white-space:nowrap}.minigame-special-close{position:absolute;right:-22px;top:-22px;width:54px;height:54px;padding:0;border:0;background:transparent;cursor:pointer;z-index:20}.minigame-special-close img{width:100%;height:100%;object-fit:contain;transition:transform .2s ease}.minigame-special-close:hover img{transform:scale(1.08) rotate(8deg)}.minigame-special-list{height:100%;overflow-y:auto;padding-right:12px}.minigame-special-list::-webkit-scrollbar{width:10px}.minigame-special-list::-webkit-scrollbar-track{background:#fff}.minigame-special-list::-webkit-scrollbar-thumb{background:#8b5a35;border-radius:999px}.minigame-special-item{display:flex;align-items:center;gap:22px;min-height:116px;margin-bottom:12px;padding:14px 18px;border-radius:12px;background:#ead7b5}.minigame-special-item-img{width:76px;height:76px;object-fit:contain;flex-shrink:0}.minigame-special-info{flex:1;color:#765235;font-weight:400}.minigame-special-name{font-size:22px;line-height:1.25}.minigame-special-code{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:22px}.minigame-special-code button{border:0;background:transparent;color:#765235;font-size:18px;cursor:pointer}.minigame-special-date{margin-top:8px;text-align:right;font-size:13px}.minigame-special-empty{height:100%;display:grid;place-items:center;color:#765235;font-size:22px;font-weight:900}@media(max-width:767px)and (orientation:portrait){.minigame-special-box{width:78vw;height:390px;padding:52px 22px 22px;border-radius:24px}.minigame-special-title{top:-25px;font-size:18px;padding:8px 24px}.minigame-special-close{right:-30px;top:-5%;width:60px;height:42px;font-size:30px}.minigame-special-list{padding-right:8px}.minigame-special-item{min-height:118px;gap:12px;padding:14px 12px}.minigame-special-item-img{width:46px;height:46px}.minigame-special-name{font-size:14px;line-height:1.25}.minigame-special-code{font-size:14px;gap:6px}.minigame-special-date{font-size:11px;text-align:left;word-break:break-word}}.minigame-copy-btn{width:22px;height:22px;padding:0;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.minigame-copy-btn img{width:100%;height:100%;object-fit:contain;transition:transform .2s ease}.minigame-copy-btn:hover img{transform:scale(1.08)}.reward-panel{position:fixed;inset:0;z-index:2000;background:transparent;pointer-events:none}.minigame-reward-paper{position:absolute;left:105px;top:140px;width:400px;height:565px;background-image:url(/pre-register/MiniGame/paper.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center;padding:58px 64px 34px 40px;box-sizing:border-box;pointer-events:auto}.minigame-reward-title{position:absolute;top:16px;left:50%;transform:translate(-50%);padding:5px 18px;border-radius:999px;background:#7b5232;color:#fff;font-size:22px;font-weight:700;line-height:1;white-space:nowrap}.minigame-reward-list{height:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(120,85,50,.45) transparent}.minigame-reward-list::-webkit-scrollbar{width:5px}.minigame-reward-list::-webkit-scrollbar-track{background:transparent}.minigame-reward-list::-webkit-scrollbar-thumb{background:#78553261;border-radius:999px}.minigame-reward-list::-webkit-scrollbar-button{display:none;width:0;height:0}.minigame-reward-row{display:grid;grid-template-columns:80px 1fr;align-items:center;width:100%;min-height:84px}.minigame-reward-img{width:55px;height:55px;object-fit:contain}.minigame-reward-info{width:calc(100% - 8px);min-width:0;min-height:54px;padding:7px 10px;border-radius:8px;box-sizing:border-box;background:#826e5f29}.minigame-reward-name{color:#e11d2e;font-size:16px;font-weight:900;line-height:1.12;-webkit-text-stroke:.3px #fff;text-shadow:0 1px 0 #fff}.minigame-reward-desc{margin-top:3px;color:#7b4b2c;font-size:14px;font-weight:400;line-height:1.3}.minigame-reward-empty{padding-top:120px;text-align:center;color:#7b4b2c;font-size:14px;font-weight:400}@media(max-width:767px)and (orientation:portrait){.reward-panel{position:fixed!important;inset:0!important;width:100vw!important;height:100svh!important;max-width:none!important;transform:none!important;z-index:3000!important;pointer-events:none!important}.reward-panel .minigame-reward-paper{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:88vw!important;max-width:360px!important;height:72svh!important;max-height:560px!important;padding-top:52px!important;padding-bottom:30px!important;padding-left:30px!important;pointer-events:auto!important}.minigame-reward-row{display:grid!important;grid-template-columns:80px 1fr!important;align-items:center!important;width:100%!important;min-height:84px!important;margin-bottom:10px!important}}.minigame-special-modal{overscroll-behavior:contain;touch-action:none}.minigame-special-list{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.invite-section{position:relative;width:100%;min-height:100svh;overflow-x:hidden;overflow-y:hidden;background-image:url(/pre-register/InviteFriend/BG.png);background-size:cover;background-position:center top;background-repeat:no-repeat;display:flex;justify-content:center;padding-top:13svh}.invite-gradient{position:absolute;left:0;bottom:0;width:100%;height:230px;object-fit:fill;opacity:.95;pointer-events:none;z-index:1}.invite-main{position:relative;z-index:2;width:min(980px,94vw);height:540px}.invite-title{position:absolute;top:4px;left:6%;width:90%;max-width:100%;z-index:5;pointer-events:none}.invite-card{position:absolute;left:95px;top:110px;width:350px;aspect-ratio:3 / 4;overflow:hidden;background-image:url(/pre-register/InviteFriend/CustomCard_Blue.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center;z-index:2}.invite-reset-btn,.invite-facebook-btn,.invite-download-btn{border:0;outline:0;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.invite-reset-btn{position:absolute;left:270px;top:590px;transform:translate(-50%);width:145px;height:33px;border-radius:999px;background:#8a5c2f;color:#fff;font-size:12px;font-weight:900;gap:8px;z-index:6}.invite-reset-btn:hover{background:#71461d}.invite-reset-btn img{width:16px;height:16px;object-fit:contain}.invite-panel{position:absolute;right:50px;top:115px;width:430px;z-index:3}.invite-select-box{position:relative;width:100%;min-height:150px;border-radius:18px;background-image:url(/pre-register/InviteFriend/subBG_PC.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center;padding:32px 22px 18px;margin-bottom:17px}.invite-heading-img{position:absolute;top:3px;left:18px;width:110px;z-index:1;pointer-events:none}.invite-heading-text{position:absolute;top:10px;left:17%;transform:translate(-50%);width:110px;text-align:center;color:#fff;font-size:13px;font-weight:900;z-index:2;pointer-events:none}.invite-grid{margin-top:4px;display:flex;flex-direction:column;align-items:center;gap:8px}.invite-row{display:flex;justify-content:center;gap:10px}.invite-item{width:76px;min-width:76px;padding:0;border:0;background:transparent;text-align:center;font-family:inherit;cursor:pointer}.invite-item.disabled{cursor:not-allowed}.invite-item-img-wrap{display:block;width:60px;aspect-ratio:1 / 1;margin:0 auto;border-radius:12px;border:3px solid #fff;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}.invite-item:hover .invite-item-img-wrap{transform:translateY(-2px)}.invite-item.active .invite-item-img-wrap{box-shadow:0 0 0 3px #f6c85f}.invite-item.disabled:hover .invite-item-img-wrap{transform:none}.invite-item-img-wrap img{display:block;width:100%;height:100%;object-fit:cover}.invite-item-name{display:block;width:76px;max-width:76px;margin-top:4px;color:#8a5c2f;font-size:14px;font-weight:400;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-actions{display:flex;flex-direction:row;gap:16px;margin-top:10px}.invite-facebook-btn,.invite-download-btn{flex:1;height:35px;border-radius:999px;font-size:12px;font-weight:900;gap:8px}.invite-facebook-btn{background:#1877f2;color:#fff}.invite-facebook-btn:hover{background:#166fe5}.invite-facebook-btn img{width:16px;height:16px;filter:brightness(0) invert(1)}.invite-download-btn{background:#fff;color:#8a5c2f;border:2px solid #d8a66f}.invite-download-btn:hover{background:#fff7ef}.invite-download-btn img{width:14px;height:14px}.invite-crt{position:absolute;right:-24%;bottom:-100px;width:480px;z-index:0;pointer-events:none}@media(max-width:1199px)and (orientation:portrait){.invite-section{overflow-y:auto;padding-top:8svh;padding-bottom:10svh}.invite-gradient{height:180px}.invite-main{width:min(980px,94vw);height:1120px}.invite-title{top:10px;left:50%;width:84vw;transform:translate(-50%)}.invite-card{left:50%;top:120px;width:250px;transform:translate(-50%)}.invite-reset-btn{left:50%;top:455px;transform:translate(-50%)}.invite-panel{right:50%;top:520px;width:92vw;transform:translate(50%)}.invite-select-box{min-height:195px;background-image:url(/pre-register/InviteFriend/subBG_MB.png);padding:40px 18px 22px}.invite-heading-img{width:100px}.invite-heading-text{font-size:12px}.invite-grid{gap:12px}.invite-row{gap:10px}.invite-item-img-wrap{width:64px;max-width:64px}.invite-item-name{max-width:100%;font-size:10px}.invite-actions{flex-direction:column}.invite-facebook-btn,.invite-download-btn{height:42px;font-size:13px}.invite-crt{display:none}}@media(max-width:767px)and (orientation:portrait){.invite-title{width:64vw}.invite-card{top:135px;width:220px}.invite-reset-btn{top:455px}.invite-panel{width:92vw}}@media(min-width:768px)and (max-width:1199px)and (orientation:portrait){.invite-main{width:94vw;height:1080px}.invite-title{top:10px;width:52vw}.invite-card{top:240px;width:280px}.invite-reset-btn{top:630px}.invite-panel{top:670px;width:66vw}.invite-select-box{min-height:170px;padding:36px 56px 18px}.invite-grid{gap:14px}.invite-row{gap:28px}.invite-item{width:70px;min-width:70px}.invite-item-img-wrap{width:54px;max-width:54px}.invite-item-name{width:70px;max-width:70px}.invite-actions{flex-direction:row}.invite-heading-text{top:10px;left:9.5%}}@media(max-width:1199px)and (orientation:landscape){.invite-section{min-height:100svh;overflow-x:hidden;overflow-y:auto;padding-top:8px;padding-bottom:30px;-webkit-overflow-scrolling:touch}.invite-gradient{height:145px}.invite-main{width:980px;height:620px;flex-shrink:0;transform-origin:top center}.invite-title{top:15px;left:10%;width:80%;transform:none}.invite-card{left:95px;top:115px;width:350px;transform:none}.invite-reset-btn{left:270px;top:585px;transform:translate(-50%)}.invite-panel{right:50px;top:120px;width:430px;transform:none}.invite-select-box{min-height:150px;background-image:url(/pre-register/InviteFriend/subBG_PC.png);padding:32px 22px 18px;margin-bottom:14px}.invite-heading-img{width:110px}.invite-heading-text{top:10px;left:17%;font-size:13px}.invite-grid{gap:8px}.invite-row{gap:10px}.invite-item{width:76px;min-width:76px}.invite-item-img-wrap{width:60px;max-width:60px}.invite-item-name{width:76px;max-width:76px;font-size:12px}.invite-actions{flex-direction:row;gap:16px;margin-top:8px}.invite-facebook-btn,.invite-download-btn{height:37px;font-size:12px}.invite-crt{display:block;right:-24%;bottom:-100px;width:480px}}@media(max-width:767px)and (orientation:landscape){.invite-main{height:620px;transform:scale(.52)}}@media(min-width:768px)and (max-width:1199px)and (orientation:landscape){.invite-main{transform:scale(.82)}}@media(min-width:768px)and (max-width:1199px)and (min-height:800px)and (orientation:landscape){.invite-main{transform:scale(.9)}}@media(min-width:700px)and (max-width:900px)and (orientation:portrait){.invite-section{min-height:100dvh;height:auto;overflow-x:hidden;overflow-y:auto;padding-top:4svh;padding-bottom:40px;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.invite-main{width:94vw;height:auto;min-height:1020px}.invite-title{top:5px;width:50vw}.invite-card{top:190px;width:240px}.invite-reset-btn{top:525px}.invite-panel{top:570px;width:66vw}.invite-select-box{min-height:160px;padding:34px 50px 16px;margin-bottom:14px}.invite-grid{gap:10px}.invite-row{gap:24px}.invite-item{width:68px;min-width:68px}.invite-item-img-wrap{width:52px;max-width:52px}.invite-item-name{width:68px;max-width:68px}.invite-actions{margin-top:8px}.invite-facebook-btn,.invite-download-btn{height:38px}}.gamefeature-section{position:relative;width:100%;height:100vh;overflow:hidden;background-image:url(/pre-register/GameFeature/Section_5_Game_Feature.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.gamefeature-content{position:relative;width:100%;height:100%}.gamefeature-light{position:absolute;left:50%;top:15%;transform:translate(-50%);width:min(90vw,1400px);opacity:.72;z-index:1;pointer-events:none}.gamefeature-title-wrap{position:absolute;left:50%;top:18%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:10px;z-index:8}.gamefeature-title-line{width:clamp(42px,4vw,70px)}.gamefeature-title{padding:2px 24px;border-radius:999px;border:2px solid rgba(255,255,255,.95);background:#ffffff29;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:clamp(18px,2vw,34px);font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.28);box-shadow:0 0 18px #ffffff40,inset 0 0 18px #ffffff29}.gamefeature-character{position:absolute;right:10%;top:52%;transform:translateY(-50%);width:clamp(260px,24vw,480px);z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none}.gamefeature-slider-area{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:72vw;max-width:1150px;height:360px;z-index:5}.gamefeature-card-wrap{position:absolute;top:50%;left:50%;width:min(50vw,650px);transform:translate(-50%,-50%);z-index:4;filter:drop-shadow(0 12px 22px rgba(0,0,0,.35))}.gamefeature-card-mask{position:relative;width:100%;overflow:hidden;border-radius:18px;z-index:2}.gamefeature-gradient{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none}.gamefeature-card{position:relative;z-index:2;width:100%;display:block;border-radius:18px;object-fit:contain;cursor:pointer}.gamefeature-card-side{position:absolute;top:50%;width:min(26vw,330px);transform:translateY(-50%);opacity:1;filter:brightness(.42) blur(1px);border-radius:14px;z-index:2}.gamefeature-card-side.left{left:0}.gamefeature-card-side.right{right:0}.gamefeature-arrow{position:absolute;top:50%;width:clamp(38px,3vw,58px);transform:translateY(-50%);cursor:pointer;transition:.25s;z-index:8}.gamefeature-arrow:hover{transform:translateY(-50%) scale(1.08)}.gamefeature-arrow.left{left:15%}.gamefeature-arrow.right{right:15%}.gamefeature-bottom-nav{position:absolute;left:50%;bottom:12%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:14px;z-index:8}.nav-line{width:clamp(40px,4vw,78px);opacity:.95}.nav-dots{display:flex;align-items:center;gap:10px}.nav-dot{width:11px;height:11px;border-radius:999px;border:none;background:#ffffff73;cursor:pointer;transition:.25s}.nav-dot.active{background:#fff;transform:scale(1.25);box-shadow:0 0 12px #fffc}.gamefeature-popup{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gamefeature-popup-img{width:min(92vw,1100px);max-height:86vh;object-fit:contain;border-radius:18px;filter:drop-shadow(0 18px 36px rgba(0,0,0,.55))}.gamefeature-footer-gradient{position:absolute;left:50%;bottom:-8%;transform:translate(-50%);width:120vw;max-width:none;z-index:1;pointer-events:none}.gamefeature-footer{position:absolute;left:50%;bottom:8px;transform:translate(-50%);width:min(32vw,420px);height:auto;z-index:2;pointer-events:none}@media(max-width:1024px)and (orientation:portrait){.gamefeature-section{background-position:center}.gamefeature-title-wrap{top:12%;gap:8px}.gamefeature-title{padding:8px 26px;font-size:26px;white-space:nowrap}.gamefeature-title-line{width:36px}.gamefeature-light{top:18%;width:120vw;opacity:.85}.gamefeature-character{right:50%;top:20%;width:88vw;max-width:460px;transform:translate(50%);opacity:.98}.gamefeature-slider-area{top:55%;width:100vw;height:240px}.gamefeature-card-wrap{width:72vw;z-index:5}.gamefeature-card-mask,.gamefeature-card{border-radius:14px}.gamefeature-card-wrap{filter:drop-shadow(0 10px 18px rgba(0,0,0,.45)) drop-shadow(0 20px 40px rgba(0,0,0,.35))}.gamefeature-card-side{width:34vw;opacity:.9;filter:brightness(.32) blur(1px);top:55%}.gamefeature-card-side.left{left:-6%}.gamefeature-card-side.right{right:-6%}.gamefeature-arrow{display:none}.gamefeature-bottom-nav{bottom:7%;gap:8px}.nav-line{width:34px}.nav-dot{width:8px;height:8px}}@media(max-width:767px)and (orientation:landscape){.gamefeature-character{right:8%;width:22vw;top:18%;transform:none}.gamefeature-slider-area{width:70vw;top:58%}.gamefeature-card-wrap{width:38vw}.gamefeature-card-side{width:18vw}}@media(min-width:768px)and (max-width:1199px)and (orientation:landscape){.gamefeature-character{right:6%;width:24vw}.gamefeature-slider-area{width:88vw}.gamefeature-card-wrap{width:42vw}}@media(max-width:767px){.gamefeature-footer-gradient{width:90vw}.gamefeature-footer{width:65vw;bottom:4px}}