:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:min(1.11111vw,8.53333px);border:min(.13889vw,1.06667px) solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:min(.55556vw,4.26667px) auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{position:fixed;top:0;left:calc(50% - min(50%,384px));width:min(100vw,768px);height:min(15.69444vw,120.53333px);display:flex;justify-content:space-between;z-index:100;background-image:url(/assets/header-DYQUmRxr.webp);background-size:cover;background-repeat:no-repeat;background-position:center}.left{width:min(29.30556vw,225.06667px);height:min(8.61111vw,66.13333px)}.right-img{width:min(29.30556vw,225.06667px);height:min(8.61111vw,66.13333px);margin:min(2.36111vw,18.13333px) min(2.36111vw,18.13333px) 0 0}.hero{width:min(100vw,768px);height:min(161.94444vw,1243.73333px);overflow:hidden}.hero-background{width:100%;height:min(138.88889vw,1066.66667px)}.hero-content{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2}.hero-content img{width:min(59.02778vw,453.33333px);animation:heartbeat 2s ease-in-out infinite}.hero-content img.paused{animation-play-state:paused}@keyframes fadeInDown{0%{opacity:0;transform:translateY(max(-4.16667vw,-32px))}to{opacity:1;transform:translateY(0)}}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.milestone-list{position:relative;width:min(100vw,768px);padding:min(1.38889vw,10.66667px) 0 min(4.72222vw,36.26667px);text-align:center}.milestone-list .milestone-box{height:min(35.41667vw,272px);display:flex;flex-direction:column;align-items:center}.milestone-list .milestone-title{margin:0;font-size:min(6.38889vw,49.06667px);line-height:1.1;font-weight:900;font-style:italic;letter-spacing:min(.13889vw,1.06667px);white-space:nowrap;color:#6c33c8;text-shadow:min(.27778vw,2.13333px) 0 0 #fff,max(-.27778vw,-2.13333px) 0 0 #fff,0 min(.27778vw,2.13333px) 0 #fff,0 max(-.27778vw,-2.13333px) 0 #fff,min(.27778vw,2.13333px) min(.27778vw,2.13333px) 0 #fff,max(-.27778vw,-2.13333px) min(.27778vw,2.13333px) 0 #fff,min(.27778vw,2.13333px) max(-.27778vw,-2.13333px) 0 #fff,max(-.27778vw,-2.13333px) max(-.27778vw,-2.13333px) 0 #fff,0 min(.69444vw,5.33333px) min(1.11111vw,8.53333px) rgba(74,31,158,.35)}.milestone-list .milestone-registration{display:flex;align-items:center;justify-content:center;gap:min(1.66667vw,12.8px);margin-top:min(21.52778vw,165.33333px)}.milestone-list .registration-count{min-width:min(23.33333vw,179.2px);padding:min(.55556vw,4.26667px) min(2.5vw,19.2px);font-size:min(5.41667vw,41.6px);font-weight:500;letter-spacing:min(.13889vw,1.06667px);line-height:1.25;color:#000;font-family:inpact}.milestone-list .milestone-cards-horizontal{display:flex;justify-content:center;align-items:center;gap:min(1.38889vw,10.66667px);margin-top:min(3.61111vw,27.73333px);padding:min(.83333vw,6.4px) 0}.milestone-list .milestone-card{position:relative;width:min(18.05556vw,138.66667px);height:min(24.58333vw,188.8px);border-radius:min(1.66667vw,12.8px);transition:transform .3s ease,opacity .3s ease;animation:fadeInUp .6s ease-out backwards}.milestone-list .milestone-card .milestone-image{display:block;width:100%;height:100%;border-radius:min(1.66667vw,12.8px);transition:filter .3s ease}.milestone-list .milestone-card.not-achieved{opacity:.85}.milestone-list .milestone-card.not-achieved .milestone-image{filter:grayscale(.9) brightness(.92) saturate(.45)}.milestone-list .milestone-card.not-achieved:hover{opacity:1}.milestone-list .milestone-card.not-achieved:hover .milestone-image{filter:grayscale(.15) brightness(1.02) saturate(.9)}.milestone-list .milestone-card.achieved{transform:scale(1.03);z-index:2}.milestone-list .milestone-card.achieved .milestone-image{animation:milestoneGlow 2.6s ease-in-out infinite}@keyframes milestoneGlow{0%,to{filter:drop-shadow(0 0 min(.83333vw,6.4px) rgba(168,85,247,.7)) drop-shadow(0 0 min(1.94444vw,14.93333px) rgba(124,58,237,.45))}50%{filter:drop-shadow(0 0 min(1.66667vw,12.8px) rgba(186,110,255,.95)) drop-shadow(0 0 min(3.61111vw,27.73333px) rgba(124,58,237,.7))}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(min(4.16667vw,32px))}to{opacity:1;transform:translateY(0)}}.character-section{position:relative;width:min(100vw,768px);height:min(90.27778vw,693.33333px);display:flex;align-items:stretch;overflow:hidden}.character-info{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding-left:min(3.47222vw,26.66667px)}.character-title{margin:0;font-size:min(5.55556vw,42.66667px);font-weight:900;font-style:italic;letter-spacing:min(.13889vw,1.06667px);color:#6c33c8;text-shadow:min(.27778vw,2.13333px) min(.27778vw,2.13333px) 0 rgba(255,255,255,.55),min(.55556vw,4.26667px) min(.55556vw,4.26667px) 0 rgba(84,40,160,.35);animation:fadeSlide .4s ease both}.character-badge{width:85%;height:auto;margin:min(30.55556vw,234.66667px) 0 0 min(4.86111vw,37.33333px);align-self:flex-start;animation:fadeSlide .4s ease both}.avatar-grid{margin-top:auto;display:flex;flex-direction:column;margin-bottom:min(2.77778vw,21.33333px)}.avatar-row{display:flex;gap:min(2.5vw,19.2px)}.avatar-row.offset{margin-left:min(7.5vw,57.6px)}.avatar-hex{width:min(11.94444vw,91.73333px);height:min(13.61111vw,104.53333px);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#4a63c8;cursor:pointer;position:relative;transition:transform .25s ease,background .25s ease,filter .25s ease}.avatar-hex img{position:absolute;inset:min(.41667vw,3.2px);width:calc(100% - min(.83333vw,6.4px));height:calc(100% - min(.83333vw,6.4px));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);object-fit:cover}.avatar-hex:hover{transform:translateY(max(-.55556vw,-4.26667px)) scale(1.05)}.avatar-hex.active{background:linear-gradient(180deg,#ffe08a,#f0a93a);transform:scale(1.18);filter:drop-shadow(0 0 min(1.66667vw,12.8px) rgba(255,205,90,.95));z-index:1}.character-art{position:relative;z-index:1;width:55%;display:flex;align-items:flex-end;justify-content:center}.character-art img{max-height:100%;max-width:100%;object-fit:contain;object-position:bottom center;filter:drop-shadow(max(-1.11111vw,-8.53333px) min(1.38889vw,10.66667px) min(2.5vw,19.2px) rgba(60,30,120,.35));animation:artIn .45s ease both}@keyframes artIn{0%{opacity:0;transform:translate(min(3.33333vw,25.6px))}to{opacity:1;transform:translate(0)}}@keyframes fadeSlide{0%{opacity:0;transform:translate(max(-1.66667vw,-12.8px))}to{opacity:1;transform:translate(0)}}.footer{width:min(100vw,768px);height:min(111.11111vw,853.33333px);padding-bottom:min(12.77778vw,98.13333px);box-sizing:border-box}.footer-content{width:min(100vw,768px);height:min(74.58333vw,572.8px);display:flex;justify-content:center;align-items:flex-end}.footer-carousel{position:relative;width:min(90.27778vw,693.33333px);height:min(51.38889vw,394.66667px)}.carousel-container{width:100%;height:100%;overflow:hidden;border-radius:min(1.11111vw,8.53333px)}.carousel-slides{display:flex;transition:transform .5s ease-in-out;height:100%}.carousel-slide{min-width:100%;height:100%}.carousel-slide img{width:100%;height:100%;object-fit:cover;border-radius:min(1.11111vw,8.53333px)}.carousel-controls{position:absolute;bottom:max(-8.33333vw,-64px);left:50%;transform:translate(-50%);display:flex;gap:min(1.66667vw,12.8px);z-index:100;align-items:center}.carousel-indicator{width:min(3.33333vw,25.6px);height:min(3.33333vw,25.6px);cursor:pointer;transition:all .3s ease;object-fit:contain}.carousel-indicator:hover{transform:scale(1.2);opacity:.8}.footer-bottom{z-index:999;position:fixed;bottom:0;left:calc(50% - max(0%,0px));transform:translate(-50%);display:flex;justify-content:space-between;align-items:center;width:min(100vw,768px);height:min(12.77778vw,98.13333px);background-image:url(data:image/webp;base64,UklGRvgAAABXRUJQVlA4IOwAAABQFQCdASrQAlwAPm02lkmkIqGhIClYgA2JaW7hdqAAFAwPmvht0692Idyde7EO5OvdiHcnXuxDuTr3Yh3J17sQ7k692Idyde7EO5OvdiHcnXuxDuTr3Yh3J17sQ7k692Idyde7EO5OvdiHcnXuxDuTr3Yh3J17sQ7k692Idyde7EO5OvdiHcnIY1CVfwWLFixYsWLFixYsWLFixYsWLFixYsWLFixYsWLFixYsWLFixYsPAAD+/xwk//8lP/vK/13bMAAAAAAAAAAAM1Bc47WihNBJ698175r3zXvmvfNe+a98175r3zXvkcAAAA==);background-repeat:no-repeat;background-size:100% 100%;background-position:center;flex-shrink:0}.footer-bottom img{margin-left:min(.55556vw,4.26667px);height:min(9.58333vw,73.6px);width:auto;object-fit:contain;flex-shrink:0}.footer-bottom .right{margin-right:min(2.5vw,19.2px);margin-top:max(-1.38889vw,-10.66667px);width:auto;height:100%;display:flex;align-items:center;gap:min(2.5vw,19.2px)}.popup-overlay{position:fixed;top:0;left:calc(50% - min(50%,384px));width:min(100%,768px);height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:min(2.77778vw,21.33333px);animation:fadeIn .3s ease-out}.popup-content{position:relative;left:0;top:0;display:flex;flex-direction:column;align-items:center;max-width:min(85.83333vw,659.2px);width:90%;animation:slideUp .4s ease-out}.popup-bg{width:100%;height:auto;display:block;transform-origin:center;animation:breatheScale 3s ease-in-out infinite;filter:drop-shadow(min(.27778vw,2.13333px) 0 0 #4f6bff) drop-shadow(max(-.27778vw,-2.13333px) 0 0 #4f6bff) drop-shadow(0 min(.27778vw,2.13333px) 0 #a855f7) drop-shadow(0 max(-.27778vw,-2.13333px) 0 #a855f7) drop-shadow(min(.27778vw,2.13333px) min(.27778vw,2.13333px) 0 #8b5cf6) drop-shadow(max(-.27778vw,-2.13333px) min(.27778vw,2.13333px) 0 #8b5cf6) drop-shadow(min(.27778vw,2.13333px) max(-.27778vw,-2.13333px) 0 #8b5cf6) drop-shadow(max(-.27778vw,-2.13333px) max(-.27778vw,-2.13333px) 0 #8b5cf6)}.popup-bg-glow{position:absolute;top:0;left:0;width:100%;height:auto;pointer-events:none;z-index:1;transform-origin:center;filter:drop-shadow(0 0 min(8.88889vw,68.26667px) rgba(124,92,246,.8));will-change:opacity,transform;animation:glowBreathe 2.5s ease-in-out infinite,breatheScale 3s ease-in-out infinite}@keyframes glowBreathe{0%,to{opacity:.35}50%{opacity:.9}}@keyframes breatheScale{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.popup-close{width:min(8.33333vw,64px);height:min(8.33333vw,64px);margin-top:min(2.08333vw,16px);object-fit:cover;background:none;border:none;cursor:pointer;padding:0;z-index:10;transition:transform .2s}.popup-close:hover{transform:scale(1.1)}.popup-close img{width:min(8.33333vw,64px);height:min(8.33333vw,64px)}.popup-store-btn{position:absolute;bottom:min(20.83333vw,160px);display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;transition:transform .2s;width:80%;max-width:min(37.5vw,288px);z-index:10;animation:breatheScale 3s ease-in-out infinite}.popup-store-btn:hover{transform:scale(1.05)}.popup-store-btn img{width:100%;height:auto;display:block}@media (max-width: 480px){.popup-content{width:95%}.popup-body{top:10%;left:6%;right:6%;padding:min(2.08333vw,16px)}.popup-greeting{font-size:min(2.22222vw,17.06667px)}.popup-message{font-size:min(1.66667vw,12.8px)}.popup-chance{font-size:min(1.52778vw,11.73333px)}.popup-devices{height:min(13.88889vw,106.66667px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(min(6.94444vw,53.33333px)) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-overlay.closing{animation:fadeOut .2s ease-in forwards}.popup-overlay.closing .popup-content{animation:slideDown .2s ease-in forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(min(6.94444vw,53.33333px)) scale(.9)}}:root{--screen-width: min(100vw, 768px);--primary-color: #d4a574;--secondary-color: #8b6914;--background-color: #1a0f0a;--text-color: #f5e6d3;--header-height: min(11.11111vw, 85.33333px)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color)}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:min(.55556vw,4.26667px);height:min(.83333vw,6.4px)}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:min(.41667vw,3.2px)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.app{max-width:768px!important;margin-left:auto!important;margin-right:auto!important;width:min(100vw,768px);position:relative;overflow:hidden;background-size:100% auto;background-repeat:no-repeat;background-position:top center}main{padding-top:min(11.11111vw,85.33333px)}.background-image{position:absolute;top:0;left:0;width:100%;aspect-ratio:720 / 2888;object-fit:cover;object-position:top}
