*{box-sizing:border-box}html,body{width:100%;height:100vh;margin:0;padding:0;font-family:sans-serif}body{--dark-back-color:#000;--dark-back-focus-color:#222;--dark-front-color:#eee;--dark-box-shadow:0 1px 5px #00c3cd33,0 2px 2px #00c3cd26,0 3px 1px -2px #00c3cd20;--light-back-color:#fff;--dark-front-focus-color:#ddd;--light-front-color:#000;--light-box-shadow:0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f}body[theme^=dark]{--back-color:var(--dark-back-color);--back-focus-color:var(--dark-back-focus-color);--front-color:var(--dark-front-color);--box-shadow:var(--dark-box-shadow);--background-wiki-color:#101418}body[theme^=light]{--back-color:var(--light-back-color);--back-focus-color:var(--light-back-focus-color);--front-color:var(--light-front-color);--box-shadow:var(--light-box-shadow);--background-wiki-color:#fff}body{background:var(--back-color);color:var(--front-color);overflow:hidden}#app{width:100%;height:100vh}.theme-picker.select{border:1px solid var(--front-color);background:var(--back-color);min-height:3rem;color:var(--front-color);border-radius:5px;justify-content:center;align-items:center;padding:5px 15px;display:flex}.theme-picker.select>svg{display:none}.theme-picker.select>span{justify-content:center;align-items:center;gap:1ch;display:flex}.theme-picker.select>span>svg{color:currentColor}.theme-picker.select>span>span{display:none}.theme-picker.pop-up{z-index:3;background:var(--back-color);color:var(--front-color);box-shadow:var(--box-shadow);border:1px solid var(--front-color);border-radius:0 0 5px 5px}.theme-picker.pop-up div[role=option]{cursor:pointer;gap:1ch;padding:15px;display:flex}.theme-picker.pop-up div[role=option]:not(:last-child){border:1px solid #8884}.theme-picker.pop-up div[role=option]>span{gap:1ch;display:flex}.theme-picker.pop-up div[role=option][data-state=checked]{color:#1976d2}.logo-show-in{aspect-ratio:1.35;opacity:0;perspective:75vmin;justify-content:center;width:100%;animation:.85s step-end forwards logo-visibility;display:flex;transform:translate(0)}.logo-show-in>.zTransform{transform-style:preserve-3d;width:100%;padding-top:2em;animation:6s linear .8s logo-zTransform;position:absolute;transform:translate(0)}.logo-show-in .logo{width:100%;transform-style:preserve-3d;will-change:transform;justify-content:center;animation:6s linear .8s infinite logo-spin;display:flex;transform:translate(0)}.logo-show-in .logo img{width:75%;height:auto;animation:1.5s cubic-bezier(0,1,1,1) .8s logo-fast-spin;transform:translate(0)}.logo-show-in>.title{will-change:transform;width:75vmin;animation:6s ease-out .8s forwards logo-blur-fade-in;position:absolute;top:2em;transform:scale(1)}.logo-show-in .title span{text-align:center;font-size:7vw}@keyframes logo-visibility{0%{opacity:0}to{opacity:1}}@keyframes logo-blur-fade-in{0%{opacity:.001;transform:scale(1)}12%{opacity:.001;transform:scale(3)}17%{}20%{opacity:1;transform:scale(1)}}@keyframes logo-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes logo-fast-spin{0%{transform:rotateY(0)}to{transform:rotateY(2160deg)}}@keyframes logo-zTransform{0%{transform:translate3d(-225vmin,225vmin,-225vmin)}10%{transform:translate3d(-45vmin,45vmin,-180vmin)}15%,to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.logo-show-in{animation:forwards logo-visibility}.logo-show-in .zTransform{animation:logo-zTransform}.logo-show-in .logo,.logo-show-in .logo img{animation:none}.logo-show-in .title{animation:logo-blur-fade-in}}body[theme^=dark]{--game-button-color1:#30ffe5;--game-button-color2:#008777;--game-button-color3:#00382f;--game-button-color4:#001a15}@supports (color:lab(0% 0 0)){body[theme^=dark]{--game-button-color1:lab(90.5% -55.2242 -1.68726);--game-button-color2:lab(50% -55.2242 -1.68726);--game-button-color3:lab(20% -55.2242 -1.68726);--game-button-color4:lab(10% -55.2242 -1.68726)}}body[theme^=light]{--game-button-color1:#001a15;--game-button-color2:#000;--game-button-color3:#fff;--game-button-color4:#007950}@supports (color:lab(0% 0 0)){body[theme^=light]{--game-button-color1:lab(10% -55.2242 -1.68726);--game-button-color4:lab(44.59% -39.4918 14.5301)}}.game-button{--border:3px solid var(--game-button-color2);color:var(--game-button-color1);isolation:isolate;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-self:center;margin-bottom:10px;padding:0;font-size:1.5em;transition:filter .2s ease-in-out;position:relative}.game-button:hover{filter:drop-shadow(0 0 8px --game-button-color1)drop-shadow(0 0 16px --game-button-color2)}.game-button>span{background:var(--game-button-color3);border:var(--border);border-radius:8px;padding:10px 20px;display:block}.game-button>span>svg{vertical-align:middle}.game-button:active{transform:translateY(10px)}.game-button:active:before{transform:translateY(0)}.game-button:hover>span{filter:brightness(1.1)}.game-button:is(:focus,:focus-visible){--border:3px solid var(--game-button-color1);outline:none}.game-button:before{content:"";z-index:-1;border:var(--border);background:var(--game-button-color4);filter:brightness(.9);border-radius:8px;position:absolute;inset:0;transform:translateY(10px)}.game-form{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:15px;display:flex;position:relative;overflow:hidden auto}.game-form>form>.username{grid-template-columns:1fr min-content;grid-template-areas:"s s""i b";column-gap:1ch;display:grid}.game-form>form>.username>span{grid-area:s}.game-form>form>.username>input{grid-area:i}.game-form>form>.username>button{aspect-ratio:1;width:min-content;color:var(--front-color);background:0 0;border:none;grid-area:b;margin:0;padding:0}.game-form>form>.username>button>svg{aspect-ratio:1;width:auto;height:100%;transition:all .2s ease-in-out}.game-form>form>.username>button:hover>svg{transform:rotate(180deg)scale(1.2)}.game-form>form>.username>button:active>svg{transform:rotate(-360deg)scale(1)}.game-form>.logo-show-in{z-index:-1;max-width:500px}.game-form>.theme-picker.select{position:absolute;top:15px;right:20px}.game-form>form{flex-direction:column;gap:15px;display:flex}.game-form>form>label{flex-direction:column;display:flex}.game-form>form input{border:1px solid var(--front-color);border-radius:10px;padding:5px 1ch}.game-form>form>button{cursor:pointer;text-align:center;background:var(--front-color);color:var(--back-color);border-radius:15px;padding:15px 30px;font-size:1.3em;text-decoration:none}.game-form>form>button>svg{vertical-align:middle;font-size:1.4em}.game-form>form>.twitch-button{cursor:pointer;text-align:center;background:var(--front-color);color:var(--back-color);border-radius:15px;padding:15px 30px;font-size:1.3em;text-decoration:none}.game-form>form>.twitch-button>svg{vertical-align:middle;font-size:1.4em}.game-form>form>.twitch-button{color:#eee;background:#6441a5}.game-form .button-container{gap:1ch;margin-top:35px;padding:1ch;display:flex}.game-form .button-container .github-button{--game-button-color1:#fff;--game-button-color2:#111;--game-button-color3:#000;--game-button-color4:#050505;text-decoration:none}.game-form .button-container .ko-fi-button{--game-button-color1:#fff;--game-button-color2:#4794ac;--game-button-color3:#5bc0de;--game-button-color4:#2e6f83;text-decoration:none}.game-form .button-container .ko-fi-button svg{color:#ff5f5f}.game-form>.idle-disconnected-dialog{z-index:1000;-webkit-backdrop-filter:blur(2px)brightness(.75);backdrop-filter:blur(2px)brightness(.75);background:0 0;place-items:center;min-width:100vw;min-height:100vh;margin:0;padding:0;position:absolute;inset:0}.game-form>.idle-disconnected-dialog[open]{display:grid}.game-form>.idle-disconnected-dialog>section{background:var(--back-color);color:var(--front-color);text-align:center;border:2px solid var(--front-color);border-radius:10px;flex-direction:column;align-items:center;gap:35px;padding:30px;display:flex}.game-form>.idle-disconnected-dialog>section>span{font-size:2em}.idle-dialog{z-index:1000;-webkit-backdrop-filter:blur(2px)brightness(.75);backdrop-filter:blur(2px)brightness(.75);background:0 0;place-items:center;min-width:100vw;min-height:100vh;margin:0;padding:0;position:absolute;inset:0}.idle-dialog[open]{display:grid}.idle-dialog>section{background:var(--back-color);color:var(--front-color);text-align:center;border:2px solid var(--front-color);border-radius:10px;padding:30px;font-size:2em}