*,*:after,*:before{outline:none;padding:0;margin:0;box-sizing:border-box}body,html{scroll-behavior:smooth;font-family:poppins-medium,sans-serif;background-color:#190b34;color:#fff}a{text-decoration:none;color:#8d75e5}h1,h2,h3,h4{font-weight:400}h1,h2{font-family:poppins-bold,sans-serif}h3,h4{font-family:poppins-medium,sans-serif}h1{font-size:2.1875em}h2{font-size:1.875em}h3{font-size:1.5625em}h4{font-size:1.25em}#app{position:relative}button{background-color:#8d75e5;border:1px solid rgb(141,117,229);color:#fff;width:100%;text-transform:uppercase;font-size:1.3em;font-family:poppins-bold,sans-serif;cursor:pointer;padding:.7em 1.5em;border-radius:20px;display:flex;align-content:center;justify-content:center;gap:.5em;box-shadow:0 4px #47368c}button:not(:disabled):hover{background-color:#705acc;border-color:#705acc}button:not(:disabled):is(.active,:focus,:hover){box-shadow:unset}button:not(:disabled):not(.active):is(:focus,:hover){transform:translateY(4px)}button:disabled{opacity:.5;cursor:not-allowed}div.input-form{display:flex;gap:.5em;flex-direction:column}label{font-size:.9em;color:#190b34}label.required:after{color:#b91c1c;content:" *"}input[type=text]{padding:.9em 1.1em;width:100%;font-family:poppins-bold,sans-serif;background-color:#47368c;color:#fff;font-size:1.2em;border-radius:20px;border:1px solid rgb(25,11,52);transition:all .5s ease}input[type=text]::placeholder{color:#dcd9e5}input[type=text].error{border-color:#b91c1c}input[type=text].error,input[type=text].error::placeholder{color:#b91c1c}@font-face{font-family:poppins-bold;src:url(/fonts/poppins-bold.ttf)}@font-face{font-family:poppins-light;src:url(/fonts/poppins-light.ttf)}@font-face{font-family:poppins-medium;src:url(/fonts/poppins-medium.ttf)}@font-face{font-family:poppins-regular;src:url(/fonts/poppins-regular.ttf)}div[data-v-05ab1423]{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999;background-color:#190b34;display:flex;flex-direction:column;gap:1em;padding:4em 2em 0}div>h1[data-v-05ab1423],div>h2[data-v-05ab1423]{text-align:center}div>h2[data-v-05ab1423]{margin-bottom:1em}div.container[data-v-5ee8df39]{margin:3em 1em}h1[data-v-5ee8df39]{text-align:center;margin-bottom:1em}h1>span[data-v-5ee8df39]{background-color:#47368c;padding:.2em .5em;border-radius:10px}h2[data-v-5ee8df39]{margin:1em 0 .5em;color:#dcd9e5}div.code-input[data-v-5ee8df39]{display:flex;gap:.5em;align-items:center;margin-top:2em;padding-top:2em;border-top:1px solid rgb(190,178,245)}button.primary.join[data-v-5ee8df39]{margin-top:1em}.spin[data-v-a484667d]{width:var(--8ee3c9ac);height:var(--8ee3c9ac);border-radius:50%;animation:rotation-a484667d 1s linear infinite;margin:auto;display:block;position:relative}.spin[data-v-a484667d]:after{content:"";box-sizing:border-box;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--3a25b48c);height:var(--3a25b48c);border-radius:50%;border:var(--767d4deb) solid transparent;border-bottom-color:var(--5856595a)}@keyframes rotation-a484667d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}div.container[data-v-6ac8ea8d]{margin:2em}a.back-btn[data-v-6ac8ea8d]{display:flex;align-items:center;gap:.5em;color:#beb2f5;justify-content:center}h1[data-v-6ac8ea8d]{text-align:center}ul[data-v-6ac8ea8d]{display:flex;flex-direction:column;gap:1em;list-style:none;margin:2em 0;border-bottom:3px solid rgb(90,75,117);padding-bottom:1em}ul>li[data-v-6ac8ea8d]{background-color:#47368c;color:#fff;padding:.8em .6em .8em 1em;border-radius:20px;font-family:poppins-bold,sans-serif;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between}ul>li.active[data-v-6ac8ea8d]{background-color:#dad2fb;color:#5a4b75}ul>li>button[data-v-6ac8ea8d]{font-size:.9em;width:fit-content}div.section[data-v-858989d3]{position:absolute;top:0;left:0;width:100%;height:100vh}div.middle[data-v-858989d3]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}div.role[data-v-858989d3]{background-color:#47368c;border-radius:20px;padding:2em 1em;width:21em}div.role.reveal[data-v-858989d3]{animation:reveal-858989d3 1s forwards}div.role img[data-v-858989d3]{width:15em;display:block;margin:auto}div.role h3[data-v-858989d3]{margin-top:.5em;text-align:center}div.role p[data-v-858989d3]{text-align:center;color:#beb9cc}div.role h4[data-v-858989d3]{margin-top:.5em}div.role ul[data-v-858989d3]{margin-left:1em;margin-top:.2em;list-style:"- "}@keyframes reveal-858989d3{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}h2.title[data-v-e4efe626]{margin:1em 0}h3[data-v-e4efe626]{color:#beb9cc;margin-bottom:.5em}div.middle[data-v-e4efe626]{height:100vh;display:flex;text-align:center;align-items:center}img[data-v-e4efe626]{width:23em;height:25em;object-fit:contain;display:block;margin:auto auto 2em;animation:bounce-e4efe626 3s infinite}@keyframes bounce-e4efe626{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.wheel-container[data-v-e4efe626]{position:relative;width:400px;height:400px}.pointer[data-v-e4efe626]{position:absolute;z-index:9;bottom:7.5%;left:50%;transform:translate(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:20px solid rgb(220,217,229)}ul[data-v-e0640d0f]{display:flex;flex-direction:column;gap:1em}ul>li[data-v-e0640d0f]{display:flex;justify-content:space-between;align-items:center}ul>li[data-v-e0640d0f]:not(:last-of-type){border-bottom:1px solid rgb(141,117,229);padding-bottom:1em}ul>li>div.selector[data-v-e0640d0f]{display:flex;align-items:center;gap:.5em}ul>li>div.selector>button[data-v-e0640d0f]{padding:.5em 1em;font-size:.9em;border-radius:10px}div.section[data-v-30f63273]{display:flex;align-items:center;justify-content:center}h4[data-v-30f63273]{margin-bottom:1em;text-align:center}div.selector[data-v-30f63273]{display:flex;align-items:center;justify-content:space-between;gap:.5em;width:100%;font-size:1.8em}div.selector>button[data-v-30f63273]{padding:.5em 1em;font-size:.9em;width:fit-content;border-radius:10px}div.section[data-v-bbac4e91]{margin:2em;padding-top:3em}div.party-settings[data-v-bbac4e91]{padding:1em;border-radius:10px;margin-top:1em}div.party-settings>h4[data-v-bbac4e91]{color:#dcd9e5}button.start-game-btn[data-v-bbac4e91]{margin:3em auto auto;width:90%}h1[data-v-bbac4e91],h2[data-v-bbac4e91]{text-align:center}h2[data-v-bbac4e91]{margin-top:.5em}h2>span[data-v-bbac4e91]{background-color:#47368c;padding:.2em .5em;border-radius:10px}h4.code[data-v-bbac4e91]{background-color:#8d75e5;text-align:center;width:fit-content;margin:auto;padding:.2em .5em;border-radius:10px;font-family:poppins-bold,sans-serif}h3.players-title[data-v-bbac4e91]{margin-top:1em;margin-bottom:1em}ul.players>li[data-v-bbac4e91]{display:flex;align-items:center;gap:1em}ul.players>li>img[data-v-bbac4e91]{border-radius:100px;width:4em}ul.players>li>h4[data-v-bbac4e91]{width:100%;display:flex;justify-content:space-between;align-items:center}ul.players>li>h4>span.me[data-v-bbac4e91]{background-color:#8d75e5;padding:.3em .7em;font-size:.8em;border-radius:100px;font-family:poppins-bold,sans-serif}ul.players>li[data-v-bbac4e91]:not(:last-child){padding-bottom:1em;margin-bottom:1em;border-bottom:3px solid rgb(90,75,117)}button.leave[data-v-bbac4e91]{width:fit-content;font-size:.9em;padding:unset;background-color:transparent;box-shadow:unset;border:unset;color:#f87171;position:absolute;top:.5em;right:1.5em}button.leave[data-v-bbac4e91]:hover{transform:unset}.mdi>svg{vertical-align:middle}.mdi.mdi-spin>svg{-webkit-animation:mdi-spin 2s infinite linear;-moz-animation:mdi-spin 2s infinite linear;animation:mdi-spin 2s infinite linear}@-webkit-keyframes mdi-spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes mdi-spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}