:root{--container-width: 430px}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;width:100vw;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif;background-image:url(/images/bg/bg.png);background-size:cover;background-position:center;background-repeat:no-repeat}#app{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.page-container{width:100vw;height:calc(100vw * (16 / 9));position:relative;overflow:hidden;background-image:url(/images/bg/bg.png);background-size:cover;background-position:center;box-shadow:0 0 40px #0009;z-index:10}@media(min-aspect-ratio:9/16){.page-container{height:100vh;width:56.25vh}}@media(max-aspect-ratio:9/16){.page-container{width:100vw;height:calc(100vw * (16 / 9))}}.scene{position:absolute;top:0;left:0;width:100%;height:100%;display:none;opacity:0;transition:opacity .3s ease}.scene.active{display:block;opacity:1}#scene-6{background:transparent!important}#scene-1a{background:url(/images/landing/source/index-bg-front@2x.png) center center no-repeat;background-size:cover}.logo-top-left{position:absolute;top:2.5%;left:4%;width:12%;z-index:100}.logo-top-right{position:absolute;top:2.5%;right:4%;width:14%;z-index:100}.cloud-left-middle{position:absolute;top:28%;left:0;width:25%;z-index:20}.cloud-bottom-left{position:absolute;bottom:12%;left:-5%;width:18%;z-index:20}.cloud-under-balloon{position:absolute;top:18%;right:2%;width:20%;z-index:55;transform:rotate(-10deg);animation:cloudFloat 1.3s ease-in-out infinite alternate}@keyframes cloudFloat{0%{transform:rotate(-10deg) translateY(0)}to{transform:rotate(-10deg) translateY(-5px)}}.char-white-horse{position:absolute;top:42%;left:5%;width:28%;z-index:40;animation:horseRock 3s ease-in-out infinite alternate;transform-origin:bottom center}@keyframes horseRock{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}.wish-plate{position:absolute;top:40%;left:35%;width:25%;z-index:35;animation:sway 3s ease-in-out infinite alternate;transform-origin:top center}@keyframes sway{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.char-girl{position:absolute;bottom:13%;right:-7%;width:35%;z-index:45;transform-origin:bottom center;animation:rockingHorse 2s ease-in-out infinite alternate}@keyframes rockingHorse{0%{transform:rotate(-5deg)}to{transform:rotate(10deg)}}.main-title-container{position:absolute;top:3%;left:50%;transform:translate(-50%);width:65%;z-index:50;-webkit-mask-image:url(/images/landing/source/mainTitle.png);mask-image:url(/images/landing/source/mainTitle.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.main-title-img{width:100%;display:block}.shine-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,#fff0 30%,#fff9,#fff0 70%);transform:translate(-100%);animation:shineSweep 6s infinite;pointer-events:none;mix-blend-mode:overlay}@keyframes shineSweep{0%{transform:translate(-100%)}20%{transform:translate(100%)}to{transform:translate(100%)}}@keyframes cloudDrift{0%{transform:translate(0)}to{transform:translate(20px)}}@keyframes titleFloat{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-5px)}}.bottom-section{position:absolute;bottom:6%;left:50%;transform:translate(-50%);width:90%;display:flex;flex-direction:column;align-items:center;gap:5px;z-index:80;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.btn-wish{width:65%;cursor:pointer;transition:transform .1s ease;animation:pulseBtn 3s infinite}@keyframes pulseBtn{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.btn-leaderboard{width:68%;cursor:pointer;transition:transform .1s ease;margin-top:-5px}.btn-leaderboard:active{transform:scale(.96)}.top10-banner{position:relative;width:80%;display:flex;justify-content:center;align-items:center;margin-top:5px;animation:bannerFloat 5s ease-in-out infinite}@keyframes bannerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.cloud-bg{width:100%}.top10-text{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1.4}.top10-text span{color:#d42027;font-weight:800;font-size:12px;text-align:center}.legal-disclaimer{position:absolute;bottom:1%;right:3%;color:#fff;font-size:6px;text-align:right;text-shadow:1px 1px 2px #000;pointer-events:none;z-index:1000;line-height:1.2}#scene-2a{background:none}.main-title-banner-small{position:absolute;top:4%;left:50%;transform:translate(-50%) scale(.6);width:65%;z-index:50;transform-origin:top center}.tnc-board-container{position:absolute;top:8%;left:50%;transform:translate(-50%);width:90%;height:72%;z-index:40;display:flex;justify-content:center;align-items:center;background:none;border:none;box-shadow:none;padding:0}.tnc-board-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;object-fit:contain;z-index:41}.tnc-board-content{position:relative;width:70%;height:75%;overflow-y:auto;overflow-x:hidden;padding-right:5px;z-index:42;margin-top:26%;font-family:Inter,sans-serif;color:#333}.tnc-text-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:20px;width:100%;overflow-x:hidden}.tnc-header-group{display:flex;flex-direction:column;align-items:center;gap:5px;margin-bottom:15px}.tnc-title-1{width:70%;max-width:200px}.tnc-title-2{width:80%;max-width:250px}.tnc-section{width:100%;margin-bottom:20px;text-align:left;padding:0 5%}.tnc-section h3{font-size:14px;font-weight:800;margin-bottom:5px;color:#5d3b1a}.tnc-section p{font-size:12px;line-height:1.5;margin-bottom:3px;color:#5d3b1a}.tnc-section .highlight-red{color:#d42027;font-weight:600}.tnc-section .mt-4{margin-top:15px}.prize-item{margin-top:25px;display:flex;flex-direction:column;align-items:center}.gift-img-simple{width:130px;height:auto;object-fit:contain;margin-top:5px}.gift-img-wide{width:100%;max-width:300px;height:auto;object-fit:contain;margin-top:5px}.gift-row{display:flex;justify-content:center;gap:15px;width:100%}.gift-row .gift-img-simple{width:110px}.tnc-section .small-note{font-size:10px;color:#666}.prize-text-left{width:100%;color:#5d3b1a;font-weight:800;font-size:13px;margin-bottom:5px;text-align:left;padding-left:10px}.tnc-board-content::-webkit-scrollbar{width:5px}.tnc-board-content::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.tnc-board-content::-webkit-scrollbar-thumb{background:#d42027;border-radius:3px}.tnc-bottom-section{position:absolute;bottom:12%;width:100%;height:15%;z-index:60;pointer-events:none}.tnc-deco-left{position:absolute;bottom:-7%;left:3%;width:30%;z-index:62;animation:floatLeft 3s ease-in-out infinite alternate}.tnc-deco-right{position:absolute;bottom:-47%;right:-11%;width:85%;z-index:62;animation:floatRight 3.5s ease-in-out infinite alternate}.btn-confirm{position:absolute;bottom:10%;left:50%;transform:translate(-50%);width:40%;cursor:pointer;pointer-events:auto;transition:transform .1s;z-index:65;animation:pulseConfirm 2s infinite}.btn-confirm:active{transform:translate(-50%) scale(.96)}@keyframes floatLeft{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes floatRight{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes pulseConfirm{0%{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}to{transform:translate(-50%) scale(1)}}.reg-board-container{position:absolute;top:5%;left:50%;transform:translate(-50%);width:93%;height:92%;z-index:40;display:flex;justify-content:center;align-items:center}.reg-board-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:41}.reg-content{position:relative;width:80%;height:90%;z-index:42;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:20%}.reg-title{width:50%;margin-bottom:10px}.reg-form{width:100%;display:flex;flex-direction:column;gap:5px;margin-bottom:5px}.reg-input-group{display:flex;flex-direction:column;align-items:center;text-align:left;gap:0px}.reg-label{color:#fff;font-size:20px;font-weight:900;text-shadow:0 2px 4px rgba(162,28,28,.5);margin-bottom:0}.reg-sublabel{color:#fff;font-size:10px;margin-bottom:2px}.input-wrapper{position:relative;width:90%;aspect-ratio:1103/321;height:auto;display:flex;justify-content:center;align-items:center}.input-bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:1}.reg-input{position:relative;width:100%;height:100%;background:transparent;border:none;padding:2% 15% 0 25%;text-align:left;font-size:16px;color:#333;outline:none;font-weight:700;z-index:2}.reg-input::placeholder{color:#bbb;font-weight:400}.reg-actions{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:5px}.btn-reg-confirm,.btn-reg-skip{width:50%;height:auto;cursor:pointer;transition:transform .1s}.btn-reg-confirm:active,.btn-reg-skip:active{transform:scale(.96)}.reg-lego-char{position:absolute;bottom:0;right:0;width:35%;z-index:50;pointer-events:none}.reg-cloud-right{position:absolute;top:35%;right:-5%;width:20%;z-index:45;animation:floatRight 4s ease-in-out infinite alternate}.reg-cloud-bottom{position:absolute;bottom:10%;left:-5%;width:25%;z-index:45;animation:floatLeft 4s ease-in-out infinite alternate}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:100;display:none;justify-content:center;align-items:center}.lightbox.active{display:flex}.lightbox-content{background:#fff;border:4px solid #d42027;border-radius:15px;padding:30px;text-align:center;width:70%;max-width:300px;animation:popIn .3s ease-out}.lightbox-content p{color:#333;font-size:18px;font-weight:700;margin-bottom:20px}#btn-close-lightbox{background:#d42027;color:#fff;border:none;padding:10px 30px;border-radius:20px;font-size:16px;font-weight:700;cursor:pointer}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.loading-container{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.loading-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.loading-text{position:absolute;top:15%;z-index:10;color:#492511;font-size:32px;font-weight:900;letter-spacing:4px;text-shadow:0 1px 2px rgba(255,255,255,.5)}.loading-text span{animation:dotBlink 1.4s infinite both;margin-left:2px}.loading-text span:nth-child(1){animation-delay:.2s}.loading-text span:nth-child(2){animation-delay:.4s}.loading-text span:nth-child(3){animation-delay:.6s}@keyframes dotBlink{0%{opacity:0}50%{opacity:1}to{opacity:0}}#scene-5{background:transparent;overflow:hidden}#camera-feed{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.ar-overlay-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.scan-ui-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:12}body.result-mode .scan-ui-elements{display:none!important}.scan-ui-1{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto;animation:scanPulse 2s infinite ease-in-out}.scan-ui-2{position:absolute;bottom:-3%;right:-1%;width:75%;height:auto;animation:none}@keyframes scanPulse{0%{transform:translate(-50%,-50%) scale(.95);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.05);opacity:1}to{transform:translate(-50%,-50%) scale(.95);opacity:.8}}#scan-trigger-zone{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;pointer-events:auto}.result-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.result-content{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:20%;padding-bottom:30%;gap:15px;overflow-y:auto}.result-content::-webkit-scrollbar{display:none}.result-item{width:80%;height:auto;object-fit:contain;opacity:0;animation:fadeSlideUp .8s forwards}.item-2a{width:70%}.item-2b{width:85%}.item-2c{width:60%;margin-top:10px}.result-item.item-2a{animation-delay:.3s}.result-item.item-2b{animation-delay:.6s}.result-item.item-2c{animation-delay:.9s}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#scene-7{background-color:#f7941d;overflow:hidden}.capture-bg-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.capture-bg{width:100%;height:100%;object-fit:cover}.capture-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:25%;z-index:10}.capture-hint{width:80%;height:auto;margin-bottom:20px;animation:fadeInDown .8s ease-out}.face-capture-camera-container{position:relative;width:85%;max-width:400px;margin-bottom:20px}.orange-base{width:100%;height:auto;display:block}.capture-video{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.capture-canvas-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none}.countdown-container{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:30%;height:auto;z-index:20;display:flex;justify-content:center;align-items:center;pointer-events:none}.countdown-img{width:100%;height:auto;display:none;animation:countdownPulse 1s 1}.capture-btn-container{position:absolute;bottom:3%;left:50%;transform:translate(-50%);z-index:25}.capture-btn{width:100px;height:auto;cursor:pointer;transition:transform .2s}.capture-btn:active{transform:scale(.9)}@keyframes countdownPulse{0%{transform:scale(.8);opacity:0}20%{transform:scale(1.1);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(1.2);opacity:0}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}#scene-8{background-image:url(/images/bg/bg.png);background-size:cover;background-position:center}.create-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:25%;z-index:10}.create-steps-container{display:flex;justify-content:center;gap:10px;width:90%;margin-bottom:30px}.create-step-btn{width:45%;height:auto;object-fit:contain}.create-title{color:#fff;font-size:24px;font-weight:900;margin-bottom:40px;text-shadow:0 2px 4px rgba(0,0,0,.5);text-align:center;width:80%}.options-container{width:90%;display:flex;flex-direction:column;gap:15px;align-items:center}.option-btn{width:70%;height:auto;object-fit:contain;cursor:pointer;transition:transform .2s,filter .2s}.option-btn:active{transform:scale(.96);filter:brightness(.9)}#scene-9{background-color:#f7941d;overflow:hidden}.create2-bg-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.create2-bg{width:100%;height:100%;object-fit:cover}.create2-content{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10}.create2-plate-container{position:relative;width:90%;display:flex;flex-direction:column;align-items:center}.create2-plate-bg{width:100%;height:auto}.final-composite-canvas{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);width:55%;height:auto;z-index:5}.prayer-label{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:70%;height:auto;z-index:6}.create2-hint{position:absolute;bottom:18%;left:50%;transform:translate(-50%);color:#5d3b1a;font-size:14px;font-weight:700;white-space:nowrap;z-index:7}.create2-btn{position:absolute;bottom:-5%;left:50%;transform:translate(-50%);width:50%;height:auto;cursor:pointer;z-index:10;transition:transform .2s;animation:pulseConfirm 2s infinite}.create2-btn:active{transform:translate(-50%) scale(.95)}.shake-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:15%;z-index:10}.shake-canvas{width:85%;height:auto;z-index:5;position:absolute;top:2%}.shake-countdown-container{position:absolute;top:11%;left:50%;transform:translate(-50%);z-index:20}.shake-countdown{width:120px;height:auto;animation:countdownPulse 1s 1}.shake-hint{width:90%;max-width:350px;height:auto;z-index:5;position:absolute;top:52%}.arrow-container{position:absolute;bottom:20%;display:flex;flex-direction:column;gap:5px;z-index:5}.arrow-left{left:10%}.arrow-right{right:10%}.arrow{width:35px;height:auto;animation:arrowFloat 1.5s ease-in-out infinite}.arrow-1{animation-delay:0s}.arrow-2{animation-delay:.3s}.arrow-3{animation-delay:.6s}@keyframes arrowFloat{0%{transform:translateY(0);opacity:.5}50%{transform:translateY(-15px);opacity:1}to{transform:translateY(-30px);opacity:0}}.shake-phone{position:absolute;bottom:-5%;left:50%;transform:translate(-50%);width:60%;height:auto;z-index:5;animation:phoneThrow 2s ease-in-out infinite}@keyframes phoneThrow{0%{transform:translate(-50%) translateY(0) rotate(0)}30%{transform:translate(-50%) translateY(-50px) rotate(-5deg)}60%{transform:translate(-50%) translateY(0) rotate(0)}to{transform:translate(-50%) translateY(0) rotate(0)}}#scene-10{background-color:#d42027;overflow:hidden}.result-bg-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.result-bg{width:100%;height:100%;object-fit:cover}.result-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10}.result-board{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.result-board-img{width:100%;height:auto}.result-buttons{position:absolute;bottom:10%;left:50%;transform:translate(-50%);width:80%;display:flex;flex-direction:column;gap:12px;align-items:center;z-index:999}.result-btn{width:55%;height:auto;cursor:pointer;transition:transform .12s ease-out;pointer-events:auto}.result-btn:active{transform:scale(.92)}.result-score{position:absolute;top:33%;left:40%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:0;color:#fff;z-index:15;text-align:center;width:100%}.score-val{font-size:40px;font-weight:900;line-height:1;text-shadow:0 4px 10px rgba(0,0,0,.3)}.score-unit{font-size:24px;font-weight:700;margin-top:-5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.floating-icons-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.floating-icon{position:absolute;width:60px;height:auto;opacity:0;animation:floatUpFade 4s ease-out forwards,floatingSwing 3s ease-in-out infinite alternate;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}@keyframes floatUpFade{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1}85%{opacity:.8}to{transform:translateY(-400px) scale(1.1);opacity:0}}@keyframes floatingSwing{0%{margin-left:-15px}to{margin-left:15px}}#scene-11{background-color:#d42027;overflow:hidden}.end-bg-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.end-bg{width:100%;height:100%;object-fit:cover}.end-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;z-index:10}.share-image-container{width:44%;margin-top:25%;background:#fff;padding:4px;box-shadow:0 5px 15px #0006;margin-bottom:2%;display:flex;flex-direction:column}.share-image{width:100%;height:auto;display:block}.share-hint{font-size:14px;color:#602c0f;font-weight:700;margin-top:5px;text-align:center;white-space:nowrap}.end-actions{width:75%;display:flex;flex-direction:column;gap:8px;align-items:center;margin-top:2%}.end-row{width:100%;display:flex;justify-content:center;gap:15px}.end-btn{width:45%;height:auto;cursor:pointer}.end-btn-large{width:85%;height:auto;cursor:pointer}.end-footer-text{position:absolute;bottom:8%;color:#602c0f;font-weight:700;font-size:14px;text-align:center}#scene-12{background-color:#f7b52c}.gift-bg-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.gift-bg{width:100%;height:100%;object-fit:cover}.gift-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:25%;z-index:10}.gift-scroll-area{width:65%;height:75%;overflow-y:auto;border-radius:15px;padding:15px;margin-bottom:20px;margin-top:7%}.gift-details-img{width:100%;height:auto;display:block}.gift-back-btn{width:40%;max-width:150px;height:auto;cursor:pointer;transition:transform .1s}.gift-back-btn:active{transform:scale(.95)}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:none;flex-direction:column;justify-content:center;align-items:center;z-index:9999;color:#fff}.loader-overlay.active{display:flex}.loader-spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-top:5px solid #d42027;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-overlay p{font-family:Inter,sans-serif;font-size:16px;font-weight:700}.leaderboard-board-content{margin-top:24%!important;height:80%!important;width:82%!important}.leaderboard-text-wrapper{padding-bottom:20px;width:100%}.rank-list{width:64%;display:flex;flex-direction:column;gap:8px;padding:19% 0 5px}.rank-item{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.rank-badge{width:100%;height:auto;display:block}.rank-info{position:absolute;top:50%;left:58%;transform:translate(-50%,-50%);width:75%;display:flex;justify-content:space-between;align-items:center;padding:0 10px;color:#5d3b1a;font-weight:800;font-size:14px;pointer-events:none}.rank-top-2 .rank-info,.rank-top-2 .rank-score{color:#fff}.rank-name{flex:1;text-align:left;padding-left:5px}.rank-score{color:#d42027;white-space:nowrap;font-weight:900}.leaderboard-rule-link{color:#06c;text-decoration:underline;font-size:14px;font-weight:800;margin-bottom:10px;display:block}.leaderboard-prize-info{margin-top:15px;width:90%;text-align:left;padding-left:10%;color:#5d3b1a;font-size:11px;line-height:1.5;font-weight:700}.leaderboard-prize-info p{margin:1px 0}.btn-rank-back{width:25%!important;cursor:pointer}