#app,body,html{width:100%;height:100%;padding:0;margin:0;display:block;max-width:unset;font-weight:400;background-color:#000}main[data-v-3cc074ef]{display:flex;flex-direction:column;align-content:center;justify-content:flex-start;height:100%;width:100%}.login-container[data-v-3cc074ef]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#708090}.about[data-v-58742ac5]{color:#fff}#chatlog[data-v-58742ac5]{position:fixed;top:0;bottom:32px;left:0;right:200px;overflow-y:auto;padding:8px;overflow-wrap:break-word}#chatlog span.username[data-v-58742ac5]{font-weight:700}#spacer[data-v-58742ac5]{height:calc(100vh - 32px - 5em)}#roster[data-v-58742ac5]{font-weight:700;padding:8px;position:fixed;right:0;top:0;bottom:32px;width:200px;border-left:none}p[data-v-58742ac5]{margin-top:0;margin-bottom:8px}p[data-v-58742ac5]:last-of-type{margin:0}[data-v-58742ac5]::-webkit-scrollbar{display:none}#chatInput[data-v-58742ac5]{position:fixed;width:100%;height:32px;bottom:0;left:0;border:none;border-top:none;padding-left:32px;outline:none}#chatroom[data-v-58742ac5]:before{z-index:1;display:block;content:">";position:fixed;bottom:0;left:0;width:32px;height:32px;line-height:32px;text-align:center;font-weight:700;color:#888;-webkit-text-stroke-width:2px}#nameForm[data-v-58742ac5]{position:fixed;z-index:3;top:0;bottom:0;left:0;right:0;background-color:#fff}#nameForm p[data-v-58742ac5]{position:fixed;top:calc(50% + 3em);width:100%;text-align:center}#nameInput[data-v-58742ac5]{position:fixed;font-size:200%;top:calc(50% - 1em);left:calc(50% - 8em);width:16em;height:2em;margin:0;text-align:center;border:1px solid #bbb}#roomForm[data-v-58742ac5]{position:fixed;z-index:2;top:0;bottom:0;left:0;right:0;background-color:#fff;font-size:200%;margin-top:calc(50vh - 3em);text-align:center}#roomForm button[data-v-58742ac5]{font-size:inherit;border:1px solid #bbb;background-color:#eee;height:2em}#roomName[data-v-58742ac5]{font-size:inherit;border:1px solid #bbb;height:2em;width:16em;padding-left:1em}@media (max-width: 660px){#nameInput[data-v-58742ac5],#roomForm[data-v-58742ac5]{font-size:150%}#nameForm p[data-v-58742ac5]{font-size:75%}}@media (max-width: 500px){#nameInput[data-v-58742ac5],#roomForm[data-v-58742ac5]{font-size:100%}#nameForm p[data-v-58742ac5]{font-size:50%}}#go-public[data-v-58742ac5]{width:4em}#go-private[data-v-58742ac5]{width:20em}