.user-menu{min-width:12em}.username-input input{width:100%;padding:.2em}.username-input span,.username-span input{display:none}.lobby-chat-outer{order:1}.lobby-chat-box{display:flex;position:fixed;right:1em;bottom:4.5em;width:min(20em,100vw - 2em);max-height:60vh;flex-direction:column}.lobby-chat-bubble-outer{position:fixed;right:1em;bottom:4.5em;max-width:min(20em,100vw - 2em);filter:drop-shadow(1px 1px 2px black)}.lobby-chat-bubble{background-color:#fffc;--r: .5em;--t: .5em;padding:.2em .5em;border-right:var(--t) solid #0000;-webkit-mask:radial-gradient(var(--t) at 100% 0,#0000 98%,#000 102%) 100% 100%/calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box,radial-gradient(closest-side at 50% 50%,#000 98%,#0000 101%) 0 0/var(--r) var(--r) space padding-box;mask:radial-gradient(var(--t) at 100% 0,#0000 98%,#000 102%) 100% 100%/calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box,radial-gradient(closest-side at 50% 50%,#000 98%,#0000 101%) 0 0/var(--r) var(--r) space padding-box}.lobby-chat-messages{background-color:#fffc;overflow-y:auto;margin-bottom:.5em;padding:.5em}.lobby-chat-form{display:flex;flex-direction:row}.lobby-chat-form input{width:100%;margin-right:.5em}.username{font-weight:700}.server-message{color:#00f}.overlay-buttons{position:fixed;width:100%;padding:1em;bottom:0;z-index:20;display:flex;flex-direction:row-reverse;pointer-events:none}.overlay-buttons div{pointer-events:all}@media (max-width: 768px){.overlay-buttons{padding:.5em}}.password-input-wrapper{position:relative;display:inline-block}.password-toggle-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#505050}.lobby-list{display:flex;flex-direction:column;min-width:10vw;width:fit-content;margin-top:.5em;margin-left:auto;margin-right:auto}.lobby-options-visible{transition:max-height .3s ease-in-out,visibility .2s step-end;max-height:4em;overflow:hidden}.lobby-options-collapsed{transition:max-height .3s ease-in-out,visibility .3s step-end;max-height:0;overflow:hidden}.lobby-element-wrapper{display:flex;flex-direction:column;padding:.2em;transition:border .3s ease-in-out,background-color .3s ease-in-out;border:2px solid rgba(102,36,20,0);background-color:#fff0;border-radius:6px}.lobby-element-wrapper-expanded{border:2px solid rgba(102,36,20,.589);background-color:#fff3}.lobby-element{display:flex;flex-direction:row}.lobby-list-header{display:flex;flex-direction:row;margin:0 calc(.2em + 2px) .2em;padding-bottom:.2em;border-bottom:2px solid rgba(70,22,0,.644)}.lobby-name{font-weight:700;text-align:center;width:10em}.lobby-element .lobby-name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.lobby-join-button{font-size:10.5pt;padding-left:.7em!important;padding-right:.7em!important}.player-count{width:1.4em;text-align:center}.lobby-list-header .player-count{cursor:help}.lobby-state{margin-right:.5em;cursor:help}.lobby-password-input{margin:auto;width:fit-content}.lobby-password-open{transition:max-height .3s ease-in-out,visibility .2s step-end;max-height:4em;overflow:hidden}.lobby-password-closed{transition:max-height .3s ease-in-out,visibility .3s step-end;max-height:0;overflow:hidden}