*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background:white}#chatlog{position:fixed;top:0;bottom:32px;left:0;right:200px;overflow-y:auto;padding:8px;overflow-wrap:break-word}#chatlog span.username{font-weight:700}#spacer{height:calc(100vh - 32px - 5em)}#roster{font-weight:700;padding:8px}p{margin-top:0;margin-bottom:8px}p:last-of-type{margin:0}#roster{position:fixed;left:0;top:0;bottom:32px;width:200px;border-left:none}::-webkit-scrollbar{display:none}@media (max-width: 600px){#roster{display:none}#chatlog{right:0}}#chat-input{position:fixed;width:100%;height:32px;bottom:0;left:0;border:none;border-top:none;padding-left:32px;outline:none}#chatroom: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}#name-form{position:fixed;z-index:3;top:0;bottom:0;left:0;right:0;background-color:#fff}#name-input{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}#name-form p{position:fixed;top:calc(50% + 3em);width:100%;text-align:center}#room-form{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}#room-name{font-size:inherit;border:1px solid #bbb;height:2em;width:16em;padding-left:1em}#room-form button{font-size:inherit;border:1px solid #bbb;background-color:#eee;height:2em}@media (max-width: 660px){#name-input,#room-form{font-size:150%}#name-form p{font-size:75%}}@media (max-width: 500px){#name-input,#room-form{font-size:100%}#name-form p{font-size:50%}}#go-public{width:4em}#go-private{width:20em}.green-ball{width:50px;height:50px;position:fixed;border-radius:50%;background-color:red;transition:all .35s;transition-timing-function:linear}.jump__button__container{background-color:#fff;width:100px;height:100px;border-radius:9999px;opacity:.25;transition:opacity .12s;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}.jump__button__container:active{opacity:.85}.jump__button__container>*{user-select:none;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}