@font-face{font-family:FuturaND;src:url(/assets/FUTURANDMEDIUM-CIJOh5Xd.TTF)}@font-face{font-family:BoatmanRegular;src:url(/assets/BOATMANREGULAR-CjcY6TO9.OTF)}@font-face{font-family:FuturaNDLight;src:url(/assets/FUTURANDLIGHT-DdYXpCBn.TTF)}body{box-sizing:border-box;background-color:#01313f;margin:0;overflow-x:hidden}h1{text-transform:uppercase;text-align:center;color:#0000;filter:drop-shadow(0 0 .2em #000);background:linear-gradient(90deg,#bf953f,#d6cc57,#b38728,#bf953f,#aa771c);-webkit-background-clip:text;background-clip:text;font-family:BoatmanRegular;font-size:3rem}h2{text-align:center;color:#0000;filter:drop-shadow(0 0 .2em #000);background:linear-gradient(90deg,#bf953f,#d6cc57,#b38728,#bf953f,#aa771c);-webkit-background-clip:text;background-clip:text;font-family:BoatmanRegular;font-size:2rem}h3{text-align:center;text-wrap:balance;color:#fff;font-family:FuturaND;font-size:1.5rem}h4{text-align:center;text-wrap:balance;color:#b9b9b9;font-family:FuturaND;font-size:1.25rem}h5{text-align:center;text-wrap:balance;color:#b9b9b9;font-family:FuturaND;font-size:1rem}p,label{white-space:pre-wrap;color:#b9b9b9;text-wrap:balance;font-family:FuturaND;font-size:1rem}p{font-family:FuturaNDLight}select{border:3px solid #daa520;border-radius:5px}button{text-transform:uppercase;color:#daa520;cursor:pointer;background:0 0;border:10px ridge #daa520;padding:1rem;font-family:FuturaND;font-size:1.5rem;transition:background-color .25s ease-in-out}button:hover{background-color:#000a}#app{background-image:url(/assets/Tentative%20aP-B6MEo7am.jpg);background-size:contain;justify-content:center;align-items:center;width:100vw;margin:0 auto;padding:0;font-weight:400;display:flex}#app-content{width:calc(100% - 2rem);max-width:1400px;height:calc(100% - 2rem);padding:1rem}#header-logo{max-height:60px;padding:1rem 2rem}.invisible{opacity:0}.survey-container{width:100%;max-width:1400px}.survey-content{width:calc(100% - 8rem);max-height:100%;height:calc(max-content - 50px);background-color:#000a;justify-content:center;align-items:center;margin:4rem;transition:all .5s ease-in-out;display:flex;box-shadow:0 0 25px 35px #000a}.music-box{aspect-ratio:826/300;box-sizing:border-box;background-image:url(/assets/MusicBox-DcA5rY_r.png);background-repeat:no-repeat;background-size:contain;justify-content:center;align-items:center;width:100%;padding:7%;display:flex;position:relative;container-type:inline-size}.music-box-list-move{transition:transform .5s}.music-box-list-enter-active{transition:opacity .5s,transform .5s}.music-box-list-leave-active{transition:opacity .5s,transform .5s;position:absolute}.music-box-list-enter-from,.music-box-list-leave-to{opacity:0;transform:translate(30px)}@media (width<=500px){#app{padding:0}#app-content{width:100%;padding:0}.survey-content{width:calc(100% - 2rem);margin:4rem 1rem}}h3[data-v-54fda173]{color:#ffb619;text-transform:uppercase;text-shadow:1px 1px 5px #000,1px 1px 12px #000;margin:0;font-size:8cqi;line-height:1.1}.newGame[data-v-54fda173]{background-image:url(../assets/images/MusicBoxV2-new.png)}.matchmaker[data-v-54fda173]{padding:4px}.matchmaker h3[data-v-54fda173]{font-size:.75rem}.music-boxes-container[data-v-fdfe61c9]{flex-direction:column;justify-content:space-between;width:600px;max-width:100%;padding:1rem;display:flex}.music-boxes-content[data-v-fdfe61c9]{grid-template-columns:1fr 1fr 1fr 1fr;gap:.5rem;display:grid}.slide-up-enter-active[data-v-fdfe61c9],.slide-up-leave-active[data-v-fdfe61c9]{opacity:1;transition:transform 1s ease-in-out,opacity .25s ease-in-out;transform:translateY(0)}.slide-up-enter-from[data-v-fdfe61c9],.slide-up-leave-to[data-v-fdfe61c9]{opacity:0;transform:translateY(100vh)}h4[data-v-61aecda7]{margin-top:-1.5rem}h2[data-v-61aecda7]{margin-bottom:0}.question-header h2[data-v-61aecda7]{margin-bottom:1.5rem}.music-boxes-container-preview[data-v-61aecda7]{flex-direction:column;align-items:center;width:100%;display:flex}.survey-content[data-v-61aecda7]{flex-direction:column;align-items:center;display:flex}.survey-questions[data-v-61aecda7]{width:100%}.question-header>label[data-v-61aecda7]{text-align:center;width:100%;margin-top:-1rem;margin-bottom:1rem;display:block}.question-elements[data-v-61aecda7]{grid-template-columns:1fr 5px 200px;gap:1rem;width:100%;display:grid}.question-options[data-v-61aecda7]{flex-wrap:wrap;gap:1rem .5rem;height:max-content;display:flex}.music-box-element[data-v-61aecda7]{grid-template-rows:64px .25rem 1fr;align-content:flex-start;place-items:flex-start center;gap:.5rem;width:200px;display:grid}.music-box-element select[data-v-61aecda7]{z-index:2;width:2.25rem;margin-top:-1rem}.music-box-element[data-v-61aecda7] .music-box{cursor:grab}.music-box-element[data-v-61aecda7] .music-box:active{cursor:grabbing}.selected-music-box[data-v-61aecda7] .music-box{cursor:grab}.selected-music-box[data-v-61aecda7] .music-box:active{cursor:grabbing}.game-description[data-v-61aecda7]{text-align:center;margin:.5rem 0 0}.game-description p[data-v-61aecda7]{margin-top:.25rem}.game-description label[data-v-61aecda7]{font-style:italic;line-height:1}.line-image[data-v-61aecda7]{aspect-ratio:15/1920;width:5px}.vertical-line[data-v-61aecda7]{background-image:url(/assets/vertical-line-DhcX7f-3.jpg);background-position:50%;background-size:cover;width:5px;height:100%}.question-selected[data-v-61aecda7]{grid-template-columns:1rem 1fr;align-self:start;gap:.5rem;width:100%;height:max-content;display:grid;position:sticky;top:1rem}.position-numbers[data-v-61aecda7]{flex-direction:column;align-items:center;gap:1rem;display:flex}.position-numbers h2[data-v-61aecda7]{justify-content:center;align-items:center;height:64px;margin:0;display:flex}.question-selected-wrapper[data-v-61aecda7]{flex-direction:column;gap:1rem;width:100%;display:flex;position:relative}.selected-music-box[data-v-61aecda7]{box-sizing:border-box;border:2px dashed #0000;border-radius:5px;align-items:center;width:176.217px;height:64px;display:flex}.selected-music-box.drag-over[data-v-61aecda7]{background-color:#daa5201a;border-color:#daa520}.submit-survey[data-v-61aecda7]{justify-content:center;margin-top:2rem;display:flex}.vertical-logo{display:none}@media (width<=700px){.horizontal-logo{display:none}.vertical-logo{display:block}header{justify-content:center;align-items:center;display:flex}#header-logo{max-height:120px}}