.chat-input-form{view-transition-name:chat-input-form;grid-row:2;gap:10px;background-color:var(--primary);border-radius:30px;box-sizing:border-box;justify-items:center;display:flex;--input-size: 60px;--max-input-size: 200px;--input-padding: 25px}.chat-input-div{display:flex;align-items:center;align-self:center;width:100%;min-height:var(--input-size);max-height:var(--max-input-size)}.chat-input{font-family:Verdana,Geneva,Tahoma,sans-serif;align-content:center;font-size:16px;width:100%;overflow-y:auto;overflow-wrap:anywhere;box-shadow:0 0 0 var(--secondary);transition:box-shadow .25s ease-in-out;align-self:center;min-height:var(--input-size);max-height:var(--max-input-size)}.chat-input::placeholder{color:#fff}.chat-input::-webkit-scrollbar-thumb{background:var(--bg);border-radius:var(--roundness)}.chat-input:focus{outline:none}.chat-input-placeholder{position:absolute;align-self:center;pointer-events:none;z-index:1;text-align:start;left:1}.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(--secondary)}.chat-message-container,.chat-message-container-spaced{grid-row:1;display:grid;max-width:95%;width:95%;grid-auto-columns:auto;grid-auto-rows:max-content;column-gap:10px;justify-content:start}.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%;grid-row:2 / span 3;grid-column:1}.chat-message-no-avatar{margin:0;width:50px;height:0px;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-edited{font-size:50%;align-self:center;font-style:italic;display:inline}.chat-message-content-emoji{height:1em;width:auto;display:inline-block;white-space:nowrap}.chat-message-content-emoji-big{height:3em;width:auto;display:inline-block;white-space:nowrap}.chat-message-content-text{display:inline-block}.chat-message-content[contenteditable=true],.chat-message-content-no-avatar[contenteditable=true]{box-shadow:0 0 0 2px var(--bg-light);background-color:var(--bg-dark)}.chat-message-content,.chat-message-content-no-avatar{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;display:inline-block}.chat-message-container-container-hover,.chat-message-container-container{position:relative;display:flex;flex-shrink:shrink}.chat-message-container-container-hover{background-color:color-mix(in srgb,var(--bg),black 5%)}.hover-div{position:absolute;right:0;display:flex;justify-self:end;align-self:center;gap:5px}.editing-hover-div{display:flex;flex-direction:column;justify-self:end;align-self:center;gap:5px}.hover-button{width:75px;height:30px;font-size:10px}.profile-top-bar{background-color:var(--bg);border-bottom:1px solid white;font-size:1rem;padding:1em;z-index:2;grid-row:2;box-sizing:border-box;height:60px;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);width:auto;height:auto;display:flex;flex-direction:column;place-items:center;gap:10px;margin-top:15px;padding:50px;box-shadow:0 0 10px var(--primary)}.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);width:250px;height:auto;display:flex;flex-wrap:wrap;justify-items:center;gap:10px;margin-top:15px;padding:50px;box-shadow:0 0 10px var(--primary)}.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(--primary);width:150px;height:150px;background-color:var(--primary);justify-self:center}.profile-panel-role{display:inline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:min-content;border-radius:50px;padding:5px;background-color:green;border:1px solid lightgreen}.login-signup-panel-divider{flex-basis:100%}.user-container-dark,.user-container-light{display:flex;padding:5px;width:80%;height:50px;justify-self:center;align-items:center;justify-content:center;gap:10px}.user-container-dark{background-color:var(--primary)}.user-container-light{background-color:var(--secondary)}.user-profile-picture{grid-column:1;width:35px;height:35px;background-color:gray;aspect-ratio:1/1;border-radius:100%}.username{flex-basis:100%;text-align:start;display:inline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000}.role{display:inline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-basis:100px;font-size:x-small;border-radius:50px;padding:5px;background-color:green;border:1px solid lightgreen}.user-panel-div{position:absolute;right:0%;background-color:var(--bg);width:auto;height:auto;display:flex;flex-direction:column;flex-wrap:wrap;place-items:center;gap:10px;padding:50px;box-shadow:0 0 10px var(--primary)}.user-panel-username{font-weight:700;font-size:30px;width:250px;text-align:center;word-wrap:break-word;margin:0}.user-panel-profile-picture{aspect-ratio:1/1;border-radius:100%;border:3px;border-style:solid;border-color:var(--primary);width:150px;height:150px;background-color:var(--primary)}.user-panel-role{display:inline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:50px;padding:5px;background-color:green;border:1px solid lightgreen}.other-page,.search-page{background-color:var(--bg);font-size:1rem;padding:1em;margin-top:1em;word-break:break-word;overflow:auto;grid-column-start:2;grid-column-end:3;grid-row:2}.search-page{display:flex;flex-direction:column}.logged-out-page{background-color:var(--bg);font-size:1rem;padding:1em;margin-top: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 var(--bg);color:var(--text);padding:15px}.goofy-goober{width:100%;transform:translateY(-10%);pointer-events:none;-ms-interpolation-mode:nearest-neighbor;image-rendering:crisp-edges;image-rendering:pixelated}.search{font-family:Verdana,Geneva,Tahoma,sans-serif;border-radius:30px;background-color:var(--primary);align-content:center;font-size:16px;width:100%;height:50px;overflow-y:scroll;overflow-wrap:anywhere;box-shadow:0 0 0 var(--secondary);transition:box-shadow .25s ease-in-out;align-self:center;min-height:var(--input-size);max-height:var(--max-input-size);padding-left:15px;padding-right:15px}.search::placeholder{color:#fff}.search-view{width:100%;height:100%;margin-top:10px}@media screen and (max-width:1000px){.other-page{grid-column:1 / span 3}}.games-list{background-color:var(--bg);font-size:1rem;padding:1em;margin-top: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}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{display:flex;justify-content:center;margin:0;padding:0;max-width:100dvw;min-height:0}.wrapper{display:grid;grid-template-columns:1fr 5fr 1.5fr;grid-template-rows:min-content 15fr min-content;view-transition-name:wrapper;width:100dvw;height:100dvh;padding:10px;min-height:0;column-gap:1em}.chat-users-panel-container,.switcher-panel-container{font-size:1rem;margin-top:1em;grid-row:2;width:100%;justify-self:center;word-break:break-word;display:flex;flex-direction:column;overflow-y:auto;gap:5px}.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;padding-left:0%;padding-right:0%}.switcher-panel-container{transform-origin:right;grid-column:1}.iframe-wrapper{margin-top:1em;font-size:1rem;grid-column-start:2;grid-column-end:3;grid-row:2}.chat-window{view-transition-name:chat-window;margin-top:1em;font-size:1rem;overflow:hidden;word-break:break-word;grid-column-start:2;grid-column-end:3;grid-row:2;gap:15px;display:grid;grid-template-rows:1fr min-content;min-height:0}.chat-messages{background-color:var(--bg);border-radius:18px;overflow-x:hidden;overflow-y:auto;font-size:1rem;padding:2em;word-break:break-word;display:flex;flex-direction:column;min-height:0}.chat-mini-window{view-transition-name:chat-window;overflow:hidden;padding:1em;grid-column:3;grid-row:2;width:100%;gap:15px;justify-self:center;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}.wrapper{grid-template-columns:1fr}.chat-window,.iframe-wrapper{grid-column:1;min-width:0}}input{width:100%;height:35px;padding:10px;box-sizing:border-box}.setting-panel{border:2px solid;background-color:var(--primary);border-color:var(--primary);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px;gap:10px;aspect-ratio:1 / 1}.setting-button,.setting-element{place-self:center;text-align:center}.setting-button{background-color:var(--secondary)}.setting-delete-button{background-color:red}.setting-input{color:var(--secondary)}.setting-error{color:red;font-weight:700}.settings-page{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;grid-template-columns: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(--bg-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{display:none}::-webkit-scrollbar-thumb{background:var(--highlight);border-radius:var(--roundness)}::-webkit-scrollbar-thumb:hover{background:var(--bg-light);border-radius:var(--roundness)}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);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:var(--highlight)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{--bg-dark: hsl(124, 16%, 17%);--bg: hsl(120, 7%, 22%);--bg-light: hsl(116, 36%, 68%);--text: hsl(116 100% 91%);--text-muted: hsl(116 27% 66%);--highlight: hsl(117 24% 35%);--border: hsl(117 33% 24%);--border-muted: hsl(119 57% 14%);--primary: hsl(117 31% 34%);--disabled-primary: hsla(117, 31%, 34%, .5);--secondary: hsl(116, 41%, 53%);--bg-dark: oklch(30% .03 145);--bg: oklch(34.596% .01739 145.292);--bg-light: oklch(61% .08 143);--text: oklch(.96 .08 143);--text-muted: oklch(.76 .08 143);--highlight: oklch(.5 .08 143);--border: oklch(.4 .08 143);--border-muted: oklch(.3 .08 143);--primary: oklch(.5 .1 143);--disabled-primary: oklch(50.127% .10113 142.811 / .5);--secondary: oklch(70.697% .16107 142.332);background-color:var(--bg-dark)}@media(prefers-color-scheme:light){:root{--bg-dark: hsl(115 68% 93%);--bg: hsl(115 39% 88%);--bg-light: hsl(0, 0%, 100%);--text: hsl(125 100% 2%);--text-muted: hsl(117 33% 24%);--highlight: hsl(116 100% 96%);--border: hsl(116 19% 47%);--border-muted: hsl(116 21% 58%);--primary: hsl(116 18% 58%);--secondary: hsl(116, 41%, 53%);--bg-dark: oklch(.96 .04 143);--bg: oklch(.92 .04 143);--bg-light: oklch(100% .00011 271.152);--text: oklch(.15 .08 143);--text-muted: oklch(.4 .08 143);--highlight: oklch(1 .08 143);--border: oklch(.6 .08 143);--border-muted: oklch(.7 .08 143);--primary: oklch(69% .07 143);--secondary: oklch(70.697% .16107 142.332);background-color:var(--bg-light)}}:root{--roundness: 8px}::placeholder{color:var(--primary)}button{background-color:var(--primary);box-shadow:0 0 0 var(--primary);transition:box-shadow .25s ease-in-out}button,input{color:var(--text-color);box-shadow:0 2px 2px #0003,0 4px 4px #0000001a}@view-transition{navigation:auto}::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation-duration:.2s}