*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none}html,body{height:100%;margin:0;padding:0;font-size:100%;line-height:1.5}*:active,*:focus{outline:none!important;box-shadow:none!important}body{font-family:Arial,sans-serif;height:100svh;overflow:hidden;display:flex;justify-content:center;align-items:center}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}button{background:none;border:none;cursor:pointer}.mobile-wrapper{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100svh;aspect-ratio:9 / 16;max-width:100%}.step1,.step2,.step2-2,.step3,.step4,.step5,.generating{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.step5{display:flex;justify-content:center;align-items:center;background-color:#000;width:100%;height:100%}.step5-content{position:absolute;width:100%;aspect-ratio:9 / 16;overflow:auto}.relative{position:relative}.step1-btn{position:absolute;width:48%;bottom:6%;height:8%}.step1-terms{position:absolute;width:36%;bottom:0%;height:6%}.step2-btn{position:absolute;width:92%;top:21%;height:22%}.step3-modal{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;background:#000000b3;z-index:20}.step3-pot1-pic{position:absolute;width:92%;top:22%}.step3-pot2-pic{position:absolute;width:92%;top:33%}.step3-pot3-pic{position:absolute;width:92%;top:44%}.step3-pot4-pic{position:absolute;width:92%;top:55%}.step3-pot-1{position:absolute;width:72%;height:9.4%;top:23%;left:17%}.step3-pot-2{position:absolute;width:72%;height:9.4%;top:34%;left:17%}.step3-pot-3{position:absolute;width:72%;height:9.4%;top:45%;left:17%}.step3-pot-4{position:absolute;width:72%;height:9.4%;top:56%;left:17%}.step4-pot1-pic{position:absolute;width:85%;top:30%}.step4-pot2-pic{position:absolute;width:85%;top:40%}.step4-pot3-pic{position:absolute;width:85%;top:50%}.step4-pot4-pic{position:absolute;width:85%;top:60%}.step4-pot-1{position:absolute;width:67%;height:8.4%;top:31%;left:20%}.step4-pot-2{position:absolute;width:67%;height:8.4%;top:41%;left:20%}.step4-pot-3{position:absolute;width:67%;height:8.4%;top:51%;left:20%}.step4-pot-4{position:absolute;width:67%;height:8.4%;top:61%;left:20%}.step4-selected-zone{display:flex;justify-content:center;align-items:center;position:absolute;height:8%;width:80%;bottom:16%;left:50%;transform:translate(-50%)}.step3-btn-next{position:absolute;width:48%;bottom:6%;z-index:11}.linear-bg{background:linear-gradient(to bottom,#6b92f0,#e8c8df)}.step3-interactive-layer,.step4-interactive-layer{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;z-index:10;padding-top:42%}.flag-list-container,.step4-flag-list-container{margin-top:4%;width:88%;height:25%;overflow-x:auto;overflow-y:hidden;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px;padding:10px;border-radius:10px}.step4-flag-list-container{height:32%}.flag-item{height:90%;width:auto;cursor:pointer;transition:transform .2s;flex-shrink:0}.flag-item.selected{margin:2%;height:100%;transform:scale(1.1);background-color:#64ffdb;padding:4%;border-radius:20%}.drop-zone,.step4-drop-zone{width:60%;height:15%;margin-top:36%;display:flex;justify-content:center;align-items:center;color:transparent;font-size:14px;background:transparent;border-radius:10px}.step4-drop-zone{gap:4%;width:85%;margin-top:25%}.step4-interactive-layer{padding-top:65%}.step4-drop-zone img{max-height:100%;width:auto}.your-team{position:absolute;top:17.8%;width:13%}.drop-zone img{max-height:100%;width:auto}.step4-selected-wrapper{width:22%;position:relative;display:inline-block;margin:0 5px}.step4-selected-wrapper img.selected-flag{height:auto;border-radius:8px}.step4-delete-btn{position:absolute;top:-8px;right:-8px;height:40%;cursor:pointer;z-index:10}.step4-back{position:absolute;width:36%;bottom:4%;left:8%;z-index:11}.step4-next{position:absolute;width:36%;bottom:4%;right:8%;z-index:11}.result-pic{position:absolute;width:57%;left:23%;top:8%;border:2px solid white}.step5-rebuild{position:absolute;width:36%;height:4%;bottom:45%;left:9%}.step5-share{position:absolute;width:36%;height:4%;bottom:45%;right:9%}.step5-terms{position:absolute;width:43%;height:4%;bottom:4%;left:29%}.step5-modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:25;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.step5-modal-content{display:flex;max-height:90%;position:absolute;aspect-ratio:9 / 16;overflow:auto;background:#000;justify-content:center;align-items:center}.step5-modal-content>img{width:95%}.step5-content{position:absolute;width:85%;height:85%;overflow:auto}.step5-modal-terms-pic{position:absolute;top:7%;width:88%;height:92%;overflow:auto}.step5-modal-close{position:absolute;width:15%;height:7%;top:0;right:0}.step5-copy-text{position:absolute;width:84%;height:4%;bottom:50%;left:8%}.generator{position:absolute;width:80%;top:40%}.step1-modal{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;z-index:25}.step1-content{position:absolute;width:85%;height:85%;overflow:auto}.step1-modal-close{position:absolute;width:12%;height:7%;top:0;right:0}.arrow1{position:absolute;width:12%;top:38%;right:4%}.hidden{display:none}.mirror{transform:scaleX(-1)}.shine-box{top:20.6%;position:absolute;display:inline-block;background:transparent;height:21.8%;width:90%;border-radius:20px;color:#fff;overflow:hidden}.result-shine-box{top:8%;left:23%;position:absolute;display:inline-block;background:transparent;height:34.5%;width:57%;color:#fff;overflow:hidden;pointer-events:none}.shine-box:after{content:"";position:absolute;top:0;left:-150%;width:30%;height:100%;background:linear-gradient(120deg,#ffffff4d 0% 100%);transform:skew(-25deg);animation:shineMove 3s infinite}.result-shine-box:after{content:"";position:absolute;top:0;left:-150%;width:30%;height:100%;background:linear-gradient(120deg,#ffffff1a,#ffffff4d,#ffffff1a);transform:skew(-25deg);animation:shineMove 2s infinite}@keyframes shineMove{0%{left:-150%}60%{left:150%}to{left:150%}}.step3-pot-1,.step3-pot-2,.step3-pot-3,.step3-pot-4,.step4-pot-1,.step4-pot-2,.step4-pot-3,.step4-pot-4{display:flex;overflow-x:auto;overflow-y:visible;white-space:nowrap;align-items:center;-webkit-overflow-scrolling:touch}.step3-pot-1::-webkit-scrollbar,.step3-pot-2::-webkit-scrollbar,.step3-pot-3::-webkit-scrollbar,.step3-pot-4::-webkit-scrollbar,.step4-pot-1::-webkit-scrollbar,.step4-pot-2::-webkit-scrollbar,.step4-pot-3::-webkit-scrollbar,.step4-pot-4::-webkit-scrollbar{display:none}.step3-pot-1,.step3-pot-2,.step3-pot-3,.step3-pot-4,.step4-pot-1,.step4-pot-2,.step4-pot-3,.step4-pot-4{-ms-overflow-style:none;scrollbar-width:none;padding-left:2%}.flag-card{display:inline-flex;justify-content:center;align-items:center;background:#fff;padding:10px 14px;border-radius:18px;margin-right:14px;flex-shrink:0;box-shadow:0 6px 12px #00000040;transition:transform .25s ease;cursor:grab}.flag-card img{display:block;width:70px;height:auto;border-radius:10px}.step3-team-item{box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;display:inline-block;width:auto;height:80%;margin-right:3%;flex-shrink:0;position:relative;transition:transform .3s ease;cursor:grab;padding:2%;border-radius:20%}.step3-team-item:active{cursor:grabbing}.step3-team-flag{height:100%;width:auto;pointer-events:none;display:block}.step3-team-item.selected{border:3px solid #64ffdb;border-radius:8px;transform:scale(1.1);z-index:10;background-color:#64ffdb}.step3-selected-zone{position:absolute;height:8%;width:30%;bottom:18%;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;z-index:15}.step3-selected-flag-in-zone{height:100%;width:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.step3-drag-helper{position:fixed;z-index:1000;pointer-events:none;opacity:.8;transform:scale(1.1);filter:drop-shadow(0 10px 20px rgba(0,0,0,.5));height:80px;width:auto}.step3-selected-flag-wrapper{padding:8%;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;border-radius:20%;position:relative;display:inline-block;height:100%}.step3-delete-btn{position:absolute;top:-8%;right:-10%;height:40%;z-index:20;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.step4-team-item{box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;display:inline-block;width:auto;height:80%;margin-right:3%;flex-shrink:0;position:relative;transition:transform .3s ease;cursor:grab;padding:2%;border-radius:20%}.step4-team-item:active{cursor:grabbing}.step4-team-flag{height:100%;width:auto;pointer-events:none;display:block}.step4-team-item.selected{border:3px solid #64ffdb;border-radius:8px;transform:scale(1.1);z-index:10;background-color:#64ffdb}.step4-drag-helper{position:fixed;z-index:1000;pointer-events:none;opacity:.8;transform:scale(1.1);filter:drop-shadow(0 10px 20px rgba(0,0,0,.5));height:80px;width:auto}.step4-selected-flag-wrapper{padding:2%;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;border-radius:20%;position:relative;display:inline-block;height:90%;margin:0 3%}.step4-selected-flag-in-zone{height:100%;width:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.step4-delete-btn{position:absolute;top:-8%;right:-10%;height:40%;z-index:20;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));cursor:pointer}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes pulse2{0%{transform:scale(.9)}50%{transform:scale(1.2)}to{transform:scale(.9)}}@keyframes btnBounce{0%{transform:translateY(0)}20%{transform:translateY(-12px)}40%{transform:translateY(0)}60%{transform:translateY(-6px)}80%{transform:translateY(0)}to{transform:translateY(0)}}.pulse{animation:pulse .7s ease-in-out infinite}.pulse2{animation:pulse .6s ease-in-out infinite}.btn-bounce{animation:btnBounce .5s ease-out}