.rules[data-v-2f7e88ba]{margin-top:120px}@media only screen and (max-height:1080px){.rules[data-v-2f7e88ba]{margin-top:80px}}h1[data-v-2f7e88ba]{text-align:left;padding-bottom:40px}@media only screen and (max-height:1080px){h1[data-v-2f7e88ba]{padding-bottom:30px}}.grid[data-v-2f7e88ba]{display:grid;grid-template-columns:1fr;gap:50px;line-height:1.5;font-size:1.5rem;max-width:500px}@media only screen and (max-height:1080px){.grid[data-v-2f7e88ba]{gap:35px}}.rule span[data-v-2f7e88ba]{font-size:2.4rem;display:block;font-weight:700;color:var(--text-light);padding-bottom:10px}.home[data-v-691e5a96]{flex-direction:column;display:flex;align-items:center}.host-btn[data-v-691e5a96]{width:200px;font-size:2rem}.create-btn[data-v-691e5a96]{cursor:default;width:300px}.join[data-v-691e5a96]{color:var(--text-light);font-size:1.4rem;margin-top:40px}.create-player[data-v-4d7116a6]{flex-direction:column;display:flex;align-items:center}h2[data-v-4d7116a6]{font-size:1.8rem;font-weight:600;padding:0;margin:0;text-align:left;width:100%}.input[data-v-4d7116a6]{border:none;color:var(--text-light);font-weight:500;margin-top:30px;outline:none;padding:22px;width:300px;margin-top:15px;margin-bottom:40px}.avatar-btn[data-v-4d7116a6]{background:#fff;box-shadow:0 2px 6px rgba(29,62,94,.08),0 4px 20px rgba(29,62,94,.06);height:100px;margin-top:15px;transition:transform .3s ease-in-out;width:100px;border:none}.avatar-btn img[data-v-4d7116a6]{width:60px}.avatar-btn[data-v-4d7116a6]:hover{transform:translateY(-1px) scale(1.03)}.join-btn[data-v-4d7116a6]{margin-top:70px;width:180px}.lobby[data-v-3ec189f2]{max-width:600px;width:100%;font-weight:600}@media only screen and (max-width:650px){.lobby[data-v-3ec189f2]{padding:50px 40px}}.start-btn[data-v-3ec189f2]{margin-bottom:-80px;margin-left:20px;margin-right:20px}.wait-btn[data-v-3ec189f2]{cursor:default;padding:18px;border:none}.players[data-v-3ec189f2]{display:grid;gap:28px;margin-bottom:50px}.player[data-v-3ec189f2]{display:grid;font-size:1.8rem;gap:20px;grid-template-columns:32px auto auto;align-items:center}.player:hover .kick[data-v-3ec189f2]{opacity:.8}.avatar[data-v-3ec189f2]{width:32px;height:32px}.kick[data-v-3ec189f2]{color:var(--text-light);cursor:pointer;margin-left:auto;opacity:0;transition:opacity .2s ease,color .2s ease}.kick svg[data-v-3ec189f2]{height:22px;width:22px}.kick[data-v-3ec189f2]:hover{color:#e91e42;opacity:1}.options[data-v-3ec189f2]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.options.prompt-mode[data-v-3ec189f2]{grid-template-columns:repeat(2,1fr)}@media only screen and (max-width:500px){.options[data-v-3ec189f2]{grid-template-columns:repeat(2,1fr)}}.option[data-v-3ec189f2]{align-items:center;font-size:1.4rem;padding:16px;transition:transform .2s,box-shadow .2s ease,color .2s ease}.option.tooltip[data-v-3ec189f2]{position:relative}.option.tooltip[data-v-3ec189f2]:before{background:rgba(7,7,34,.7);border-radius:4px;color:#fff;display:block;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;left:-18px;line-height:1.5rem;opacity:0;padding:10px;pointer-events:none;position:absolute;text-transform:none;top:-55px;transition:.3s ease;width:calc(100% + 36px)}.option.tooltip[data-v-3ec189f2]:hover:before{opacity:1;top:-58px}.option.tooltip.deck[data-v-3ec189f2]:before{content:"Players pick a phrase card from pre-made decks"}.option.tooltip.prompt[data-v-3ec189f2]:before{content:"Players write their own prompts for other players to pick from"}.option.colors[data-v-3ec189f2]{background-image:linear-gradient(319deg,#663dff,#a0f 37%,#c49);border:none;color:#fff}.dropdown-wrap[data-v-3ec189f2]{position:relative}.dropdown[data-v-3ec189f2]{background:var(--foreground);display:flex;padding:11px 10px;flex-direction:column;margin-top:8px;position:absolute;width:100%;z-index:20}.dropdown .item[data-v-3ec189f2]{background:var(--foreground);border-radius:4px;font-size:1.2rem;font-weight:500;padding:9px;text-align:left;transition:background-color .2s ease,color .2s ease}.dropdown .item[data-v-3ec189f2]:hover{background:var(--background)}.dropdown .active[data-v-3ec189f2]{color:var(--accent);font-weight:600}.invite-wrap[data-v-3ec189f2]{margin-top:100px;text-align:center;width:100%}.invite-wrap h1[data-v-3ec189f2]{padding-bottom:20px;font-size:2.2rem}.invite-input-wrap[data-v-3ec189f2]{position:relative}.invite-input-wrap .hover-text[data-v-3ec189f2]{align-items:center;color:var(--text-light);display:flex;height:100%;justify-content:center;opacity:.9;pointer-events:none;position:absolute;transition:opacity .3s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.invite-input-wrap:hover .hover-text[data-v-3ec189f2]{opacity:0}.invite-input-wrap:hover .invite[data-v-3ec189f2]{color:var(--text-light)}.invite[data-v-3ec189f2]{border:none;color:hsla(0,0%,100%,0);font-weight:500;max-width:500px;outline:none;padding:22px;transition:color .3s ease;width:100%}.modal-wrap[data-v-3ec189f2]{align-items:center;background:rgba(52,56,75,.54);display:grid;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}.modal[data-v-3ec189f2]{-webkit-animation:slide-fade-up-in-3ec189f2 .2s;animation:slide-fade-up-in-3ec189f2 .2s;font-family:Poppins,sans-serif;font-weight:600;padding:40px}.modal .title[data-v-3ec189f2]{color:var(--text);font-size:2rem;padding-bottom:0;text-align:left}.modal .sub-title[data-v-3ec189f2]{font-size:1.4rem;padding-top:8px;padding-bottom:30px;color:var(--text-light);font-weight:400}.custom-card-input[data-v-3ec189f2]{background:var(--background);border:0;border-radius:6px;color:var(--text);font-size:1.4rem;font-weight:500;margin-bottom:30px;min-height:120px;min-width:300px;padding:20px;width:50vw}.custom-card-input[data-v-3ec189f2]:active,.custom-card-input[data-v-3ec189f2]:focus{border:0;outline:none}@-webkit-keyframes slide-fade-up-in-3ec189f2{0%{opacity:0;transform:translateY(10px)}60%{opacity:1}to{transform:none}}@keyframes slide-fade-up-in-3ec189f2{0%{opacity:0;transform:translateY(10px)}60%{opacity:1}to{transform:none}}h1 span[data-v-4bb3019d]{font-size:1.4rem;opacity:.7}.wrap[data-v-4bb3019d]{display:flex;justify-content:center;margin-bottom:60px}.card[data-v-4bb3019d]{align-items:center;background:#fff;border-radius:6px;border:none;box-shadow:0 2px 6px rgba(29,62,94,.08),0 4px 20px rgba(29,62,94,.06);color:#000;display:flex;font-size:2rem;font-weight:500;height:232px;justify-content:center;line-height:27px;outline:none;padding:20px;text-align:center;transition:transform .3s ease-in-out;width:174px}.card[data-v-4bb3019d]:hover{transform:translateY(-2px) scale(1.05)}@media only screen and (max-width:500px){.card[data-v-4bb3019d]{width:140px;height:190px;font-size:1.8rem}}.pink[data-v-4bb3019d]{background:#e73289;box-shadow:0 1px 6px rgba(231,50,137,.4),0 4px 30px rgba(231,50,137,.3);color:#fff}.btn[data-v-4bb3019d]{min-width:250px;max-width:300px}.loading[data-v-4d4dd592]{color:var(--text-light);margin-top:60px;text-align:center}.cards[data-v-4d4dd592]{display:grid;grid-template-columns:1fr 1fr;gap:60px}@media only screen and (min-width:900px){.cards.more-cards[data-v-4d4dd592]{grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width:900px){.cards[data-v-4d4dd592]{gap:40px}}@media only screen and (max-width:500px){.cards[data-v-4d4dd592]{grid-template-columns:repeat(auto-fill,140px);justify-content:center;gap:25px;width:calc(100vw - 30px)}.cards.more-cards[data-v-4d4dd592]{grid-template-columns:1fr}}.card[data-v-4d4dd592]{align-items:center;background:#fff;border-radius:6px;box-shadow:0 2px 6px rgba(29,62,94,.08),0 4px 20px rgba(29,62,94,.06);color:#000;cursor:pointer;display:flex;font-size:2rem;height:232px;justify-content:center;line-height:27px;padding:20px;text-align:center;width:174px;transition:transform .3s ease-in-out}.card[data-v-4d4dd592]:hover{transform:translateY(-2px) scale(1.05)}@media only screen and (max-width:500px){.card[data-v-4d4dd592]{width:140px;height:190px;font-size:1.8rem}}.black[data-v-4d4dd592]{background:#29292e;color:#fff}.pink[data-v-4d4dd592]{background:#e73289;box-shadow:0 1px 6px rgba(231,50,137,.4),0 4px 30px rgba(231,50,137,.3);color:#fff}.green[data-v-4d4dd592]{background:#32e78c;box-shadow:0 1px 6px rgba(50,231,120,.4),0 4px 30px rgba(50,231,90,.3)}.purple[data-v-4d4dd592]{background:#5f43ea;box-shadow:0 1px 6px rgba(92,50,231,.4),0 4px 30px rgba(62,50,231,.3);color:#fff}.yellow[data-v-4d4dd592]{background:#fbff46;box-shadow:0 1px 6px rgba(250,255,31,.4),0 4px 30px rgba(250,255,31,.3)}.countdown[data-v-71adeff1]{align-items:center;display:grid;font-size:1.6rem;font-weight:600;grid-template-columns:24px 50px;justify-content:center;position:absolute;right:18px;top:70px;gap:10px}.countdown svg[data-v-71adeff1]{color:var(--text-light);opacity:.6;width:24px;height:24px;margin-top:-1px}.draw[data-v-49209448]{flex-direction:column;display:flex;align-items:center}.canvas-wrap[data-v-49209448]{display:grid;gap:20px;grid-template-columns:90px auto;margin-left:-45px;min-width:0}@media only screen and (max-width:1200px){.canvas-wrap[data-v-49209448]{gap:0;grid-template-columns:auto;margin-left:0}}@media only screen and (max-width:500px){.canvas-wrap[data-v-49209448]{justify-items:center}}.board[data-v-49209448]{color-scheme:only light;cursor:var(--board-cursor) 5 5,crosshair;height:90vw;max-height:600px;max-width:600px;padding:0;width:90vw}.tools[data-v-49209448]{display:grid;gap:10px;justify-items:center;align-items:center;padding:10px 20px}@media only screen and (max-width:1200px){.tools[data-v-49209448]{gap:5px;grid-row:2;grid-template-areas:"toolBtns historyBtns sizeBtns";grid-template-columns:1fr 1fr 1fr;margin-top:20px;padding:14px}}@media only screen and (max-width:500px){.tools[data-v-49209448]{gap:15px 0;grid-template-columns:1fr 1fr;justify-items:flex-start;grid-template-areas:none}.tools .size-btns[data-v-49209448]{margin-left:10px}}.tools>div[data-v-49209448]{display:flex;gap:10px}@media only screen and (min-width:1200px){.tools>div[data-v-49209448]{flex-direction:column}}.tools .btn[data-v-49209448]{width:50px;height:50px;display:flex;justify-content:center;align-items:center}@media only screen and (max-width:650px){.tools .btn[data-v-49209448]{width:35px;height:35px}.tools .btn svg[data-v-49209448]{height:14px}}.tools .btn svg[data-v-49209448]{width:18px}.tools .btn .circle[data-v-49209448]{background:currentColor;border-radius:50%}.tools .btn .circle.s5[data-v-49209448]{width:5px;height:5px}.tools .btn .circle.s10[data-v-49209448]{width:10px;height:10px}.tools .btn .circle.s15[data-v-49209448]{width:15px;height:15px}.tools.colors[data-v-49209448]{gap:8px;grid-template-columns:repeat(11,1fr);margin-bottom:10px;margin-top:20px;padding:20px}@media only screen and (max-width:500px){.tools.colors[data-v-49209448]{grid-template-columns:repeat(6,1fr)}}.tools.colors .color-pair[data-v-49209448]{display:flex;flex-direction:column}.tools.colors .btn[data-v-49209448]{border:none;width:32px;height:32px;transition:transform .2s}.tools.colors .btn.\#fff[data-v-49209448],.tools.colors .btn.selected[data-v-49209448]{border:solid 3px var(--background)}@media only screen and (max-width:1200px) and (min-width:501px){.tool-btns[data-v-49209448]{grid-area:toolBtns}.size-btns[data-v-49209448]{grid-area:sizeBtns;flex-direction:row-reverse}.history-btns[data-v-49209448]{grid-area:historyBtns}}.btn.done[data-v-49209448]{margin-top:30px;width:220px}@media only screen and (max-height:1080px){.btn.done[data-v-49209448]{margin-top:10px}}@media only screen and (max-height:1080px){h1[data-v-49209448]{padding-bottom:30px}h1>div[data-v-49209448]{padding-bottom:10px}}.describe[data-v-d37d01de]{align-items:center;display:flex;flex-direction:column}.board[data-v-d37d01de]{height:90vw;max-height:600px;max-width:600px;padding:0;width:90vw;color-scheme:only light}.input-wrap[data-v-d37d01de]{width:100%;text-align:center}.input[data-v-d37d01de]{border:none;color:var(--text-light);font-weight:500;margin-top:30px;outline:none;padding:22px;max-width:500px;width:100%}@media only screen and (max-height:1080px){.input[data-v-d37d01de]{margin-top:20px}}.btn.done[data-v-d37d01de]{margin-top:50px;width:220px}@media only screen and (max-height:1080px){.btn.done[data-v-d37d01de]{margin-top:35px}}@media only screen and (max-height:1080px){h1[data-v-d37d01de]{padding-bottom:30px}}.scoreboard[data-v-31b0b791]{display:grid;gap:26px;left:40px;max-width:250px;overflow:visible;pointer-events:none;position:absolute;top:140px}@media only screen and (max-width:900px){.scoreboard[data-v-31b0b791]{position:static;margin-top:100px}}.player[data-v-31b0b791]{align-items:center;display:grid;font-size:1.6rem;gap:20px;grid-template-columns:34px auto}.name[data-v-31b0b791]{font-weight:600;text-overflow:ellipsis;overflow:hidden;margin-bottom:8px}.info[data-v-31b0b791]{font-size:1.4rem}.turn[data-v-31b0b791]{align-items:center;background:#9db1c6;border-radius:6px;color:#fff;display:inline-flex;font-size:1.2rem;justify-content:center;line-height:0;margin-right:10px;padding:1px 7px;vertical-align:top}.turn svg[data-v-31b0b791]{width:10px;margin-right:6px}.points[data-v-31b0b791]{transition:color .3s ease}.bounce[data-v-31b0b791]{-webkit-animation:bounce-31b0b791 .7s;animation:bounce-31b0b791 .7s;transform-origin:center bottom}.bounce .points[data-v-31b0b791]{color:#33bc10;font-weight:700}@-webkit-keyframes bounce-31b0b791{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-20px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-8px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-2px,0) scaleY(1.02)}}@keyframes bounce-31b0b791{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-20px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-8px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-2px,0) scaleY(1.02)}}.play[data-v-147e16bf]{margin-top:80px}@media only screen and (max-height:1080px){.play[data-v-147e16bf]{margin-top:40px}}.player[data-v-147e16bf]{align-items:center;display:grid;font-size:1.6rem;font-weight:600;gap:12px;grid-template-columns:26px auto;position:absolute;right:20px;top:20px}h1[data-v-16e734b9]{font-size:2rem;margin-top:0}h1 div[data-v-16e734b9]{margin-top:10px;font-size:1.4rem;font-weight:500}.waiting[data-v-16e734b9]{margin-bottom:10px}.vote[data-v-16e734b9]{margin-top:40px;max-width:640px;width:100%;flex-direction:column;display:flex;align-items:center}@media only screen and (max-height:1080px){.vote[data-v-16e734b9]{margin-top:20px}}.btn.hide[data-v-16e734b9]{opacity:0;pointer-events:none}.player[data-v-16e734b9]{align-items:center;display:grid;font-size:1.6rem;font-weight:600;gap:12px;grid-template-columns:22px auto;margin-top:18px}.cards[data-v-16e734b9]{display:grid;grid-template-columns:1fr 1fr;gap:40px}@media only screen and (max-width:900px){.cards[data-v-16e734b9]{grid-template-columns:1fr}}.cards>div[data-v-16e734b9]{display:grid;justify-items:center;align-items:center}.cards.voter>div[data-v-16e734b9]{cursor:pointer;transition:transform .3s ease-in-out}.cards.voter>div[data-v-16e734b9]:hover{transform:translateY(-2px) scale(1.05)}.card[data-v-16e734b9]{align-items:center;background:#e73289;border-radius:6px;box-shadow:0 1px 6px rgba(231,50,137,.3),0 4px 30px rgba(231,50,137,.2);color:#fff;cursor:default;display:flex;font-size:2rem;height:232px;justify-content:center;line-height:27px;padding:20px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:174px}.card[data-v-16e734b9]:hover{transform:scale(1)!important}.board[data-v-16e734b9]{max-width:300px;max-height:300px;width:100%;height:100%;padding:0;color-scheme:only light}.board img[data-v-16e734b9]{border-radius:8px;height:100%;width:100%}.describe[data-v-16e734b9]{align-items:center;color:#000;display:flex;font-size:1.6rem;height:300px;justify-content:center;line-height:27px;padding:10px;text-align:center;width:300px;word-break:break-word}h1[data-v-493e027e]{font-size:2.2rem;margin-top:50px;max-width:80vw}@media only screen and (max-height:1080px){h1[data-v-493e027e]{margin-top:40px}}h1 div[data-v-493e027e]{margin-top:14px;font-size:1.4rem;font-weight:500}h1.watching[data-v-493e027e]{font-size:1.8rem}h1 img[data-v-493e027e]{display:inline-block;width:20px}.watch[data-v-493e027e]{margin-top:50px;min-width:600px;flex-direction:column;display:flex;align-items:center}@media only screen and (max-width:650px){.watch[data-v-493e027e]{min-width:100vw}}@media only screen and (max-height:1080px){.watch[data-v-493e027e]{margin-top:40px}}.presenter-controls[data-v-493e027e]{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:40px}.btn[data-v-493e027e]{font-size:1.8rem;align-items:center}.btn svg[data-v-493e027e]{height:22px;width:22px}.btn.hide[data-v-493e027e]{opacity:0;pointer-events:none}.player[data-v-493e027e]{align-items:center;display:grid;font-size:1.8rem;font-weight:600;gap:12px;grid-template-columns:26px auto;margin-bottom:24px}.board[data-v-493e027e]{height:90vw;max-height:600px;max-width:600px;padding:0;width:90vw;color-scheme:only light}.card[data-v-493e027e]{align-items:center;background:#e73289;border-radius:6px;display:flex;font-size:2rem;height:232px;justify-content:center;line-height:27px;padding:20px;text-align:center;width:174px;color:#fff}.describe[data-v-493e027e]{background:#fff;color:#000;height:auto;min-height:270px;width:200px;word-break:break-word}.end[data-v-4101d292]{margin-top:40px;max-width:800px;width:100%;flex-direction:column;display:flex;align-items:center}h1[data-v-4101d292]{font-size:2rem;margin-top:0}@media only screen and (max-width:900px){h1[data-v-4101d292]{margin-top:80px}}.results[data-v-4101d292]{display:grid;grid-template-columns:200px 200px;gap:10px 20px;justify-items:center;margin-bottom:80px}@media only screen and (max-width:700px){.results[data-v-4101d292]{grid-template-columns:1fr;gap:20px}}.results .player[data-v-4101d292]{font-size:1.8rem;grid-template-columns:28px 28px auto;gap:14px}.results .player .points[data-v-4101d292]{font-size:1.4rem;color:var(--text-light)}.results .player.place-0[data-v-4101d292]{font-size:2.3rem}.results .player.place-0 .place[data-v-4101d292]{color:#29c9ff}@media only screen and (min-width:700px){.results .player[data-v-4101d292]:nth-child(odd){margin-bottom:30px}.results .player[data-v-4101d292]:nth-child(2n){margin-top:40px}}.player[data-v-4101d292]{align-items:center;display:grid;font-size:1.6rem;font-weight:600;gap:12px;grid-template-columns:22px auto;margin-top:18px}.cards[data-v-4101d292]{border-bottom:solid 1px var(--border);display:grid;gap:40px;grid-template-columns:1fr 1fr 1fr;margin-bottom:40px;padding-bottom:45px}@media only screen and (max-width:1000px){.cards[data-v-4101d292]{grid-template-columns:1fr 1fr}}@media only screen and (max-width:700px){.cards[data-v-4101d292]{grid-template-columns:1fr}}.cards>div[data-v-4101d292]{display:grid;justify-items:center;align-items:center}.cards[data-v-4101d292]:last-of-type{border:none}.card[data-v-4101d292]{align-items:center;background:#e73289;border-radius:6px;box-shadow:0 1px 6px rgba(231,50,137,.3),0 4px 30px rgba(231,50,137,.2);color:#fff;cursor:default;display:flex;font-size:2rem;height:232px;justify-content:center;line-height:27px;padding:20px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:174px}.board[data-v-4101d292]{max-width:250px;max-height:250px;padding:0;color-scheme:only light}.board img[data-v-4101d292]{border-radius:8px;height:100%;width:100%}.describe[data-v-4101d292]{align-items:center;color:#000;display:flex;font-size:1.5rem;height:240px;justify-content:center;line-height:27px;padding:10px;text-align:center;width:240px;word-break:break-word;overflow:auto}*,:after,:before{box-sizing:border-box}:root{--background:#edf1f5;--foreground:#fff;--border:#dee7ed;--text:#23374a;--text-light:#314f6c;--text-bright:#fff;--accent:#105ed2;--accent-border:#1852aa}html{font-size:62.5%}body{background:var(--background);-ms-scroll-chaining:none;overscroll-behavior:none}#app{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;color:var(--text);display:flex;flex-direction:column;font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:500;margin:0 auto;max-width:1000px;min-height:100vh;padding-bottom:400px}@media only screen and (max-width:650px){#app{width:calc(100vw - 30px);padding-bottom:200px}}img:not(.logo){color-scheme:only light}.logo{max-width:300px;margin-top:40px;margin-bottom:60px}@media only screen and (max-height:1080px){.logo{margin-top:30px;margin-bottom:40px}}.logo.small{left:40px;margin-bottom:0;margin-top:40px;position:absolute;width:100px}@media only screen and (max-width:900px){.logo.small{display:none}}.logo.link{cursor:pointer}@media only screen and (max-width:900px){.logo.link{display:block}}.connection-status{background:#ff5722;border-radius:8px;color:#fff;font-weight:700;padding:14px 18px;position:absolute;right:10px;text-align:center;top:12px;z-index:90}.connection-status.warning{bottom:50px;max-width:500px;opacity:0;pointer-events:none;position:fixed;text-align:left;top:auto}.connection-status.warning.show{-webkit-animation-name:delay-fade;animation-name:delay-fade;-webkit-animation-duration:3s;animation-duration:3s;opacity:1}@-webkit-keyframes delay-fade{0%{opacity:0}90%{opacity:0}to{opacity:1}}@keyframes delay-fade{0%{opacity:0}90%{opacity:0}to{opacity:1}}.resync-btn{background:var(--foreground);border-radius:6px;bottom:12px;color:var(--text-light);cursor:pointer;font-size:1.2rem;font-weight:700;opacity:.4;padding:10px 12px;position:fixed;right:10px;text-align:center;transition:opacity .2s ease;z-index:90}.resync-btn:hover{opacity:1}h1{color:var(--text-light);font-size:2.4rem;font-weight:600;margin:0;padding-bottom:40px;text-align:center}h1>div{font-size:2rem;padding-bottom:12px}img{width:100%}.box{background:var(--foreground);box-shadow:0 2px 6px rgba(29,62,94,.08),0 4px 20px rgba(29,62,94,.06);border-radius:8px;padding:50px}.btn{align-content:center;background:var(--background);border-radius:6px;border:solid 1px var(--border);color:var(--text-light);cursor:pointer;display:flex;justify-content:center;text-align:center;transition:transform .2s,box-shadow .2s ease,background .2s ease,color .2s ease,border-width .2s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.selected{background:var(--accent);border:solid 1px var(--accent-border);color:var(--text-bright)}.btn:hover{transform:translateY(-1px)}.btn.bold{color:var(--text-bright);box-shadow:0 2px 10px rgba(16,94,210,.4);border:none;background:var(--accent);font-size:2.2rem;padding:20px;font-weight:600}.btn.bold:hover{box-shadow:0 2px 12px rgba(16,94,210,.45)}.capitalize{text-transform:capitalize}