.page .title{width:100%;text-align:center;font-size:4.6vw;line-height:5.2vw}@media (max-width: 768px){.page .title{font-size:12vw;line-height:13.2vw}}.home{position:relative;height:fit-content}.home .texture{position:absolute;top:0;left:0;width:100vw;height:100%;background:url(/assets/wallTexture-DOJ0DZRd.svg);background-repeat:repeat;background-size:80%;z-index:10;-webkit-user-select:none;user-select:none;pointer-events:none}@media (max-width: 768px){.home .texture{background-size:200%}}.home .intro{z-index:20;width:100vw;background:url(/assets/introBackground-xKO3hVsg.svg);background-repeat:no-repeat;background-size:cover;padding:10.5vw 0 5.6vw}@media (max-width: 768px){.home .intro{padding:25vw 0 32vw;background-size:cover;background-position:80% 0}}.home .intro .character-display{margin-top:2.3vw;width:100vw;justify-content:center}.home .intro .reminder-row{width:100vw;justify-content:center}.home .intro .reminder-row span{text-decoration:underline;text-underline-offset:2px;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:1.5vw}@media (max-width: 768px){.home .intro .reminder-row span{font-size:5vw;margin:1vw 0 0}}.home .mint-form{position:relative;width:100vw;align-items:center;padding-top:6.2vw;background-color:var(--color-description-background-dark)}@media (max-width: 768px){.home .mint-form{padding-top:50vw}}.home .mint-form .traffic-cone{position:absolute;width:25.5vw;left:-4vw;top:-7vw;z-index:21}@media (max-width: 768px){.home .mint-form .traffic-cone{width:80vw;left:-43vw;top:-35vw}}.home .mint-form .garbage{z-index:21;position:absolute;width:20vw;right:-2vw;top:-6vw}@media (max-width: 768px){.home .mint-form .garbage{width:70vw;right:-30vw;top:-30vw}}.home .mint-form .form-content{z-index:19}.home .mint-form .form-content .form-title{color:var(--color-primary-text-reversed);font-size:4.6vw}@media (max-width: 768px){.home .mint-form .form-content .form-title{font-size:9.5vw}}.home .mint-form .form-content .amount-display{margin-top:3.3vw;width:22.5vw;height:22.7vw;background:url(/assets/gate-BuKP8kOs.svg);background-repeat:no-repeat;background-position:center;background-size:contain;justify-content:center}@media (max-width: 768px){.home .mint-form .form-content .amount-display{margin-top:10vw;width:70vw;height:66.5vw}}.home .mint-form .form-content .amount-display span{color:var(--hd-yellow);opacity:.75}.home .mint-form .form-content .amount-display .x{margin:-6.5vw .8vw 0 0;font-size:14vw;line-height:15vw}@media (max-width: 768px){.home .mint-form .form-content .amount-display .x{margin:-16.5vw 3vw 0 1vw;font-size:40vw;line-height:40vw}}.home .mint-form .form-content .amount-display .amount{margin-top:-6vw;font-size:19vw;line-height:15vw}@media (max-width: 768px){.home .mint-form .form-content .amount-display .amount{margin-top:-16vw;font-size:55vw;line-height:55vw}}.home .mint-form .form-content .stepper{margin:3.1vw 0 .6vw}@media (max-width: 768px){.home .mint-form .form-content .stepper{margin:9.5vw 0 .6vw}}.home .mint-form .form-content .stepper .mint-amount{background:var(--hd-white);width:6.5vw;height:4.7vw;margin:0 2.5vw}@media (max-width: 768px){.home .mint-form .form-content .stepper .mint-amount{width:19vw;height:14vw;margin:0 7.8vw}}.home .mint-form .form-content .stepper .mint-amount span{display:block;font-size:4.7vw;line-height:3.5vw;margin-top:0vw;width:100%;text-align:center;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.home .mint-form .form-content .stepper .mint-amount span{margin-top:-4.5vw;font-size:18vw;line-height:19vw}}.home .mint-form .form-content .stepper button{width:4.8vw;aspect-ratio:1}@media (max-width: 768px){.home .mint-form .form-content .stepper button{width:13.5vw}}.home .mint-form .form-content .stepper button span{font-size:4.5vw;line-height:2.5vw;margin-top:-3vw;pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.home .mint-form .form-content .stepper button span{font-size:12vw;line-height:8vw}}.home .mint-form .form-content .info{width:100%;text-align:center;color:var(--color-primary-text-reversed);font-size:3vw;margin-bottom:-.8vw}@media (max-width: 768px){.home .mint-form .form-content .info{font-size:10vw;margin-bottom:-2.5vw}}.home .mint-form .form-content .secondary-info{width:100%;text-align:center;color:var(--color-tertiary-text);font-size:1.9vw}@media (max-width: 768px){.home .mint-form .form-content .secondary-info{font-size:5vw}}.home .mint-form .form-content .progress{width:46.2vw;color:var(--color-primary-text-reversed);margin-top:2.2vw}@media (max-width: 768px){.home .mint-form .form-content .progress{width:88vw;margin-top:10.5vw}}.home .mint-form .form-content .progress .progress-title{flex-grow:1;font-size:2.8vw}@media (max-width: 768px){.home .mint-form .form-content .progress .progress-title{font-size:6.5vw}}.home .mint-form .form-content .progress .progress-data{flex-shrink:1;font-size:2.1vw;font-weight:1000}@media (max-width: 768px){.home .mint-form .form-content .progress .progress-data{font-size:5.5vw}}.home .mint-form .form-content .progress .progress-track{margin-top:.67vw;position:relative;width:100%;height:1.85vw;background:var(--color-progress-track);border:.2vw solid var(--hd-black)}@media (max-width: 768px){.home .mint-form .form-content .progress .progress-track{margin-top:2.5vw;height:5.6vw;border-width:.5vw}}.home .mint-form .form-content .progress .progress-track .progress-bar{position:absolute;left:0;height:0;height:100%;max-width:100%;background:var(--hd-yellow)}.home .mint-form .form-content .progress .progress-track .pivot{position:absolute;width:.15vw;height:3vw;border-radius:20vw;background:var(--hd-white);top:-.6vw}@media (max-width: 768px){.home .mint-form .form-content .progress .progress-track .pivot{top:-1.8vw;height:9vw;width:.3vw}}.home .mint-form .sectionEnd{margin-top:2vw;width:102vw;transform:translateY(80%)}@media (max-width: 768px){.home .mint-form .sectionEnd{width:300vw}}.inventory{position:relative;height:fit-content}.inventory .texture{position:absolute;top:0;left:0;width:100vw;height:100%;background:url(/assets/wallTexture-DOJ0DZRd.svg);background-repeat:repeat;background-size:80%;z-index:10;-webkit-user-select:none;user-select:none;pointer-events:none}@media (max-width: 768px){.inventory .texture{background-size:200%}}.inventory .reveal-section{position:relative;width:100vw;padding:10.5vw 0 5.6vw;align-items:center;background-color:var(--color-description-background-dark)}@media (max-width: 768px){.inventory .reveal-section{padding:23vw 0 16vw;background-size:cover;background-position:80% 0}}.inventory .reveal-section .traffic-cone{position:absolute;width:25.5vw;left:-4.5vw;bottom:11vw;z-index:21}@media (max-width: 768px){.inventory .reveal-section .traffic-cone{display:none}}.inventory .reveal-section .garbage{z-index:21;position:absolute;width:21vw;right:-2.5vw;bottom:6vw}@media (max-width: 768px){.inventory .reveal-section .garbage{display:none}}.inventory .reveal-section .title{width:100%;text-align:center;font-size:6.5vw;line-height:6.5vw;color:var(--color-primary-text-reversed);z-index:11}@media (max-width: 768px){.inventory .reveal-section .title{font-size:10vw;line-height:13.2vw}}.inventory .reveal-section .data{color:var(--color-primary-text-reversed);width:100%;text-align:center;font-size:3vw;line-height:3vw;margin-top:3.3vw;z-index:11}@media (max-width: 768px){.inventory .reveal-section .data{font-size:8.5vw;line-height:9vw;margin-top:7vw}}.inventory .reveal-section .reminder{color:var(--hd-yellow);width:100%;text-align:center;font-size:2.5vw;line-height:2.5vw;margin:.8vw 0 .5vw;z-index:11}@media (max-width: 768px){.inventory .reveal-section .reminder{font-size:7vw;line-height:8.5vw;margin:2vw 0 5vw}}.inventory .reveal-section .character-display{margin:1.2vw 0 3.5vw;width:100vw;box-sizing:border-box;padding:0 6.2vw;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:3.5vw;justify-items:center;align-content:flex-start;z-index:11}@media (max-width: 768px){.inventory .reveal-section .character-display{margin:3vw 0 25vw;grid-template-columns:repeat(1,minmax(0,1fr))}}.inventory .reveal-section .loader{width:100vw;justify-content:center;margin:3vw 0;z-index:11}@media (max-width: 768px){.inventory .reveal-section .loader{margin:2vw 0 10vw}}.inventory .reveal-section .description{color:var(--color-primary-text-reversed);width:80vw;text-align:center;font-size:2.6vw;line-height:3.5vw;z-index:11}@media (max-width: 768px){.inventory .reveal-section .description{font-size:7vw;line-height:8vw}}.inventory .reveal-section .dapp-button{padding:.8vw 3.5vw;margin:4.5vw 0 10vw;z-index:11}@media (max-width: 768px){.inventory .reveal-section .dapp-button{margin:10vw 0 -6vw}}.inventory .reveal-section .sectionEnd{margin-top:2vw;width:102vw;transform:translateY(130%)}@media (max-width: 768px){.inventory .reveal-section .sectionEnd{width:300vw}}#root{--hd-white: #ffffff;--hd-black: #000000;--hd-grey: #afafaf;--hd-yellow: #ffe255;--hd-green: #6efc42;--hd-menu-color: rgba(20, 23, 25, .85);--menu-top-margin: 1.5vw;position:relative}#root{--color-primary-text: var(--hd-black);--color-primary-text-reversed: var(--hd-white);--color-secondary-text: var(--hd-grey);--color-tertiary-text: #9b9b9b;--color-main-background: #cccccc;--color-description-background: #cccccc;--color-description-background-dark: #5b5b5b;--color-progress-track: #efefef}@font-face{font-family:MakuBold;src:url(/assets/maku-bold-C78H2GXY.otf) format("opentype")}@font-face{font-family:Maku;src:url(/assets/maku-BdhwuLQK.otf) format("opentype")}@font-face{font-family:ComicSansBold;src:url(/assets/ComicSansBold-B0VFr6vG.ttf) format("truetype")}@font-face{font-family:ComicSans;src:url(/assets/ComicSans-BLEVU1tX.ttf) format("truetype")}html{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background-color:#ccc;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:Maku;-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}body p{margin:0}body .bold{font-family:MakuBold}body .flex-row{display:flex;flex-direction:row;align-items:center}body .flex-column{display:flex;flex-direction:column}body button{font-family:MakuBold;background:var(--hd-white);color:var(--color-primary-text);border:.25vw solid var(--hd-black);border-radius:1.3vw;cursor:pointer}body button:hover{background:var(--hd-black);color:var(--color-primary-text-reversed)}@media (max-width: 768px){body button{border-width:.7vw;border-radius:3vw}body button:hover{background:var(--hd-white);color:var(--color-primary-text)}}body .main-button{color:var(--color-primary-text);background-color:var(--hd-yellow);padding:.8vw 2vw;margin-top:.8vw}body .main-button:hover{color:var(--color-primary-text-reversed);background-color:var(--hd-black)}@media (max-width: 768px){body .main-button{padding:2.4vw 5.5vw;margin-top:3.5vw}body .main-button:hover{color:var(--color-primary-text);background-color:var(--hd-yellow)}}body .main-button span{font-size:2.5vw;line-height:1.7vw}@media (max-width: 768px){body .main-button span{font-size:7.2vw;line-height:5vw}}body .hd-button{color:var(--color-primary-text-reversed);background-color:var(--hd-black);padding:.8vw 2vw;margin-top:.8vw}body .hd-button:hover{color:var(--color-primary-text);background-color:var(--hd-white)}@media (max-width: 768px){body .hd-button{padding:2.4vw 5.5vw;margin-top:3.5vw}body .hd-button:hover{color:var(--color-primary-text-reversed);background-color:var(--hd-black)}}body .hd-button span{font-size:2.5vw;line-height:1.7vw}@media (max-width: 768px){body .hd-button span{font-size:7.2vw;line-height:5vw}}body .disabled-button{color:#5b5b5b;background-color:#d8d8d8;border-color:#5b5b5b;padding:.8vw 2vw;margin-top:.8vw}body .disabled-button:hover{color:#5b5b5b;background-color:#d8d8d8;border-color:#5b5b5b}@media (max-width: 768px){body .disabled-button{padding:2.4vw 5.5vw;margin-top:3.5vw}body .disabled-button:hover{color:#5b5b5b;background-color:#d8d8d8;border-color:#5b5b5b}}body .disabled-button span{font-size:2.5vw;line-height:1.7vw}@media (max-width: 768px){body .disabled-button span{font-size:7.2vw;line-height:5vw}}body .tier-stamp{position:absolute;width:29%;top:0;right:8%;z-index:3}body .box-logo-stamp{position:absolute;width:27%;top:0;right:8%;z-index:3}body .c-box-logo-stamp{display:none}body .r-box-logo-stamp{top:3%;left:10%}body .rr-box-logo-stamp{top:unset;bottom:15%;right:3%}body .sr-box-logo-stamp{top:10%;left:0%}body .ssr-box-logo-stamp{top:unset;bottom:14%;right:1%}body .circle-logo-stamp{position:absolute;width:20%;z-index:3}body .c-circle-logo-stamp{display:none}body .sr-circle-logo-stamp{right:14%;bottom:10%}body .ssr-circle-logo-stamp{left:1%;top:22%}body .boundless-logo-stamp{position:absolute;width:26%;z-index:3;display:none}body .ssr-boundless-logo-stamp{display:block;left:3%;bottom:15%}body #root{touch-action:pan-y!important;width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}body #root .page{width:100vw;min-height:100vh}.demo-character-card{position:relative;margin:0 .78vw;width:13vw;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.demo-character-card{display:none!important}}.demo-character-card .character-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);width:11.9vw;object-fit:contain;z-index:2}@media (max-width: 768px){.demo-character-card .character-image{width:65vw;margin-top:-1vw}}.demo-character-card .frame{width:100%}.demo-character-card .frame-cover{position:absolute;width:100%;top:0;left:0;z-index:3}@media (max-width: 768px){.first{display:flex!important;margin:6.5vw 0 0;width:65vw;height:74vw}}.countdown{width:100%;margin-top:.8vw;align-items:center;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.countdown{margin-top:1vw}}.countdown .countdown-title{display:block;width:100%;text-align:center;font-size:2.2vw;font-weight:1000}@media (max-width: 768px){.countdown .countdown-title{font-size:7vw}}.countdown .timer{width:fit-content;margin-top:.5vw;font-size:7vw;line-height:7.5vw;background-color:var(--hd-yellow);display:flex;justify-content:center;padding:0 1vw}@media (max-width: 768px){.countdown .timer{font-size:20vw;line-height:20vw}}.countdown .timer span{width:7vw;margin-top:-1.4vw}@media (max-width: 768px){.countdown .timer span{width:19vw}}.countdown .timer .hour{width:fit-content}.countdown .timer .minute{text-align:center}.countdown .timer .quote{text-align:center;width:2vw}@media (max-width: 768px){.countdown .timer .quote{width:5vw}}.game-countdown{margin-top:2.5vw;z-index:11}@media (max-width: 768px){.game-countdown{margin-top:10vw}}.game-countdown .countdown-title{font-size:3vw;color:var(--hd-yellow)}@media (max-width: 768px){.game-countdown .countdown-title{font-size:7vw}}.game-countdown .timer{font-size:9vw;line-height:10vw;margin-top:0}@media (max-width: 768px){.game-countdown .timer{font-size:20vw;line-height:20vw}}.game-countdown .timer span{width:9vw}@media (max-width: 768px){.game-countdown .timer span{width:18vw}}.game-countdown .timer .quote{width:2.5vw}@media (max-width: 768px){.game-countdown .timer .quote{width:5vw}}.mint-stage{padding:6.2vw 0 0;align-items:center;z-index:11}@media (max-width: 768px){.mint-stage{padding:19vw 0 0}}.mint-stage .stage-title{font-size:5vw}@media (max-width: 768px){.mint-stage .stage-title{font-size:11vw}}.mint-stage .timeline{width:52vw;margin:6.1vw 0 13.2vw;-ms-overflow-style:none;scrollbar-width:none}.mint-stage .timeline::-webkit-scrollbar{display:none}@media (max-width: 768px){.mint-stage .timeline{margin:12vw 0 23.2vw;width:100vw;height:30vw;padding-bottom:10vw;overflow-x:scroll;scroll-padding:0 20vw}}.mint-stage .timeline .stage-dot{z-index:2;flex-shrink:0;border-radius:50%;position:relative;width:1.6vw;aspect-ratio:1;background-color:var(--hd-white);border:.2vw solid var(--hd-white);color:var(--color-primary-text-reversed)}@media (max-width: 768px){.mint-stage .timeline .stage-dot{width:5.5vw;border-width:.8vw}}.mint-stage .timeline .stage-dot .stage-title{position:absolute;left:50%;top:-100%;transform:translate(-50%,-230%);font-size:2.7vw;line-height:.5vw}@media (max-width: 768px){.mint-stage .timeline .stage-dot .stage-title{font-size:10vw;transform:translate(-50%,-500%)}}.mint-stage .timeline .stage-dot .stage-info{position:absolute;align-items:center;font-weight:1000;width:fit-content;white-space:nowrap;left:50%;bottom:-100%;transform:translate(-50%,97%);font-size:1.4vw;line-height:.5vw}@media (max-width: 768px){.mint-stage .timeline .stage-dot .stage-info{font-size:5vw;line-height:5vw;transform:translate(-50%,87%)}}.mint-stage .timeline .stage-dot .stage-info .info{margin-bottom:1.6vw}.mint-stage .timeline .stage-dot__active{background-color:var(--hd-yellow);border-color:var(--hd-black);color:var(--color-primary-text)}.mint-stage .timeline .stage-dot__inactive{background-color:var(--color-tertiary-text);border-color:var(--color-tertiary-text);color:var(--color-tertiary-text)}.mint-stage .timeline .line{width:16.7vw;margin:0 -1vw}@media (max-width: 768px){.mint-stage .timeline .line{width:37vw;margin:0 -3vw}}@media (max-width: 768px){.mint-stage .timeline .first-dot{margin-left:20vw}}@media (max-width: 768px){.mint-stage .timeline .last-dot{margin-right:15vw}}.footer{position:relative;width:100vw;box-sizing:border-box;background-color:var(--color-description-background-dark);padding:10vw 0 0;color:var(--color-primary-text-reversed);font-size:1.7vw;align-items:center;margin-top:-3.4vw;font-family:ComicSansBold}@media (max-width: 768px){.footer{padding:30vw 0 10vw;font-size:4vw}}.footer span{font-weight:1000}.footer .sectionEnd{position:absolute;top:0;width:102vw}@media (max-width: 768px){.footer .sectionEnd{width:300vw;left:-50%}}.footer .icon{width:4.5vw;margin:0 2.5vw;-webkit-user-select:none;user-select:none;cursor:pointer;z-index:11}@media (max-width: 768px){.footer .icon{width:10vw;margin:0 4vw}}.footer span{z-index:11;padding:1vw 0 5vw}.card-wrapper{align-items:center}.card-wrapper .main-button{margin-top:3vw;font-size:2.5vw;line-height:1.8vw;width:72%}@media (max-width: 768px){.card-wrapper .main-button{margin-top:12vw;width:55%;font-size:5.5vw;line-height:4.5vw}}.card-wrapper .download-button{background:var(--hd-white);margin-top:1vw}@media (max-width: 768px){.card-wrapper .download-button{margin-top:5vw}}.card-wrapper .open-button{position:absolute;margin:0;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:all}.card-wrapper .character-card{position:relative;-webkit-user-select:none;user-select:none;width:21.5vw;margin:0 .8vw;align-items:center;padding-top:5%;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}@media (max-width: 768px){.card-wrapper .character-card{width:87vw;padding-top:12%}}.card-wrapper .character-card .frame{position:absolute;width:100%;top:0;left:0}.card-wrapper .character-card .frame-cover{position:absolute;width:100%;top:0;left:0;z-index:2}.card-wrapper .character-card .gate-frame{position:relative;width:92%}.card-wrapper .character-card .character-image{width:90%;object-fit:contain;z-index:2}@media (max-width: 768px){.card-wrapper .character-card .character-image{width:90%;margin-top:-1vw}}.card-wrapper .character-card .cover{margin-top:-.5vw;display:block;width:90%;height:1.5vw;z-index:3}@media (max-width: 768px){.card-wrapper .character-card .cover{margin-top:-5vw;height:5vw;width:90%}}.card-wrapper .character-card .cover .name{display:block;width:100%;text-align:center;color:var(--color-primary-text-reversed);font-size:2vw}@media (max-width: 768px){.card-wrapper .character-card .cover .name{font-size:6.5vw}}@keyframes TapShine{0%{opacity:0}80%{opacity:1}to{opacity:1}}.revealer-overlay{z-index:200;display:block;position:absolute;top:0;left:0;height:100%;width:100vw;background-color:#000;opacity:.95;transition:.7s all;-webkit-user-select:none;user-select:none}.revealer-modal{z-index:201;display:block;position:fixed;top:20%;left:50%;transition:.3s all;transform:translate(-50%);width:25vw;aspect-ratio:.86754967;color:#fff;text-align:center;font-size:5vw;background-color:#000;overflow:hidden;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.revealer-modal{top:10%;width:80vw}}.revealer-modal .click-overlay{position:absolute;width:100%;height:100%;cursor:pointer;z-index:10;-webkit-user-select:none;user-select:none}.revealer-modal .top-cover{position:absolute;top:0;width:100%;height:.5vw;background-color:#000;z-index:10;pointer-events:none}@media (max-width: 768px){.revealer-modal .top-cover{height:10vw;transform:translateY(-20px)}}.revealer-modal .gate-frame{position:absolute;pointer-events:none;top:0;left:0;width:100%;height:100%;z-index:9}.revealer-modal .arch{position:absolute;pointer-events:none}.revealer-modal .gate{transition:.5s all;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.revealer-modal .frame{width:100%;pointer-events:none}.revealer-modal .frame-cover{position:absolute;width:100%;top:0;left:0;z-index:2;pointer-events:none}.revealer-modal .tap{position:absolute;width:35%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;animation:TapShine .9s linear 0s infinite alternate;pointer-events:none}.revealer-modal .tier-stamp{opacity:0;transform:scale(2);transition:.3s transform}.revealer-modal .box-logo-stamp,.revealer-modal .circle-logo-stamp,.revealer-modal .boundless-logo-stamp{opacity:0;transition:.3s transform}.revealer-modal .r-box-logo-stamp{top:3%;left:7%}.revealer-modal .rr-box-logo-stamp{top:unset;bottom:25%;right:3%}.revealer-modal .ssr-box-logo-stamp{top:unset;bottom:24%;right:1%}.revealer-modal .sr-circle-logo-stamp{right:14%;bottom:23%}.revealer-modal .ssr-circle-logo-stamp{left:2%;top:20%}.revealer-modal .ssr-boundless-logo-stamp{display:block;left:3%;bottom:25%}.revealer-modal .character{position:absolute;width:90%;left:50%;bottom:20%;transform:translate(-50%);pointer-events:none}@media (max-width: 768px){.revealer-modal .character{bottom:17%}}.revealer-modal .cover{z-index:3;position:absolute;left:50%;width:80%;bottom:15%;transform:translate(-50%);height:2vw;font-size:2.5vw;line-height:3vw}@media (max-width: 768px){.revealer-modal .cover{font-size:7vw;line-height:7vw;height:5vw;bottom:12.5%}}.revealer-modal .buttons{position:absolute;left:50%;width:70%;transform:translate(-50%)}.revealer-modal .buttons .share-button{font-size:2vw;padding:.2vw 0 .4vw}@media (max-width: 768px){.revealer-modal .buttons .share-button{font-size:5vw}}.character-modal{top:10%;pointer-events:none}.no-background{background-color:transparent;overflow:visible}.hidden{opacity:0}.base-registration{padding:6.2vw 0 0;align-items:center;z-index:11}@media (max-width: 768px){.base-registration{padding:19vw 0 0}}.base-registration .stage-title{font-size:5vw}@media (max-width: 768px){.base-registration .stage-title{font-size:11vw}}.base-registration .stage-description{font-size:2.2vw}@media (max-width: 768px){.base-registration .stage-description{font-size:4.5vw;box-sizing:border-box;padding:0 10vw;text-align:center}}.base-registration .referral{width:81.5vw;margin-top:3vw;align-items:flex-start;justify-content:space-between;padding-bottom:8vw;position:relative}@media (max-width: 768px){.base-registration .referral{width:91vw;margin-top:13.5vw;flex-direction:column;padding-bottom:13vw}}.base-registration .referral .title{color:var(--color-primary-text-reversed);font-size:3vw;padding-left:2.5vw;margin-bottom:-1vw;z-index:2}@media (max-width: 768px){.base-registration .referral .title{padding-left:6vw;font-size:7vw}}.base-registration .referral .sub-title{color:var(--color-primary-text-reversed);font-size:2.3vw;padding-left:2.5vw;margin-bottom:1vw;z-index:2}@media (max-width: 768px){.base-registration .referral .sub-title{padding-left:6vw;font-size:4vw}}.base-registration .referral .table-wrapper{position:relative;width:100%;border-radius:2vw;border:.5vw solid var(--hd-black);box-sizing:border-box;z-index:2;background-color:var(--hd-white);padding:2vw}@media (max-width: 768px){.base-registration .referral .table-wrapper{border-width:1vw;border-radius:5vw}}.base-registration .referral .table-wrapper .field{width:100%;box-sizing:border-box;padding:0 2vw;align-items:flex-start}.base-registration .referral .table-wrapper .field .flex-row{width:100%}.base-registration .referral .table-wrapper .field .flex-row .field-name{font-size:2vw}@media (max-width: 768px){.base-registration .referral .table-wrapper .field .flex-row .field-name{font-size:5.2vw}}.base-registration .referral .table-wrapper .field .flex-row .copy{width:1.5vw;margin-left:1vw;-webkit-user-select:none;user-select:none;cursor:pointer}@media (max-width: 768px){.base-registration .referral .table-wrapper .field .flex-row .copy{width:4vw}}.base-registration .referral .table-wrapper .field .flex-row .checkmark{font-size:1.2vw}@media (max-width: 768px){.base-registration .referral .table-wrapper .field .flex-row .checkmark{font-size:3vw}}.base-registration .referral .table-wrapper .field .field-value{font-size:2vw;line-height:2vw;background-color:var(--hd-yellow)}@media (max-width: 768px){.base-registration .referral .table-wrapper .field .field-value{font-size:4.3vw;line-height:5vw}}.base-registration .referral .table-wrapper .field .field-divider{display:block;width:calc(100% + 3vw);transform:translate(-1.5vw);border-bottom:.3vw dashed var(--hd-black);margin:2vw 0 1vw}@media (max-width: 768px){.base-registration .referral .table-wrapper .field .field-divider{margin:5vw 0 2vw}}.base-registration .referral .table-wrapper .field .input-field{width:100%;align-items:center}.base-registration .referral .table-wrapper .field .input-field input{width:100%;font-family:Maku;font-size:2vw;line-height:2vw}@media (max-width: 768px){.base-registration .referral .table-wrapper .field .input-field input{font-size:4.3vw;line-height:5vw}}.base-registration .referral .table-wrapper .field .input-field .main-button{font-size:1.8vw;width:fit-content;padding:.2vw 5vw}@media (max-width: 768px){.base-registration .referral .table-wrapper .field .input-field .main-button{font-size:4.3vw}}.base-registration .referral .table-wrapper .field .reminder{margin:1vw 0 0}.base-registration .referral .section-end{position:absolute;width:110vw;left:-10vw;bottom:-3vw}@media (max-width: 768px){.base-registration .referral .section-end{width:200vw;bottom:-5vw}}.main-menu{z-index:99;position:fixed;top:var(--menu-top-margin);width:90vw;background-color:var(--hd-menu-color);padding:1% 4.5% 1% 4%;border-radius:2vw;box-sizing:border-box}@media (max-width: 768px){.main-menu{width:95vw;padding:3% 3% 3% 4%;border-radius:4vw}}.main-menu .logo{width:8vw;margin-right:5.3%;-webkit-user-select:none;user-select:none;cursor:pointer}@media (max-width: 768px){.main-menu .logo{width:18vw}}.main-menu .menu-items{flex-grow:1;color:var(--color-primary-text-reversed)}@media (max-width: 768px){.main-menu .menu-items{pointer-events:none}}.main-menu .menu-items .menu-item{flex-shrink:0;color:var(--color-tertiary-text);font-size:1.7vw;margin-right:3vw;-webkit-user-select:none;user-select:none;cursor:pointer;font-family:ComicSansBold}@media (max-width: 768px){.main-menu .menu-items .menu-item{font-size:5vw;display:none}}.main-menu .menu-items .menu-item:hover{color:var(--color-primary-text-reversed)}.main-menu .menu-items .menu-item__active{color:var(--color-primary-text-reversed);text-decoration:underline;text-underline-offset:.15vw;text-decoration-thickness:.1vw}.main-menu .menu-button{width:10vw;margin-left:3.3vw;display:none}@media (max-width: 768px){.main-menu .menu-button{display:block}}.main-menu .mobile-menu{display:none;border-bottom-left-radius:4vw;border-bottom-right-radius:4vw;color:var(--color-primary-text-reversed);box-sizing:border-box;padding:0 5vw;font-size:4.5vw;height:0;overflow:hidden}@media (max-width: 768px){.main-menu .mobile-menu{display:block;position:absolute;background-color:var(--hd-menu-color);top:100%;left:0;width:100%}}.main-menu .mobile-menu .mobile-menu-item{margin:6vw 0;font-family:ComicSansBold}.main-menu .mobile-menu__visible{height:fit-content}.main-menu__mobile-visible{border-bottom-left-radius:0;border-bottom-right-radius:0}.pending-button{position:relative;font-size:2.3vw;line-height:3.5vw;box-sizing:border-box;padding:0 1.3vw;border-radius:.8vw;-webkit-user-select:none;user-select:none;cursor:pointer}@media (max-width: 768px){.pending-button{padding:1.5vw 3.2vw 2vw;border-radius:2vw;font-size:5vw}}.pending-button span{margin-top:-.5vw}.username{position:relative;background:var(--hd-black);border:.35vw solid var(--hd-black);color:var(--color-primary-text-reversed);font-size:2.3vw;line-height:3.5vw;box-sizing:border-box;padding:0 1.3vw;border-radius:.8vw;-webkit-user-select:none;user-select:none;cursor:pointer}@media (max-width: 768px){.username{padding:1.5vw 3.2vw 2vw;border-radius:2vw;font-size:5vw}}.username span{margin-top:-.5vw}.sign-in-button{background:var(--hd-white);border:.35vw solid var(--hd-black);font-size:2.3vw;line-height:2.3vw;box-sizing:border-box;padding:.2vw 1.3vw .5vw;border-radius:.8vw;-webkit-user-select:none;user-select:none;cursor:pointer}.sign-in-button:hover{background:var(--hd-black);color:var(--color-primary-text-reversed)}@media (max-width: 768px){.sign-in-button{padding:1.5vw 3.2vw 2vw;border-radius:2vw;font-size:5vw}.sign-in-button:hover{background:var(--hd-white);color:var(--color-primary-text)}}.sign-in-button span{margin-top:-.5vw}.popup-overlay{z-index:49;position:fixed;left:0;top:0;width:100vw;height:100vh;background:#0009}.popup{z-index:50;position:fixed;top:50%;transform:translateY(-50%);border:.3vw solid var(--hd-black);border-radius:1vw;overflow:hidden;background:var(--hd-white);font-family:ComicSansBold}@media (max-width: 768px){.popup{border:.5vw solid var(--hd-black);border-radius:2vw}}.popup .header{width:100%;position:relative;margin-bottom:1vw;background-color:var(--hd-yellow);padding:.5vw 2vw;box-sizing:border-box;font-family:ComicSansBold}@media (max-width: 768px){.popup .header{padding:2vw 3vw}}.popup .header span{text-align:left;flex-grow:1;font-size:2.5vw}@media (max-width: 768px){.popup .header span{font-size:5vw}}.popup .header .close-icon{position:absolute;font-size:2.3vw;-webkit-user-select:none;user-select:none;cursor:pointer;top:.5vw;right:2vw}@media (max-width: 768px){.popup .header .close-icon{top:1.5vw;font-size:5vw}}.popup .content-wrapper{width:100%}.popup .content-wrapper .options{width:100%;box-sizing:border-box;padding:0vw 1vw 2vw}@media (max-width: 768px){.popup .content-wrapper .options{padding:2vw 3vw 3vw}}.popup .content-wrapper .options .option{width:30vw;border:.2vw solid var(--hd-grey);border-radius:1vw;padding:.7vw;-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;box-sizing:border-box;margin:1vw 0 0}@media (max-width: 768px){.popup .content-wrapper .options .option{padding:1.5vw;width:55vw;margin:1vw 0 2vw}}.popup .content-wrapper .options .option:hover{border-color:var(--hd-black)}.popup .content-wrapper .options .option .icon{height:3vw;margin:0 1vw 0 .5vw}@media (max-width: 768px){.popup .content-wrapper .options .option .icon{width:8vw;height:6vw}}.popup .content-wrapper .options .option .name{flex-grow:1;font-size:1.8vw}@media (max-width: 768px){.popup .content-wrapper .options .option .name{font-size:4vw}}.popup .content-wrapper .options .option .chevron{width:2vw}.popup .content-wrapper .options .option .logout-button{-webkit-user-select:none;user-select:none;cursor:pointer}.popup .content-wrapper .options .option .logout-button img{width:2vw;transform:translateY(.3vw)}@media (max-width: 768px){.popup .content-wrapper .options .option .logout-button img{width:5vw;transform:translateY(1vw)}}.popup .content-wrapper .options .option__no-hover{cursor:unset}.popup .content-wrapper .options .option__no-hover:hover{border-color:var(--hd-grey)!important}