.page{width:100dvw;height:100dvh;color:var(--color-primary-text);box-sizing:border-box}.home{position:relative;padding:26vw 0 0;margin:0 0 -20vw}.home:before{content:"";position:absolute;height:100vh;top:0;right:0;bottom:0;left:0;background:url(/assets/background-Dlvh9jVx.png);background-repeat:no-repeat;background-size:cover;background-position:0 -25vw;z-index:-1}.home .start-panel{width:100vw;margin:-57vw 0 0;align-items:center;z-index:5}.home .start-panel .start-button{width:55%;border:.7vw solid var(--dm-black);padding:3vw 0;box-shadow:2.5vw 2.1vw #000000e6;border-radius:3vw}.home .start-panel .ranking{margin:3.2vw 0 0;font-size:5vw}.home .start-panel .ranking span{-webkit-text-stroke-width:.8vw;-webkit-text-stroke-color:var(--color-primary-text-reversed);paint-order:stroke fill}.home .start-panel .ranking .ranking-button{margin:0 1vw;text-decoration:underline;text-underline-offset:.5vw;text-decoration-thickness:.3vw;text-decoration-color:var(--color-primary-text)}.shop{padding:24vw 0 170vw}.shop .tabs{width:100vw;color:var(--color-primary-text)}.shop .tabs .tab{background:var(--color-menu);margin-right:-1px;box-sizing:border-box;width:47%;padding:1.8vw 0 2.8vw 7.2vw;font-size:4.8vw;border-top-right-radius:2.5vw;border-top-left-radius:2.5vw;-webkit-user-select:none;user-select:none;cursor:pointer}.shop .tabs .tab__active{background:var(--color-primary-text-reversed)}.shop .tab-content{width:100vw;box-sizing:border-box;padding:18vw 0 15vw;align-items:center;background:url(/assets/background-DKNwPSV4.png);background-repeat:no-repeat;background-size:cover}.shop .tab-content .pack-switch{width:100%;position:relative}.shop .tab-content .pack-switch .pack-background{position:absolute;width:62%;top:-20%;left:50%;transform:translate(-50%);z-index:-1}.shop .tab-content .pack-switch .pack{width:36%;flex-shrink:0}.shop .tab-content .pack-switch .switch{flex-grow:1;font-size:8vw;height:100%;box-sizing:border-box;display:flex;align-items:center;-webkit-user-select:none;user-select:none;cursor:pointer}.shop .tab-content .pack-switch .previous{justify-content:right;padding-right:18vw}.shop .tab-content .pack-switch .next{justify-content:left;padding-left:18vw}.shop .tab-content .purchase-panel{width:41%;align-items:center;margin:15vw 0 0}.shop .tab-content .purchase-panel .stepper{justify-content:space-between;margin-bottom:5.2vw}.shop .tab-content .purchase-panel .stepper .stepper-button{border:.5vw var(--color-stepper-button-border) solid;background:var(--color-menu);font-size:10vw;line-height:6vw;padding:.4vw 2.2vw 1.4vw;border-radius:1vw;-webkit-user-select:none;user-select:none;cursor:pointer}.shop .tab-content .purchase-panel .stepper .plus{padding:.9vw 2.2vw}.shop .tab-content .purchase-panel .stepper input{color:var(--color-primary-text);text-align:center;width:34%;font-size:8.5vw;line-height:2vw;height:10.5vw;padding:0;padding-block:0;padding-inline:0;margin:0 3vw;border-radius:1vw;background:var(--color-stepper-button-border);border:none}.shop .tab-content .purchase-panel .stepper input:focus-visible{outline-color:var(--color-primary-text);outline-width:.3vw}.shop .tab-content .purchase-panel .panel-button{width:90%;padding:1.5vw 0;border-radius:1vw;font-size:2.7vw;line-height:3.7vw}.shop .tab-content .purchase-panel .open-button__disabled{color:var(--color-dull-text)}.shop .tab-content .purchase-panel .info{font-family:ThinFont;color:var(--color-secondary-text);font-size:2.2vw;margin:1vw 0 2.2vw}.monster{padding:26.5vw 0 0;align-items:center;background:url(/assets/background-VKK5kK7P.png);background-repeat:no-repeat;background-size:contain;background-position:0 20vw}.monster .title{width:100vw;text-align:center;margin-bottom:13.5vw;font-size:6.7vw}.monster .monster-switch{width:100%;position:relative}.monster .monster-switch .image-wrapper{position:relative;width:45%;height:55vw;display:flex;justify-content:center}.monster .monster-switch .image-wrapper .monster-image{object-fit:contain;height:100%;flex-shrink:0}.monster .monster-switch .image-wrapper .lock{position:absolute;width:30%;top:50%;left:50%;transform:translate(-50%,-50%)}.monster .monster-switch .switch{flex-grow:1;font-size:14vw;height:100%;box-sizing:border-box;padding-top:3.2vw;display:flex;align-items:center;-webkit-user-select:none;user-select:none;cursor:pointer}.monster .monster-switch .previous{justify-content:right;padding-right:9vw}.monster .monster-switch .next{justify-content:left;padding-left:9vw}.monster .monster-name{margin:1vw 0 0}.monster .unlock-condition{font-family:ThinFont}.monster .unlock-button{width:37vw;margin:2vw 0 1.2vw;font-size:3vw;padding:1.5vw 0;box-shadow:1.5vw 2vw #000000b3}.monster .unlock-cost{color:var(--color-highlight-text)}.monster .use-button{width:37vw;padding:1.6vw 0;margin:4.2vw 0 0;border-radius:2vw;box-shadow:1.5vw 2vw #000000b3}.monster .special-menu{align-items:center;width:100vw;margin:7vw 0 0;padding:7vw 0 35vw;background:var(--dm-black)}.monster .special-menu .menu-title{font-size:6.7vw}.monster .special-menu .refresh-button{margin:1.3vw 0 1vw;width:37vw;padding:1.6vw 0;font-size:3vw}.monster .special-menu .cost{color:var(--dm-green);font-size:3.3vw}.monster .special-menu .feed-button{background:#111;font-size:2.9vw;width:78%;border-radius:2vw;padding:2vw 0;margin-top:8vw}.assets{padding:17vw 0 0;align-items:center}.assets .title{width:90%;font-size:6.2vw;margin:10vw 0 3.5vw}.assets .title span{flex-grow:1}.assets .title .refresh-button{white-space:nowrap;font-size:2.7vw;padding:1.7vw 4.2vw;margin-right:-1.5vw;box-shadow:1.5vw 2vw #000000b3}.assets .asset-card{box-sizing:border-box;width:90vw;padding:4vw 3.5vw 4vw 6vw;border-radius:2vw;margin-bottom:3vw;background:#1c1e1b}.assets .asset-card .asset-data{flex-grow:1}.assets .asset-card .asset-data .asset{color:var(--color-secondary-text);font-size:2.9vw}.assets .asset-card .asset-data .amount{font-size:5vw;line-height:6vw}.assets .asset-card .asset-data .value{color:var(--color-secondary-text);font-family:ThinFont;font-size:2.9vw}.assets .asset-card .swap-button{font-size:2.7vw;padding:1.7vw 6vw;border-radius:2vw}.assets .asset-card .redeem-button{font-size:2.7vw;padding:1.7vw 3.8vw;box-shadow:1.5vw 2vw #000000b3;margin-left:2.8vw}.assets .donuts{align-items:center;padding:0 0 30vw}#root{--dm-black: #000000;--dm-white: #ffffff;--dm-light-pink: #f46c9d;--dm-pink: #e44a74;--dm-green: #a3ed43;--dm-light-green: #c5ff71;--dm-dull-grey: #575757;--dm-text-grey: #a5a5a5;position:relative}#root{--color-highlight-text: var(--dm-pink);--color-primary-text: var(--dm-white);--color-primary-text-reversed: var(--dm-black);--color-secondary-text: var(--dm-text-grey);--color-dull-text: var(--dm-dull-grey);--color-level-card-background: #242823;--color-menu: #191919;--color-progress-track: #191c17;--color-stepper-button-border: #3b3f3a}@font-face{font-family:ThinFont;src:url(/assets/ThinFont-CgTyRK3T.ttf) format("truetype")}@font-face{font-family:MediumFont;src:url(/assets/MediumFont-Bqkvp9NW.ttf) format("truetype")}@font-face{font-family:BoldFont;src:url(/assets/BoldFont-CYFInb0_.ttf) format("truetype")}html{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background-color:#141414;display:flex;flex-direction:column;align-items:center;min-height:100vh;width:100vw;margin:0;transition:color .5s,background-color .5s;line-height:1.6;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;overflow-y:scroll;font-family:MediumFont;-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}body p{margin:0}body .bold{font-family:BoldFont}body .flex-row{display:flex;flex-direction:row;align-items:center}body .flex-column{display:flex;flex-direction:column}body button{font-family:BoldFont;color:var(--color-primary-text);border-radius:.3vw;cursor:pointer;-webkit-user-select:none;user-select:none}body .pink-button{box-sizing:border-box;font-size:2.7vw;line-height:3.7vw;background:var(--dm-pink);border:.5vw solid #f890b0}body .black-button{box-sizing:border-box;font-size:2.7vw;line-height:3.7vw;background:var(--dm-black);border:.5vw solid var(--dm-white)}body .grey-button{box-sizing:border-box;font-size:2.7vw;line-height:3.7vw;background:var(--color-menu);border:.5vw solid #3f383c}body .two-tone-green-button{border:.5vw solid var(--dm-black);color:var(--color-primary-text-reversed);border-radius:2vw;font-size:5.2vw;background:linear-gradient(to top,var(--dm-green) 0%,var(--dm-green) 50%,var(--dm-light-green) 50%,var(--dm-light-green) 100%)}body .two-tone-pink-button{border:.5vw solid #f890b0;color:var(--color-primary-text);border-radius:2vw;font-size:5.2vw;background:linear-gradient(to top,var(--dm-pink) 0%,var(--dm-pink) 50%,var(--dm-light-pink) 50%,var(--dm-light-pink) 100%)}body .level-card-container{position:fixed;width:100vw;display:flex;justify-content:center;box-sizing:border-box;padding:3.5vw 0 0;color:var(--color-primary-text);z-index:100}body .level-card-container .level-card{box-sizing:border-box;border-radius:2vw;padding:2.5vw 4vw 3.9vw;width:91%;box-shadow:2vw 2.1vw #000000e6;background:var(--color-level-card-background)}body .level-card-container .level-card .level-info{align-items:center;font-size:3.1vw;margin:0 0 0 .5vw}body .level-card-container .level-card .level-info .level{font-size:4.5vw;line-height:4.5vw}body .level-card-container .level-card .exp-info{flex-grow:1;align-items:flex-end;padding:0 3.5vw 0 1vw;font-size:2.8vw}body .level-card-container .level-card .exp-info span{margin:0 0 1.2vw;transform:translateY(.5vw)}body .level-card-container .level-card .exp-info .progress-track{margin:.45vw 0 0;position:relative;width:100%;height:4vw;border-radius:2vw;background:var(--color-progress-track);box-shadow:0 .3vw #3b3f3a,0 -.3vw #000;overflow:hidden}body .level-card-container .level-card .exp-info .progress-track .progress{background:var(--dm-green);height:100%;width:0%}body .level-card-container .level-card .unlock-button{flex-shrink:0;margin:.5vw 0 0;padding:.5vw 3vw;transform:translateY(.5vw);align-items:center;border-radius:2vw}body .donut-card{width:90vw;margin:6vw 0 0;position:relative}body .donut-card .donut-image{z-index:1;margin:-6.2vw -5.5vw;width:38%;object-fit:contain;flex-shrink:0}body .donut-card .special-tag{position:absolute;top:-1.5vw;left:-.5vw;width:10vw;z-index:1}body .donut-card .card-info{background:#262826;position:relative;font-family:BoldFont;flex-grow:1;display:block;box-sizing:border-box;height:88%;margin:-1vw 0 0 -6vw;padding:2.5vw 3vw 0 12.5vw;border:.5vw solid #262826;border-radius:3vw}body .donut-card .card-info .stats{margin-top:1.3vw}body .donut-card .card-info .stats .stat-box{display:flex;align-items:center;justify-content:center;font-family:ThinFont;position:relative;height:4.5vw;border-radius:2vw;background:var(--color-progress-track);box-shadow:0 .3vw #3b3f3a,0 -.3vw #000;font-size:2.8vw;padding:0 3vw;margin-right:3.5vw;color:var(--color-secondary-text)}body .donut-card .card-info .stats .stat-box .multiplier{position:absolute;font-family:BoldFont;color:var(--dm-green);top:-2.5vw;right:-2vw;font-size:3.7vw}body .donut-card .card-info .stats .highlight{color:var(--dm-green)}body .donut-card .card-info .balance{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--dm-black);color:var(--dm-white);top:-3.1vw;left:5.5vw;font-size:3vw;line-height:3vw;width:5vw;height:5vw;border:.6vw solid #505050}body .donut-card .card-info .buttons{width:100%;margin:2.5vw 0;justify-content:space-between}body .donut-card .card-info .buttons .card-button{padding:1.5vw 0;border-radius:2vw;width:47%;font-size:2.7vw;line-height:3.7vw}body .donut-card .card-info .buttons .stepper{justify-content:space-between;min-width:36vw}body .donut-card .card-info .buttons .stepper .stepper-button{border:.5vw var(--color-primary-text) solid;background:var(--dm-black);font-size:6vw;line-height:3vw;padding:.2vw 1.2vw 1.2vw;border-radius:1vw}body .donut-card .card-info .buttons .stepper .plus{padding:.5vw 1.2vw 1vw}body .donut-card .card-info .buttons .stepper input{color:var(--color-primary-text);text-align:center;width:8vw;font-size:5vw;line-height:2vw;height:6vw;padding:0;padding-block:0;padding-inline:0;margin:0 1vw 0 3vw;background:var(--dm-black);border:none}body .donut-card .card-info .buttons .stepper input:focus-visible{outline-color:var(--color-primary-text);outline-width:.3vw}body .donut-card .card-info .buttons .stepper span{display:flex;align-items:center;font-size:5vw;height:6vw;margin-right:3vw}body .donut-card .card-info .buttons .max-button{width:fit-content;padding:1.5vw 5vw}body .donut-card .card-info-with-button{height:unset}body .special-card .card-info{border-color:var(--dm-green)}body .price-tag-outer{border:.7vw solid #2e3d0d;border-radius:2.5vw;width:fit-content;position:absolute;white-space:nowrap;top:0;left:50%;transform:translate(-70%,-30%) rotate(-15deg);opacity:0}body .price-tag-outer .price-tag-middle{border:.7vw solid var(--dm-green);border-radius:2vw;width:fit-content}body .price-tag-outer .price-tag-middle .price-tag-inner{color:var(--dm-green);border:.7vw solid #2e3d0d;border-radius:1.5vw;font-size:4vw;padding:0vw 3vw;width:fit-content;-webkit-text-stroke-width:.7vw;-webkit-text-stroke-color:#2e3d0d;paint-order:stroke fill}.main-menu{z-index:99;position:fixed;bottom:0;width:100vw;justify-content:space-between;background-color:var(--color-menu);box-sizing:border-box;font-size:2.8vw;padding:4.2vw 5vw 7vw;border-top-right-radius:7vw;border-top-left-radius:7vw}.main-menu .menu-item{align-items:center;width:25%}.main-menu .menu-item svg{height:7vw}.main-menu .menu-item svg path{fill:var(--color-dull-text);stroke:var(--color-dull-text)}.main-menu .menu-item span{color:var(--color-dull-text)}.main-menu .menu-item__active svg path{fill:var(--color-primary-text);stroke:var(--color-primary-text)}.main-menu .menu-item__active span{color:var(--color-primary-text)}.popup{background:#000000eb;position:fixed;top:0;left:0;width:100dvw;height:100dvh;color:var(--color-primary-text);box-sizing:border-box;z-index:1999}.popup .popup-content{position:relative;align-items:center;width:100%;height:100%;box-sizing:border-box;padding:12.5vw 0 0}.popup .popup-content .close-button{position:absolute;top:3.5vw;right:4vw;width:8.2vw}.popup .popup-content .title{font-size:6.4vw}.popup .popup-content .description{color:var(--color-dull-text);margin:1.8vw 0 2.5vw;font-size:3.5vw}.popup .popup-content .donuts{align-items:center;width:100%;flex:1 1 auto;overflow-y:auto;box-sizing:border-box;padding:0 0 10vw}.popup .popup-content .summary-panel{align-items:center;width:100%;padding:5vw 0 15vw;background:var(--dm-black)}.popup .popup-content .summary-panel .summary{width:83%;margin-bottom:5vw;align-items:flex-start}.popup .popup-content .summary-panel .summary .summary-title{font-size:4.8vw;line-height:4.8vw;margin-right:9.5vw}.popup .popup-content .summary-panel .summary .reward{font-family:ThinFont;font-size:3.5vw;margin:.2vw 0 .5vw}.popup .popup-content .summary-panel button{width:80%;font-size:2.8vw;border-radius:2vw;padding:2vw 0}.popup .popup-content .summary-panel .confirm-button{margin-bottom:2.5vw}.popup .popup-content .summary-panel .cancel-button{background:#333;border-color:#3f3f3f}.pack-open-overlay{z-index:1999;position:absolute;top:0;left:0;width:100vw;height:100vh;background:#000}.pack-revealer{z-index:2000;border:none;background:transparent;width:100vw;top:5%}.pack-revealer .header .title{display:block}@media (max-width: 768px){.pack-revealer .header .title{width:100%;text-align:center;font-size:5vw}}.pack-revealer .pack-track{height:fit-content;justify-content:space-around;transition:.3s transform}@media (max-width: 768px){.pack-revealer .pack-track{margin-top:15vw}}.pack-revealer .pack-track .pack-container{height:25vw;margin:2vw 0 0;position:relative;box-sizing:border-box;padding:1vw 0 0;cursor:pointer}@media (max-width: 768px){.pack-revealer .pack-track .pack-container{height:50vw}}.pack-revealer .pack-track .pack-container .cut-line{z-index:5;position:absolute;height:.5vw;width:0%;top:42%;left:-10%;background:#fff;transform-origin:left}.pack-revealer .pack-track .pack-container img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.pack-revealer .pack-track .pack-container .top-pack{position:relative;width:10vw;-webkit-user-select:none;user-select:none;transition-timing-function:ease-out;z-index:3}@media (max-width: 768px){.pack-revealer .pack-track .pack-container .top-pack{width:36vw;margin-right:-1px}}.pack-revealer .pack-track .pack-container .bottom-pack{position:relative;width:10vw;-webkit-user-select:none;user-select:none;transition-timing-function:ease-out;z-index:3}@media (max-width: 768px){.pack-revealer .pack-track .pack-container .bottom-pack{width:36vw}}.pack-revealer .pack-track .pack-container .stamp{position:absolute;width:27%;top:50%;right:10%;z-index:2;transform:translateY(-185%);opacity:0}.pack-revealer .pack-track .pack-container .stamp path{fill:var(--hd-white)}.pack-revealer .pack-track .pack-container .image-overlay{position:absolute;display:block;background-color:#5b5b5b;width:80%;height:0;padding-bottom:80%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}@media (max-width: 768px){.pack-revealer .pack-track .pack-container .image-overlay{transform:translate(-50%,-50%)}}.pack-revealer .pack-track .pack-container .image-background{position:absolute;display:block;width:90%;height:0;padding-bottom:90%;top:50%;left:50%;transform:translate(-50%,-53%);opacity:0}@media (max-width: 768px){.pack-revealer .pack-track .pack-container .image-background{transform:translate(-50%,-53%)}}.pack-revealer .pack-track .pack-container .image-background .inner-background{display:block;position:relative;width:100%;height:100%;padding-bottom:100%}.pack-revealer .pack-track .pack-container .image-background .inner-background .frame{position:absolute;width:100%;top:0;left:0;margin:-6% 0 0}.pack-revealer .pack-track .pack-container .image-background .inner-background .frame-cover{position:absolute;width:100%;top:0;left:0;margin:-6% 0 0;z-index:5}.pack-revealer .pack-track .pack-container .image-background .inner-background .item-image{position:absolute;width:120%;top:0;left:0;margin:-9% 0 0;object-fit:cover}@media (max-width: 768px){.pack-revealer .pack-track .pack-container .image-background .inner-background .item-image{margin:-15% 0 0 -10%}}.pack-revealer .pack-track .pack-container .image-background .inner-background .item-name{z-index:6;position:absolute;text-align:center;width:100%;bottom:-1.5%;left:50%;transform:translate(-50%);font-size:1.3vw;white-space:nowrap}@media (max-width: 768px){.pack-revealer .pack-track .pack-container .image-background .inner-background .item-name{bottom:-8%;font-size:4vw}}.pack-revealer .open-popup-buttons{width:100vw;align-items:center;display:none;z-index:5;margin-top:1vw}.pack-revealer .open-popup-buttons .next-button{width:15%;font-size:1.5vw}@media (max-width: 768px){.pack-revealer .open-popup-buttons .next-button{width:40%;font-size:4vw;padding:1vw 0}}.pack-revealer .open-popup-buttons .close-button{width:15%;font-size:1.5vw}@media (max-width: 768px){.pack-revealer .open-popup-buttons .close-button{width:40%;font-size:4vw;padding:1.5vw 0;border-radius:2vw}}