:root{--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-md:1.125rem;--font-lg:1.25rem;--font-xl:1.5rem;--font-2xl:2rem;--font-3xl:2.5rem;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-full:9999px;--menu-height:70px;--menu-icon-size:24px;--menu-padding:1rem;--card-padding:12px;--card-gap:1rem;--safe-area-bottom:env(safe-area-inset-bottom,0px)}html{font-size:16px}@media (max-width:374px){html{font-size:13px}:root{--menu-height:60px;--menu-icon-size:20px;--menu-padding:.75rem;--card-padding:8px;--card-gap:.75rem}}@media (min-width:375px) and (max-width:389px){html{font-size:14px}:root{--menu-height:65px;--menu-icon-size:22px;--menu-padding:.875rem;--card-padding:10px;--card-gap:.875rem}}@media (min-width:390px) and (max-width:428px){html{font-size:15px}:root{--menu-height:70px;--menu-icon-size:24px;--menu-padding:1rem;--card-padding:12px;--card-gap:1rem}}@media (min-width:429px) and (max-width:480px){html{font-size:16px}:root{--menu-height:75px;--menu-icon-size:26px;--menu-padding:1.125rem;--card-padding:14px;--card-gap:1.125rem}}@media (min-width:481px) and (max-width:767px){html{font-size:17px}:root{--menu-height:80px;--menu-icon-size:28px;--menu-padding:1.25rem;--card-padding:16px;--card-gap:1.25rem}}@media (min-width:768px){html{font-size:16px}:root{--menu-height:70px;--menu-icon-size:24px;--menu-padding:1rem;--card-padding:14px;--card-gap:1rem;--app-max-width:600px}}html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@media (min-width:768px){body{background-color:#0a0518}}.light-bg{background-image:url(https://cdn.udelivrs.com/2025/05/3eea8de9e41a59a4e16c069a45559bf8_1747294402587.png);background-position:50%;background-size:cover;min-height:900px}.img-box{width:calc(var(--vh)*60*.545);margin:0 auto}.menu{padding:0 var(--menu-padding);bottom:max(1rem,var(--safe-area-bottom));width:100%;max-width:600px;height:var(--menu-height);z-index:9999;box-sizing:border-box;position:fixed;left:50%;transform:translate(-50%)}.top-menu{background-color:#11092a00;padding:3% 0% 2%}.top-menu-filter{background-color:#11092acc;padding:3% 0% 2%}.menu-box{background-color:#272243;border:1px solid #32246b;border-radius:clamp(16px,4vw,24px);max-width:560px;margin:0 auto;padding:clamp(8px,2vw,16px) clamp(16px,5vw,32px)}.postion-modal-top{position:absolute;top:-6rem;left:40%;transform:rotate(-15deg)}.postion-modal-bottom{position:absolute;bottom:-4rem;left:45%}.postion-relative{position:relative}.postion-absolute{position:absolute}.postion-fixed{z-index:99999;width:100%;position:fixed}.float-right{float:right}.float-left{float:left}.clear{clear:both}.flex{justify-content:center;align-items:center;display:flex}.flex-box{display:flex}.flex-wrap{flex-wrap:wrap}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-justify-center{justify-content:center;display:flex}.flex-align-center{align-items:center;display:flex}.text-title{color:#b3a2d3;font-size:clamp(1.2rem,4vw,1.5rem);font-weight:700}.text-margin-left{margin-left:12px}.menu-list{justify-content:space-around;align-items:center;width:100%;max-width:400px;margin:0 auto;display:flex}.menu-item{color:#685b94;text-align:center;flex:1}.menu-item img{width:var(--menu-icon-size);height:var(--menu-icon-size)}.menu-item .txt{text-align:center;margin-top:4px;font-size:clamp(.65rem,2.5vw,.85rem)}.menu-item .active{color:#9d8aff}.menu-item a{color:#685b94;text-decoration:none}.main-content{padding:3% 2% 2%}.height-auto{height:calc(100vh - 310px)}.modal-content{scrollbar-width:none;-ms-overflow-style:none;max-width:600px;height:100vh;margin:0 auto;overflow:scroll}.modal-content::-webkit-scrollbar{display:none}.main-content-modal{min-height:800px;padding:10% 2% 2%}.card-modal-content{background-color:#231446;border:1px solid #32246b;border-radius:1.5rem;margin-top:1rem}.card-modal-box{background-color:#231446;border:1px solid #32246b;border-radius:1.5rem;margin:10rem 2rem 0}.card-modal-content-box{background-color:#23144680;margin-top:1rem}.card-content{background-color:#23144699;border:1px solid #32246b;border-radius:1.5rem;margin-top:1rem}.card-no-border{background:0 0;border:none;border-radius:0}.card-content-bg{background-image:url(https://cdn.udelivrs.com/2025/05/a822cdb1fa4a1240db049e5b221c4b6b_1747363346040.png);background-position:50%;background-size:cover;height:215px;margin-top:12px}.fortune-content-bg{background-image:url(https://cdn.udelivrs.com/2025/05/76164d96292d2569541e6b1e205ac6b0_1747467992865.png);background-position:50%;background-size:cover;height:130px;margin-top:12px}.reading-content-bg{background:linear-gradient(#6e00ff52,#6e00ff00);border-radius:20px;height:24vh;padding:3% 5%}.fortune-card-content{background-color:#23144699;border:1px solid #32246b;border-radius:16px;height:130px;margin-top:12px}.card-content-img{text-align:center;background-image:url(https://cdn.udelivrs.com/2025/05/851d48223f7d96992258cd454b65ae95_1747368220189.png);background-position:50%;background-size:cover;margin-top:12px;padding:18% 12%;font-size:1.2rem;position:relative}.card-content-img-gray{text-align:center;background-image:url(https://cdn.udelivrs.com/2025/05/e224eee0168e92b5f7c22d756090396d_1747368220193.png);background-position:50%;background-size:cover;margin-top:12px;padding:18% 5%;font-size:1.2rem}.card-content-inner{padding:var(--card-padding)}.card-title{color:#e7e2fa;font-size:clamp(1.2rem,4vw,1.5rem)}.card-color-gradient{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#630fff,#a10eff);-webkit-background-clip:text;background-clip:text;font-size:1.5rem}.text-width-ssm{width:5rem}.text-width-sm{width:10rem}.text-width-md{width:15rem}.text-width-lg{width:20rem}.text-lg{color:#e7e2fa;font-size:2rem}.text-normal{color:#e7e2fa}.text-gray{color:#210262}.text-pink{color:#beb6d2}.text-yellow{color:#cdb183}.text-yellow-book{color:#d3ba95}.text-store-gray{color:#685b94}.text-font-ssm{font-size:1.1rem}.text-font-sm{font-size:1.3rem}.text-font-smd{font-size:1.4rem}.text-font-md{font-size:1.5rem}.text-font-lg{font-size:2rem}.text-padding-top{padding-top:6px}.text-padding-bottom{padding-bottom:6px}.text-padding-left{padding-left:6px}.text-padding-right{padding-right:6px}.card-button-gray{background-color:#e3b5cb1a;border:1px solid #69478c;border-radius:16px;margin-top:12px;margin-left:20%;margin-right:20%;padding:6px 0}.card-button-yellow{background:linear-gradient(90deg,#e38f00,#c39601);border-radius:12px;padding:3px 5px}.card-button-blue{background:linear-gradient(90deg,#7535ed,#5c5cfd);border-radius:20px;padding:clamp(8px,2.5vw,12px);font-size:clamp(1rem,3vw,1.2rem)}.card-button-gray2{background-color:#e3b5cb1a;border-radius:20px;padding:clamp(8px,2.5vw,12px);font-size:clamp(1rem,3vw,1.2rem)}.card-button-sm{background:linear-gradient(90deg,#7535ed,#5c5cfd);border-radius:20px;padding:clamp(4px,1.5vw,6px) clamp(6px,2vw,8px);font-size:clamp(1rem,3vw,1.2rem)}.card-button{background:linear-gradient(90deg,#7535ed,#5c5cfd);border-radius:20px;font-size:clamp(1rem,3vw,1.2rem)}.card-button-mint{background:linear-gradient(90deg,#7535ed,#5c5cfd);border-radius:12px;padding:6px 16px;font-size:1.2rem}.card-button-border{background-color:#23144699;border:1px solid #32246b;border-radius:32px;padding:6px}.card-desc{color:#685b94;font-size:clamp(1rem,3vw,1.2rem)}.tab-header{color:#8379a4;justify-content:center;gap:clamp(2rem,10vw,5rem);padding-left:clamp(1.5rem,6vw,4rem);padding-right:clamp(1.5rem,6vw,4rem);font-size:clamp(1.1rem,3.5vw,1.4rem);display:flex}.margin-ssm{margin-top:1.2rem}.margin-sm{margin-top:1.5rem}.margin-md{margin-top:2rem}.margin-lg,.tab-box{margin-top:3rem}.tab-box-md{margin-top:5rem}.tab-content{color:#d3ba95;margin-top:3rem}.card-benefit-tip{background:#630fff1a;border:1px solid #a10eff4d;border-radius:1rem;margin-top:2rem;margin-left:2rem;margin-right:2rem;padding:1.5rem 2rem}.benefit-text{color:#beb6d2;text-align:center;font-size:1.3rem;line-height:1.6}.text-center{text-align:center}.width-percent-mxl{width:calc(90vw - 5rem)}.width-percent-xl{width:calc(98vw - 5rem)}.width-percent-lg{width:calc(50vw - 1rem)}.width-percent-md{width:calc(50vw - 2rem)}.width-percent-sm{width:calc(50vw - 3rem)}.width-percent-ssm{width:calc(50vw - 5rem)}.cursor-pointer{cursor:pointer}.home{text-align:center;padding:5rem 2rem}.home__title{font-size:6rem;line-height:1.15}.home__title__link{color:#06c755;text-decoration:none}.home__title__link:hover{text-decoration:underline}.home__badges{flex-wrap:nowrap;justify-content:center;align-items:center;margin-bottom:6rem;display:flex;overflow:hidden}.home__badges__badge:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px}.home__badges__badge:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px}.home__badges__badge{text-align:center;white-space:nowrap;vertical-align:baseline;padding:.3em .4em;font-size:.75rem;font-weight:700;line-height:1;display:inline-block}.badge--primary{color:#353a40;background-color:#0000;border:1px solid #353a40;padding-top:calc(.3em - 1px);padding-bottom:calc(.3em - 1px)}.badge--secondary{color:#fff;background-color:#353a40}.home__buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.home__buttons__button{cursor:pointer;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:2px;min-width:250px;padding:.375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.5;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:inline-block}.button--primary{color:#fff;background-color:#00b900;border-color:#00b900}.button--primary:hover{color:#fff;background-color:#009300;border-color:#008600}.button--secondary{color:#fff;background-color:#353a40;border-color:#353a40}.button--secondary:hover{color:#fff;background-color:#24272b;border-color:#1e2124}.button--tertiary{color:#353a40;background-color:#0000;background-image:none;border-color:#353a40}.button--tertiary:hover{color:#353a40;background-color:#353a401a;border-color:#353a40}@media screen and (max-width:600px){html{font-size:12px}.home__title{font-size:4rem;line-height:1.15}.home__buttons__button{font-size:1.5rem}}@media screen and (max-width:930px){.home__buttons{flex-direction:column}}.aisuite-text-color{background:linear-gradient(91.58deg,#2edef9 4.57%,#33bcf8 32.76%,#3a90f6 62.65%,#3f72f5 88.74%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.fade_out{animation:.5s ease-out forwards fade-out}@keyframes book-ani1{0%{transform:rotate(0)translate(0)}25%{transform:rotate(10deg)translateY(5px)}50%{transform:rotate(0)translate(0)}75%{transform:rotate(-10deg)translateY(5px)}to{transform:rotate(0)translate(0)}}.book-ani{animation:4s linear infinite both book-ani1}@keyframes guide-hand-ani{0%{transform:rotate(0)translate(0)}25%{transform:rotate(10deg)translateY(5px)}50%{transform:rotate(0)translate(0)}75%{transform:rotate(-10deg)translateY(5px)}to{transform:rotate(0)translate(0)}}.guide-hand{animation:4s linear infinite both guide-hand-ani}@keyframes guide-tip-ani{0%{opacity:0}to{opacity:1}}.guide-tip{animation:1s linear both guide-tip-ani}.fragment{z-index:100;border-radius:1.5rem;position:relative}.fragment canvas{z-index:100}.fragment:after{content:"";z-index:99;background-color:#00000080;position:absolute;inset:0}.fragment.done:after{display:none}@keyframes mint-done{0%{transform:scale(1)}67%{transform:scale(1.2)}to{transform:scale(1)}}.fragment.done{animation:.6s ease-in-out both mint-done}.card-border{display:relative}.card-border .inner{border-radius:1.5rem;position:relative}.card-border .inner:after{content:"";z-index:0;background:conic-gradient(#d9d1c1 0deg,#caab94 85deg,#9a4305 135deg,#b57d54 210deg,#d7c6ba 250deg,#b49351 340deg,#d9d1c1 360deg);border-radius:1.5rem;display:none;position:absolute;inset:-1px}.card-border.img-loaded .inner:after{display:block}.card-border .inner .inner-img{z-index:100;border-radius:1.5rem;position:relative;overflow:hidden}@keyframes quick-draw-text-ani{0%{width:20vw}to{width:0}}.center{transform:translate(-50% -50%);position:absolute;top:50%;left:50%}.spinner{box-sizing:border-box;border:4px solid #fff3;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.card-border.img-loaded .spinner-wraper{display:none}.card-border .spinner-wraper{z-index:1000;position:absolute;top:calc(50% - 20px);left:calc(50% - 20px)}@keyframes spin{to{transform:rotate(360deg)}}.quick-draw-text{white-space:nowrap;animation:3s ease-in-out 4s both quick-draw-text-ani;display:block;overflow:hidden}.daily-btn{flex-direction:row;justify-content:center;align-items:center;display:flex;position:absolute;top:1vh;right:2vh}.daily-btn img{color:#ccc;width:20px;display:block}.daily-btn span{margin-left:2px;display:block;transform:translateY(-2px)}div:focus{outline:none}div{-webkit-tap-highlight-color:transparent}.fix-full-screen{z-index:-1;background-image:url(https://cdn.udelivrs.com/2025/05/361aa109728687bacf485f59f3c089bd_1747298991742.png);background-size:100%;position:fixed;inset:0}.modal-with-mask{z-index:100000000;background-color:#00000080;position:fixed;inset:0}.glow-button-wrapper{width:calc(var(--vh)*25);height:calc(var(--vh)*8);padding:calc(var(--vh));background-color:#0000;display:inline-block;position:relative}.glow-button-wrapper:before{content:"";border-radius:calc(var(--vh)*8);-webkit-mask-composite:destination-out;box-sizing:border-box;z-index:0;pointer-events:none;background:linear-gradient(90deg,#7535ed,#5c5cfd);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glow-button-wrapper .inner-btn{border-radius:calc(var(--vh)*6);background:linear-gradient(90deg,#7535ed,#5c5cfd);justify-content:center;align-items:center;display:flex}.buy-modal{visibility:hidden;opacity:0;z-index:10000;background:#00000080;position:fixed;inset:0}.buy-modal.show{visibility:visible;opacity:1}.buy-modal .buy-content{z-index:10000;opacity:0;background-color:#231446;border:1px solid #32246b;border-radius:1.5rem;padding:12px;transition:all .5s ease-in-out;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.buy-modal.show .buy-content{opacity:1;transform:translateY(0%)}.my-card{z-index:0;background-color:#000;border:1px solid gray;border-radius:1rem;width:70%;margin:auto;display:flex;position:relative}.my-card .frame{z-index:100;background:#000;border-radius:1rem;position:relative;transform:translateZ(0)}.my-card .frame:after{content:"";z-index:-1;background:conic-gradient(#d9d1c1 0deg,#caab94 85deg,#9a4305 135deg,#b57d54 210deg,#d7c6ba 250deg,#b49351 340deg,#d9d1c1 360deg);border-radius:1rem;position:absolute;inset:-1px}.my-card .frame .title{align-items:center;height:3.2rem;margin-bottom:1rem;padding-top:.5rem;padding-left:2rem;padding-right:1rem;display:flex}.my-card.cardImg{border-radius:8px}.my-card .frame .title .name{color:#fff;background:linear-gradient(90deg,#fff6 10%,#fff 50%,#fff6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;position:relative}.my-card .frame .title .num{color:#bbb;margin-left:auto;font-size:1rem}.my-card .frame .footer{align-items:center;height:.6rem;margin-bottom:1rem;padding-top:.5rem;padding-left:2rem;padding-right:1rem;display:flex}.my-card .frame .footer .collect{align-items:center;gap:.6rem;display:flex}.my-card .frame .footer .collect img{width:2rem;height:2rem}.my-card .frame .footer .collect span{color:#ddd}.my-card .frame .footer .mycards{color:#ddd;align-items:center;gap:.6rem;margin-left:auto;display:flex}.my-card .frame .footer .mycards img{width:2rem}.my-card .frame img{max-width:90%;margin:auto;display:block}.destiny-dlg{height:calc(var(--vh)*60);opacity:0;transition:all .5s;translate:0% 20%}.destiny-dlg.show{opacity:1}.dest-outter{z-index:2;position:relative}.dest-outter .title{transition:all 1s}.dest-outter.dest-flipped .title{transform:translateY(-200%)}.dest-outter .filp-img{transition:all 1s;transform:translate(0%)}.dest-outter.dest-flipped .filp-img{transform:translateY(-30%)}.dest-outter .light-bg-book{z-index:-1;background-image:url(https://cdn.udelivrs.com/2025/05/3a565b96bb1d312c3e6cd48006dc2c63_1747640655118.png);background-position:50%;background-size:cover;min-height:100vh;transition:all 1s;position:fixed;inset:0;transform:translateY(100%)}.dest-outter.dest-flipped .light-bg-book{transform:translateY(5%)}.dest-outter .btn{transition:all 1s;transform:translateY(200%)}.dest-outter.dest-flipped .btn{transform:translateY(-150%)}.svg{width:100%;height:100%;position:absolute;inset:0}.check-box1{border:1px solid #6963fb;border-radius:.3rem;width:1.4rem;height:1.4rem;position:relative}.check-box1.check{background:linear-gradient(90deg,#7535ed,#5c5cfc);border:none}.check-box1.check:after{z-index:1;content:"";background-image:url(https://www-s.ucloud.cn/2025/06/d651d952f120e01651cea031cca91c53_1750058114870.svg);background-size:cover;position:absolute;inset:20%}.gradient-text{background:linear-gradient(90deg,#7535ed,#5c5cfc);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.p-responsive{padding:clamp(.75rem,3vw,1.5rem)}.px-responsive{padding-left:clamp(.75rem,3vw,1.5rem);padding-right:clamp(.75rem,3vw,1.5rem)}.py-responsive{padding-top:clamp(.75rem,3vw,1.5rem);padding-bottom:clamp(.75rem,3vw,1.5rem)}.m-responsive{margin:clamp(.75rem,3vw,1.5rem)}.gap-responsive{gap:clamp(.5rem,2vw,1rem)}.text-responsive-xs{font-size:clamp(.7rem,2.5vw,.85rem)}.text-responsive-sm{font-size:clamp(.8rem,3vw,1rem)}.text-responsive-base{font-size:clamp(.9rem,3.5vw,1.125rem)}.text-responsive-lg{font-size:clamp(1rem,4vw,1.25rem)}.text-responsive-xl{font-size:clamp(1.2rem,5vw,1.5rem)}.text-responsive-2xl{font-size:clamp(1.5rem,6vw,2rem)}.container-responsive{box-sizing:border-box;width:100%;max-width:600px;margin:0 auto;padding-left:clamp(12px,4vw,24px);padding-right:clamp(12px,4vw,24px)}.grid-responsive-2{grid-template-columns:repeat(2,1fr);gap:clamp(8px,2vw,16px);display:grid}.grid-responsive-3{grid-template-columns:repeat(3,1fr);gap:clamp(6px,1.5vw,12px);display:grid}@media (max-width:374px){.grid-responsive-3{grid-template-columns:repeat(2,1fr)}}.safe-area-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.safe-area-top{padding-top:max(1rem,env(safe-area-inset-top))}.h-screen-safe{height:100vh;height:calc(var(--vh,1vh)*100);height:var(--app-height,100vh)}.min-h-screen-safe{min-height:100vh;min-height:calc(var(--vh,1vh)*100);min-height:var(--app-height,100vh)}.touch-target{min-width:44px;min-height:44px}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}
@keyframes card-80-20{0%{width:calc(var(--vh,1vh)*20)}to{width:calc(var(--vh,1vh)*20)}}@keyframes card-out-inside{0%{left:calc(var(--vh,1vh)*10);top:calc(var(--vh,1vh)*100);transform-origin:10vh calc(var(--vh,1vh)*20);transform:rotate(-720deg)}to{left:calc(50vw - var(--vh,1vh)*10);transform-origin:10vh calc(var(--vh,1vh)*20);top:55vh;transform:rotate(0)}}@keyframes card-bottom-to-center{0%{left:calc(50vw - var(--vh,1vh)*10);top:55vh}to{left:calc(50vw - var(--vh,1vh)*10);top:12vh}}@keyframes card-80-20-pos{0%{top:20vh;left:30vw}to{top:0;left:0}}.card-80-20{animation:2s linear 2s forwards card-80-20-pos}@keyframes auto-flip{0%{transform:scale(1)rotateY(0)rotate(0)}50%{transform:scale(1.5)rotateY(90deg)rotate(10deg)}to{transform:scale(1)rotateY(180deg)rotate(0)}}.card-position-ctrl{z-index:10000;animation:2s ease-in forwards card-out-inside,2s ease-in-out 4s forwards card-bottom-to-center;position:fixed}@media (max-width:374px){.card-position-ctrl{animation:2s ease-in forwards card-out-inside-small,2s ease-in-out 4s forwards card-bottom-to-center-small}}@keyframes card-out-inside-small{0%{left:calc(var(--vh,1vh)*8);top:calc(var(--vh,1vh)*100);transform-origin:8vh calc(var(--vh,1vh)*18);transform:rotate(-720deg)}to{left:calc(50vw - var(--vh,1vh)*9);transform-origin:8vh calc(var(--vh,1vh)*18);top:50vh;transform:rotate(0)}}@keyframes card-bottom-to-center-small{0%{left:calc(50vw - var(--vh,1vh)*9);top:50vh}to{left:calc(50vw - var(--vh,1vh)*9);top:10vh}}.card-size-ctrl{animation:2s linear 6s both card-80-20}.flip-card-container{perspective:1000px}.flip-card-container .flip-card{transform-style:preserve-3d;position:relative}.flip-card-container .flip-card .front{backface-visibility:hidden;justify-content:center;align-items:center;width:100%;height:auto;font-size:24px;display:flex;position:absolute;transform:rotateY(180deg)}.flip-card-container .flip-card .back{backface-visibility:hidden;justify-content:center;align-items:center;width:100%;height:auto;font-size:24px;display:flex;position:absolute;transform:rotateY(0)}.flip-card-container .flip-card .front img,.flip-card-container .flip-card .back img{width:100%}.flip-card-container .flip-card.flip{animation:2s ease-in-out forwards auto-flip}@keyframes bonuce{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0%)}}.bounced_in{animation:1s ease-in 8.5s both bonuce}@keyframes bonuce2{0%{opacity:0;transform:translateY(100%)translate(-50px)}to{opacity:1;transform:translateY(0%)translate(-50px)}}.bounced_in2{animation:1s ease-in 8.5s both bonuce2}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes move-out{0%{opacity:1}to{opacity:0}}.light{z-index:-1;filter:blur(10vw);border-radius:100%;position:absolute;top:25vh;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30vw 30vw #ab835b}.reading-tip{bottom:calc(var(--vh)*34);z-index:10000;width:100vw;position:fixed;left:0}.reading-tip.hide{animation:.5s ease-out forwards fade-out}.draw-a-card-btn{width:100%;max-width:600px;left:50%;bottom:calc(var(--vh,1vh)*34);padding-bottom:env(safe-area-inset-bottom,0px);z-index:1000;justify-content:center;display:flex;position:fixed;transform:translate(-50%)}@media (max-width:374px){.draw-a-card-btn{bottom:calc(var(--vh,1vh)*30)}}@media (max-aspect-ratio:9/20){.draw-a-card-btn{bottom:calc(var(--vh,1vh)*32)}}@media (min-aspect-ratio:9/20) and (max-aspect-ratio:9/16){.draw-a-card-btn{bottom:calc(var(--vh,1vh)*34)}}@media (min-aspect-ratio:9/16){.draw-a-card-btn{bottom:calc(var(--vh,1vh)*40)}}@media (min-aspect-ratio:1){.draw-a-card-btn{bottom:calc(var(--vh,1vh)*44)}}@media (min-width:768px){.draw-a-card-btn{bottom:34vh}}.card-list.hide{display:none}@media (max-width:374px){.card-list{z-index:1000;width:220vw;height:220vw;position:fixed;bottom:-320vw;left:50%}}@media (max-aspect-ratio:9/20){.card-list{z-index:1000;width:200vw;height:200vw;position:fixed;bottom:-290vw;left:50%}}@media (min-aspect-ratio:9/20) and (max-aspect-ratio:9/16){.card-list{z-index:1000;width:200vw;height:200vw;position:fixed;bottom:-290vw;left:50%}}@media (min-aspect-ratio:9/16){.card-list{z-index:1000;width:200vw;height:200vw;position:fixed;bottom:-290vw;left:50%}}@media (min-aspect-ratio:1){.card-list{z-index:1000;width:100vw;height:100vw;position:fixed;bottom:-145vw;left:50%}}@media (min-width:768px){.card-list{z-index:1000;width:600px;height:600px;position:fixed;bottom:-870px;left:50%}}.one-card{transform-origin:100vw 100vw;width:9%;height:auto;position:absolute}@media (max-width:374px){.one-card{transform-origin:110vw 110vw;width:8%}}@media (min-aspect-ratio:1){.one-card{transform-origin:50vw 50vw;width:9%;height:auto;position:absolute}}@media (min-width:768px){.one-card{transform-origin:300px 300px;width:54px;height:auto;position:absolute}}
.space{perspective:2000px;z-index:-1;width:100vw;height:70vh;position:fixed;inset:0;overflow:hidden}.planet{filter:blur(1px);width:10px;height:10px;transform-style:preserve-3d;background:#fff;border-radius:50%;animation:10s linear both flyToScreen;position:absolute;box-shadow:0 0 5px #fff}@keyframes flyToScreen{0%{opacity:0;transform:translateZ(-2000px)scale(.2)}30%{opacity:1}to{opacity:0;transform:translateZ(0)scale(1)}}@keyframes twinkle{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}
.embla{--slide-spacing:.5rem;--slide-size:70%;max-width:48rem;margin:auto}.embla__viewport{overflow:hidden}.embla__container{touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing)*-1);display:flex}.embla__slide{flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing);transform:translate(0,0)}.embla__slide__container{width:100%;position:relative}.embla__slide__img{object-fit:contain;width:100%;height:auto;display:block}.embla__slide__content{color:#fff;padding:1.5rem;position:absolute;bottom:0;left:0;right:0}.embla__slide__title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.5rem;font-size:1.5rem;font-weight:700;line-height:1.3;overflow:hidden}.embla__slide__subtitle{opacity:.9;font-size:1.2rem;line-height:1.4}.embla__controls{grid-template-columns:auto 1fr;justify-content:space-between;gap:1.2rem;margin-top:1.8rem;display:grid}.embla__buttons{grid-template-columns:repeat(2,1fr);align-items:center;gap:.6rem;display:grid}.embla__button{-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);appearance:none;touch-action:manipulation;cursor:pointer;box-shadow:inset 0 0 0 .2rem var(--detail-medium-contrast);z-index:1;width:3.6rem;height:3.6rem;color:var(--text-body);background-color:#0000;border:0;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;display:flex}.embla__button:disabled{color:var(--detail-high-contrast)}.embla__button__svg{width:35%;height:35%}.embla__dots{flex-wrap:wrap;justify-content:flex-end;align-items:center;margin-right:-.6rem;display:flex}.embla__dot{-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);appearance:none;touch-action:manipulation;cursor:pointer;background-color:#0000;border:0;border-radius:50%;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;margin:0;padding:0;text-decoration:none;display:flex}.embla__dot:after{box-shadow:inset 0 0 0 .2rem var(--detail-medium-contrast);content:"";border-radius:50%;align-items:center;width:1.4rem;height:1.4rem;display:flex}.embla__dot--selected:after{box-shadow:inset 0 0 0 .2rem var(--text-body)}