.chat-input-form{grid-row:2;gap:5%;display:flex;height:var(--input-size);justify-items:center;--input-size: 60px;--max-input-size: 200px}.chat-input-div{position:relative;display:flex;align-items:end;width:100%;min-height:var(--input-size);max-height:var(--max-input-size)}.chat-input{font-family:Verdana,Geneva,Tahoma,sans-serif;border-radius:30px;background-color:var(--primary-color);align-content:center;font-size:15px;resize:none;scrollbar-width:none;overflow-y:auto;overflow-wrap:anywhere;box-shadow:0 0 0 var(--secondary-color);transition:box-shadow .25s ease-in-out;width:100%;min-height:var(--input-size);max-height:var(--max-input-size);padding-left:25px;padding-right:100px}.chat-input-placeholder{position:absolute;align-self:center;pointer-events:none;z-index:1;width:100%;text-align:start;padding-left:25px}.chat-input-char-limit{position:absolute;align-self:center;pointer-events:none;color:gray;z-index:1;width:100%;text-align:end;margin-right:10px;margin-left:-10px}.chat-send-button,.chat-extras-button{align-self:end;font-size:1rem;min-width:var(--input-size);max-width:var(--input-size);min-height:var(--input-size);max-height:var(--input-size);border-radius:100%;background-color:var(--primary-color)}.chat-message-container,.chat-message-container-spaced{grid-row:1;display:grid;max-width:90%;width:max-content;grid-auto-columns:auto;grid-auto-rows:max-content;column-gap:10px}.chat-message-container-spaced{margin-top:25px}.chat-message-profile-picture{margin:0;width:50px;height:50px;background-color:gray;aspect-ratio:1/1;border-radius:100%}.chat-message-profile-picture{grid-row:2 / span 3;grid-column:1}.chat-message-display-name{width:100%;margin:0;font-size:100%;grid-row:2;grid-column:2;font-weight:700;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.chat-message-time{width:100%;margin:0;font-size:50%;grid-row:2;grid-column:3;align-self:center;font-style:italic}.chat-message-content{margin:0;grid-row:3;grid-column:2 / span 3;white-space:pre-wrap;overflow-wrap:break-word;font-family:Verdana,Geneva,Tahoma,sans-serif}.chat-message-content-no-avatar{white-space:pre-wrap;overflow-wrap:break-word;width:100%;margin:0;padding-left:60px;grid-row:2;grid-column:1;font-family:Verdana,Geneva,Tahoma,sans-serif}.profile-top-bar{border-color:var(--secondary-color);background-color:var(--bg-color);border-width:2px;border-style:solid;font-size:1rem;padding:1em;z-index:2;grid-row:2;height:25px;word-break:break-word;border-radius:100px;display:flex;flex-direction:row;align-items:center;grid-column:1 / span 3;justify-self:center;width:100%;grid-row:1}.login-signup-div{display:flex;flex-direction:row;align-items:center;justify-self:end;margin-left:auto;gap:5px}.profile-picture-button{width:50px;height:50px;background-color:gray;justify-self:end;margin:0 0 0 auto;border-radius:100%;border:0px}.profile-picture-div{position:relative;width:50px;height:50px;background-color:gray;justify-self:end;margin:0 0 0 auto;border-radius:100%;border:0px}.profile-picture{position:absolute;inset:0;aspect-ratio:1/1;border-radius:100%;margin:0;width:50px;height:50px;background-color:gray}.profile-panel-div{position:absolute;right:0;top:100%;background-color:var(--bg-color);width:auto;height:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:15px;padding:50px;box-shadow:0 0 10px var(--secondary-color)}.login-signup-button{position:relative;width:auto}.profile-panel-username{font-weight:700;font-size:30px;white-space:nowrap;margin:0}.error-message{font-weight:700;font-style:italic;color:red}.password-error-text{position:initial;font-size:10px;text-align:left;flex:1;transform:translateY(-15px);font-style:italic;color:red}.warning-text{font-size:10px;text-align:left;flex:1;transform:translateY(-15px);font-style:italic;color:#c80000}.signup-panel-form,.login-panel-form{position:absolute;right:25px;top:75px;background-color:var(--bg-color);width:250px;height:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:15px;padding:50px;box-shadow:0 0 10px var(--secondary-color)}.login-signup-input{flex:1;height:30px;justify-self:end;margin:0 0 0 auto;flex-basis:100%;padding:10px}.profile-panel-profile-picture{aspect-ratio:1/1;border-radius:100%;border:3px;border-style:solid;border-color:var(--secondary-color);width:150px;height:150px;background-color:#80808000}.login-signup-panel-divider{flex-basis:100%}.other-page{border-color:var(--secondary-color);background-color:var(--bg-color);border-width:2px;border-style:solid;font-size:1rem;padding:1em;word-break:break-word;overflow:auto;grid-column-start:2;grid-column-end:3;grid-row:2}.logged-out-page{border-color:var(--secondary-color);background-color:var(--bg-color);border-width:2px;border-style:solid;font-size:1rem;padding:1em;overflow:hidden;word-break:break-word;display:flex;flex-direction:column;grid-column-start:2;grid-column-end:3;grid-row:2}.github-link-container{border:2px solid;border-color:var(--secondary-color);padding:15px}.goofy-goober{pointer-events:none;-ms-interpolation-mode:nearest-neighbor;image-rendering:crisp-edges;image-rendering:pixelated}@media screen and (max-width:1000px){.other-page{grid-column:1 / span 3}}.games-list{border-color:var(--secondary-color);background-color:var(--bg-color);border-width:2px;border-style:solid;font-size:1rem;padding:1em;overflow-y:auto;word-break:break-word;grid-column-start:2;grid-column-end:3;grid-row:2}.fullscreen-game{display:block;width:100%;height:100%;border-radius:6px;border:none}.games-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:10px;padding:2%}.games-list-button{width:100%;height:100%}@media screen and (max-width:1000px){.games-list{grid-column:1 / span 3}}body{display:flex;align-items:center;justify-content:center}.wrapper{display:grid;grid-template-columns:1fr 6fr 1fr;grid-template-rows:1fr 15fr min-content;height:calc(100vh - 25px);width:calc(100vw - 75px);gap:25px}.chat-users-panel-container,.switcher-panel-container{border-color:var(--secondary-color);background-color:var(--bg-color);border-width:2px;border-style:solid;font-size:1rem;padding:1em;grid-row:2;width:100%;justify-self:center;word-break:break-word;display:flex;flex-direction:column;overflow-y:auto}.footnotes{margin-top:auto;display:flex;flex-direction:column}.footnote{font-size:10px}.panel-button{width:100%;min-height:75px}.chat-users-panel-container{transform-origin:left;grid-column:3;gap:25px}.switcher-panel-container{transform-origin:right;grid-column:1;gap:5px}.iframe-wrapper{border-color:var(--secondary-color);background-color:var(--bg-color);border-width:2px;border-style:solid;font-size:1rem;grid-column-start:2;grid-column-end:3;grid-row:2}.chat-window{font-size:1rem;padding:1em;overflow-y:auto;overflow-x:hidden;word-break:break-word;grid-column-start:2;grid-column-end:3;grid-row:2;border-color:var(--secondary-color);background-color:var(--bg-color);border-width:2px;border-style:solid;display:grid;grid-template-rows:1fr min-content}.chat-messages{overflow-x:hidden;min-width:100%;max-width:100%;font-size:1rem;padding:1em;overflow-y:auto;word-break:break-word;display:flex;flex-direction:column}.chat-mini-window{border-color:var(--secondary-color);background-color:var(--bg-color);border-width:2px;border-style:solid;padding:1em;grid-column:3;grid-row:2;transform-origin:left;width:100%;justify-self:center;overflow-y:scroll;word-break:break-word;display:grid;grid-template-rows:1fr min-content}@media screen and (max-width:1000px){.chat-users-panel-container,.chat-mini-window,.switcher-panel-container{display:none;pointer-events:none}.chat-window,.iframe-wrapper{grid-column:1 / span 3}}input{width:100%;height:35px;border-radius:var(--roundness);padding:10px;box-sizing:border-box}.setting-panel{border:2px solid;border-color:var(--secondary-color);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px;gap:10px}.setting-element{place-self:center;text-align:center}.setting-delete-button{background-color:red}.setting-error{color:red;font-weight:700}.settings-page{border-color:var(--secondary-color);background-color:var(--bg-color);border-width:2px;border-style:solid;font-size:1rem;padding:1em;overflow-y:auto;word-break:break-word;grid-column-start:2;grid-column-end:3;grid-row:2;display:grid;grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;gap:15px}@media screen and (max-width:1000px){.settings-page{grid-column:1 / span 3}}:root{line-height:1.5;font-weight:400;color-scheme:light dark;background-color:var(--page-bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{place-self:center}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-color);background-color:var(--page-bg-color);font-family:Verdana,Geneva,Tahoma,sans-serif}h1{font-size:3.2em;line-height:1.1}iframe,form,div{border-radius:var(--roundness)}button{border-radius:var(--roundness);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s;width:100%}button:hover{border-color:#b9e89c}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color: rgb(81, 104, 54);--disabled-primary-color: rgb(61, 66, 55);--secondary-color: rgb(144, 151, 84);--bg-color: rgb(48, 52, 47);--page-bg-color: rgb(33, 36, 33);--text-color: white;--roundness: 8px}::placeholder{color:var(--secondary-color)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#30342f;border-radius:var(--roundness)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--roundness)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}::-webkit-scrollbar-corner{background:#0000}button{background-color:var(--primary-color);box-shadow:0 0 0 var(--secondary-color);transition:box-shadow .25s ease-in-out}button,input{color:var(--text-color);border:0px;box-shadow:none}input:focus,input:focus-visible,button:focus,button:focus-visible{box-shadow:0 0 10px var(--secondary-color);transition:box-shadow .25s ease-in-out}input:hover,button:hover{box-shadow:0 0 10px var(--secondary-color);transition:box-shadow .25s ease-in-out}input:active,button:active{box-shadow:0 0 5px var(--secondary-color);transition:box-shadow .25s ease-in-out}button:disabled,input:disabled{box-shadow:0 0 0 var(--secondary-color);transition:box-shadow .25s ease-in-out;background-color:var(--disabled-primary-color);transition:background-color .25s ease-in-out}button:not(:disabled),input:not(:disabled){background-color:var(--primary-color);transition:background-color .25s ease-in-out}@view-transition{navigation:auto}::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation-duration:.2s}