.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-route-header-area{display:flex;flex-flow:row nowrap;justify-content:space-between}@font-face{font-family:Sponbeb;src:url(/assets/fonts/Sponbeb.otf) format("opentype")}@font-face{font-family:Baloo2;font-weight:700;src:url(/assets/fonts/Baloo2-Bold.ttf)}@font-face{font-family:Baloo2;font-weight:bolder;src:url(/assets/fonts/Baloo2-ExtraBold.ttf)}@font-face{font-family:Baloo2;font-weight:600;src:url(/assets/fonts/Baloo2-Medium.ttf)}@font-face{font-family:Baloo2;src:url(/assets/fonts/Baloo2-Regular.ttf)}@font-face{font-family:Baloo2;font-weight:800;src:url(/assets/fonts/Baloo2-SemiBold.ttf)}:root{display:flex;position:relative;justify-content:center;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:800px;max-width:800px;margin:0 auto;padding:2rem;align-content:flex-start;align-items:flex-start;justify-content:center;overflow-y:hidden!important}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;color:#fff;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.game-card{display:flex;flex-flow:column nowrap;justify-content:space-between;max-width:200px;min-height:250px;padding:0;margin:8px;border-radius:16px;border-color:#737bffaa;border-style:solid;border-width:2px;background:#646cff;background:linear-gradient(90deg,#545bdb 4%,#646cff 97%);will-change:filter;transition:filter 200;overflow:hidden}.game-card:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}.game-card-image{display:block;width:100%;min-width:200px;min-height:130px;max-height:130px;object-fit:cover;margin:0;padding:0;filter:drop-shadow(0 1mm 1mm rgba(59.2,69.3058064516,255,.6666666667));overflow:hidden}.game-card-title{font-family:Sponbeb;font-size:18px;padding:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:12px 12px 0;color:#fff;text-shadow:2px 3px rgba(59.2,69.3058064516,255,.6666666667)}.game-card-desc{font-family:Baloo2;font-weight:800;font-size:14px;color:#fffa;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:2px 12px 0;padding:0}.game-card-players{display:flex;flex-flow:row nowrap;font-family:Baloo2;font-weight:700;color:#545bdc;align-self:center;width:fit-content;margin:12px 0;padding:3px 12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:18px;border-radius:16px;background-color:#e4e5ff}.game-card-players-img{width:16px;height:16px;margin-left:6px}.game-placeholder-card{display:flex;flex-flow:column nowrap;justify-content:space-between;min-width:200px;max-width:200px;min-height:250px;padding:0;margin:8px;border-radius:16px;border-color:#737bffaa;border-style:solid;border-width:2px;background:linear-gradient(90deg,#545bdb 4%,#646cff 97%);will-change:filter;transition:filter 200;overflow:hidden}.game-placeholder-activity{position:absolute;left:-45%;height:100%;width:45%;background-image:linear-gradient(to left,#fbfbfb0d,#fbfbfb4d,#fbfbfb99,#fbfbfb4d,#fbfbfb0d);background-image:-moz-linear-gradient(to left,rgba(251,251,251,.05),rgba(251,251,251,.3),rgba(251,251,251,.6),rgba(251,251,251,.3),rgba(251,251,251,.05));background-image:-webkit-linear-gradient(to left,rgba(251,251,251,.05),rgba(251,251,251,.3),rgba(251,251,251,.6),rgba(251,251,251,.3),rgba(251,251,251,.05));animation:loading 1s infinite;z-index:45}.games-carousel{display:flex;position:relative;flex-flow:row wrap}.area-title{font-family:Sponbeb;font-size:32px;text-align:left;margin:0;padding:0;color:#fff;line-height:40px}.error-message{position:relative;font-family:Sponbeb;font-size:18px;padding:0;margin:0;color:#ff4a4a;text-shadow:2px 3px rgb(84.2,0,0)}.error-message p{padding:0;margin:0}.home-header{display:flex;position:relative;flex-flow:row nowrap;justify-content:center;width:100%;height:164px;max-height:200px}.home-header-background{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(16px)}.home-header-info{display:grid;width:100%;height:100%;grid-template-columns:1fr;grid-template-rows:1fr;padding-left:16px;padding-right:16px;z-index:1;align-content:center;align-items:center}.home-header-thumb{display:flex;grid-column:1;justify-content:center;align-items:center;width:100%;height:100%}.home-header-image{position:relative;display:block;height:90%;max-height:300px}.home-header-details{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;grid-column-start:0;grid-column-end:2;height:90%;max-height:300px}.home-header-title{position:relative;top:-2px;font-family:Sponbeb;font-size:40px;padding:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:start;margin:0;line-height:42px;color:#fff;text-shadow:2px 3px rgba(59.2,69.3058064516,255,.6666666667)}.home-header-desc{position:relative;font-family:Sponbeb;font-size:38px;padding:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:start;margin:16px 0 0;line-height:42px;color:#fff;text-shadow:2px 3px rgba(59.2,69.3058064516,255,.6666666667)}.ring-toggle-area{display:flex;flex-flow:row nowrap;font-family:Baloo2;font-size:18px;align-items:center;gap:8px}.ring-notification-area{display:flex;justify-content:center;align-items:center;padding:4px;margin:0;width:32px;height:32px;border-style:solid;border-width:2px;border-color:#646cff;border-radius:30px;transition:all .35s}.ring-notification-image{width:24px;height:24px}.user-area{display:flex;position:relative;flex-flow:row nowrap;justify-content:center;align-items:center;right:0;padding:4px;width:160px;height:32px;border-radius:32px;border-style:solid;border-color:#646cff;border-width:2px;background-color:#f6f5ff;box-shadow:2px 2px #191c3a3a;z-index:2;transition:width .35s}.user-sliding-area{display:flex;flex-flow:column nowrap;position:relative;justify-content:center;align-content:center;align-items:center;top:0;left:0;width:100%;height:100%;overflow:hidden}.user-sliding-area a{padding:0;margin:0}.user-content{display:flex;position:relative;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;transition:top .35s ease-in-out .25s}.user-edit-content{display:flex;position:absolute;justify-content:center;align-items:center;flex-flow:row nowrap;top:100%;left:10px;width:94%;height:100%;transition:top .35s ease-in-out .25s}.user-area p{position:relative;top:1px;font-family:Baloo2;font-weight:800;font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0;margin:0;color:#646cff}#user-nickname{background-color:#f6f5ff;width:86%;height:70%;font-family:Baloo2;font-weight:800;font-size:16px;padding-left:4px;border-top-style:none;border-left-style:none;border-right-style:none;border-width:1px;border-color:#646cff;outline:none;color:#3a3a3a}.user-confirm-image{width:28px;height:28px;margin-left:4px;filter:invert(38%) sepia(100%) saturate(2256%) hue-rotate(223deg) brightness(102%) contrast(103%)}.user-container-top-area{display:flex;position:absolute;flex-flow:column nowrap;justify-content:center;align-content:center;top:0;left:0;width:100vw;height:20px;margin-top:16px;z-index:2}.user-container-container{display:flex;position:relative;flex-flow:row;margin:48px auto 0;width:800px;max-width:800px;height:fit-content;justify-content:flex-end;align-content:center}.footer-container-top-area{display:flex;position:relative;flex-flow:column nowrap;justify-content:center;align-content:center;width:100%;height:fit-content;padding-top:48px}.footer-container-container{display:flex;position:relative;justify-content:center;align-content:center;font-family:sans-serif;font-weight:300;font-size:14px;color:gray}.server-stats-area{display:flex;position:relative;flex-flow:row nowrap;align-items:flex-start;box-sizing:border-box;overflow:hidden;height:32px;gap:8px}.server-stats-players{display:flex;flex-flow:row nowrap;font-family:Baloo2;font-weight:700;color:#545bdc;align-items:center;justify-content:center;box-sizing:border-box;width:fit-content;height:100%;font-size:18px;margin:0;padding-right:8px;padding-left:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:18px;gap:8px;border-radius:32px;border-style:solid;border-width:2px;border-color:#545bdc;background-color:#e4e5ff}.server-stats-players-img{height:16px}.server-stats-players p{position:relative;padding:0;margin:0;line-height:16px}.server-stats-rooms{display:flex;flex-flow:row nowrap;font-family:Baloo2;font-weight:700;color:#545bdc;align-items:center;justify-content:center;box-sizing:border-box;width:fit-content;height:100%;font-size:18px;margin:0;padding-right:8px;padding-left:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:18px;gap:8px;border-radius:32px;border-style:solid;border-width:2px;border-color:#545bdc;background-color:#e4e5ff}.server-stats-rooms-img{height:19px}.server-stats-rooms p{position:relative;padding:0;margin:0;line-height:16px}.server-stats-placeholder-area{display:flex;position:relative;flex-flow:row nowrap;box-sizing:border-box;align-items:flex-start;height:32px;gap:8px;overflow:hidden}.server-stats-placeholder-players{display:flex;flex-flow:row nowrap;font-family:Baloo2;font-weight:700;color:#545bdc;align-items:center;justify-content:center;box-sizing:border-box;width:fit-content;height:100%;font-size:18px;margin:0;padding-right:8px;padding-left:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:18px;gap:8px;border-radius:32px;border-style:solid;border-width:2px;border-color:#545bdc;background-color:#e4e5ff}.server-stats-placeholder-players-img{height:16px}.server-stats-placeholder-players p{position:relative;padding:0;margin:0;line-height:16px}.server-stats-placeholder-rooms{display:flex;flex-flow:row nowrap;font-family:Baloo2;font-weight:700;color:#545bdc;align-items:center;justify-content:center;box-sizing:border-box;width:fit-content;height:100%;font-size:18px;margin:0;padding-right:8px;padding-left:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:18px;gap:8px;border-radius:32px;border-style:solid;border-width:2px;border-color:#545bdc;background-color:#e4e5ff}.server-stats-placeholder-rooms-img{height:19px}.server-stats-placeholder-rooms p{position:relative;padding:0;margin:0;line-height:16px}.server-stats-placeholder-activity{display:flex;position:absolute;left:-45%;height:100%;width:45%;overflow:hidden;background-image:linear-gradient(to left,#fbfbfb0d,#fbfbfb4d,#fbfbfb99,#fbfbfb4d,#fbfbfb0d);background-image:-moz-linear-gradient(to left,rgba(251,251,251,.05),rgba(251,251,251,.3),rgba(251,251,251,.6),rgba(251,251,251,.3),rgba(251,251,251,.05));background-image:-webkit-linear-gradient(to left,rgba(251,251,251,.05),rgba(251,251,251,.3),rgba(251,251,251,.6),rgba(251,251,251,.3),rgba(251,251,251,.05));animation:loading 1s infinite;z-index:45}.game-room-card{display:grid;grid-template-columns:3fr 2fr 64px;grid-template-rows:64px;box-sizing:border-box;align-content:center;justify-content:space-between;width:100%;min-height:64px;padding:0;margin:0;border-radius:16px;border-color:#737bffaa;border-style:solid;border-width:2px;background:#646cff;background:linear-gradient(90deg,#545bdb 4%,#646cff 97%);will-change:filter;transition:filter 200;overflow:hidden}.game-room-card:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}.game-room-card-title{display:flex;align-content:center;align-items:center;font-family:Sponbeb;font-size:18px;grid-column:1;padding:0;width:100%;height:100%;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 12px;color:#fff;text-shadow:2px 3px rgba(59.2,69.3058064516,255,.6666666667)}.game-room-card-creator{display:flex;align-content:center;align-items:center;font-family:Sponbeb;font-size:15px;grid-column:2;padding:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 12px;color:#edeeff;text-shadow:2px 3px rgba(59.2,69.3058064516,255,.6666666667)}.game-room-card-players{display:flex;flex-flow:row nowrap;grid-column:3;font-family:Baloo2;font-weight:700;color:#545bff;align-self:center;width:fit-content;margin:12px 0;padding:3px 12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:18px;border-radius:16px;background-color:#e5e6ff}.game-room-card-players-img{width:16px;height:16px;margin-left:6px}.game-room-placeholder-card{display:grid;grid-template-columns:3fr 2fr 64px;grid-template-rows:64px;align-content:center;justify-content:space-between;width:100%;min-height:64px;padding:0;margin:0;border-radius:16px;border-color:#737bffaa;border-style:solid;border-width:2px;background:#646cff;background:linear-gradient(90deg,#545bdb 4%,#646cff 97%);will-change:filter;transition:filter 200;overflow:hidden}.game-room-placeholder-activity{position:absolute;left:-45%;height:100%;width:45%;background-image:linear-gradient(to left,#fbfbfb0d,#fbfbfb4d,#fbfbfb99,#fbfbfb4d,#fbfbfb0d);background-image:-moz-linear-gradient(to left,rgba(251,251,251,.05),rgba(251,251,251,.3),rgba(251,251,251,.6),rgba(251,251,251,.3),rgba(251,251,251,.05));background-image:-webkit-linear-gradient(to left,rgba(251,251,251,.05),rgba(251,251,251,.3),rgba(251,251,251,.6),rgba(251,251,251,.3),rgba(251,251,251,.05));animation:loading 1s infinite;z-index:45}.rooms-carousel{display:flex;flex-flow:column wrap;width:100%;gap:16px}.game-room-empty-card{display:grid;grid-template-columns:3fr 2fr 64px;grid-template-rows:64px;box-sizing:border-box;align-content:center;justify-content:space-between;width:100%;height:100%;min-height:64px;padding:0;margin:0;border-radius:16px;border-color:#737bffaa;border-style:solid;border-width:2px;background:#646cff;background:linear-gradient(90deg,#545bdb 4%,#646cff 97%);will-change:filter;transition:filter 200;overflow:hidden}.game-room-empty-card-title{display:flex;align-content:center;align-items:center;font-family:Sponbeb;font-size:18px;grid-column:1;padding:0;width:100%;height:100%;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 12px;color:#fff;text-shadow:2px 3px rgba(59.2,69.3058064516,255,.6666666667)}.game-header{display:flex;position:relative;flex-flow:row nowrap;left:9px;justify-content:center;width:100%;height:200px;max-height:200px}.game-header-background{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(16px)}.game-header-info{display:grid;width:100%;height:100%;grid-template-columns:1fr 2fr;grid-template-rows:1fr;padding-left:16px;padding-right:16px;z-index:1;align-content:center;align-items:center}.game-header-thumb{display:flex;grid-column:1;justify-content:center;align-items:center;width:90%;height:90%}.game-header-image{position:relative;display:block;width:auto;height:90%;min-height:100px;max-height:220px}.game-header-details{display:flex;flex-flow:column nowrap;position:relative;justify-content:center;align-items:center;grid-column:2;height:90%;max-height:300px;top:25px}.game-header-title{position:relative;top:-2px;font-family:Sponbeb;font-size:40px;padding:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:start;margin:0;line-height:42px;color:#fff;text-shadow:2px 3px rgba(59.2,69.3058064516,255,.6666666667)}.game-header-desc{font-family:Baloo2;font-weight:800;font-size:18px;color:#d0d2ef;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:12px 12px 0;padding:0}.game-header-placeholder{display:flex;position:relative;flex-flow:row nowrap;left:9px;justify-content:center;width:100%;max-width:900px;height:200px;max-height:200px;background-color:#1a1a1a;filter:blur(16px);overflow:hidden}.game-header-placeholder-activity{position:absolute;left:-45%;height:100%;width:45%;background-image:linear-gradient(to left,#fbfbfb0d,#fbfbfb4d,#fbfbfb99,#fbfbfb4d,#fbfbfb0d);background-image:-moz-linear-gradient(to left,rgba(251,251,251,.05),rgba(251,251,251,.3),rgba(251,251,251,.6),rgba(251,251,251,.3),rgba(251,251,251,.05));background-image:-webkit-linear-gradient(to left,rgba(251,251,251,.05),rgba(251,251,251,.3),rgba(251,251,251,.6),rgba(251,251,251,.3),rgba(251,251,251,.05));animation:loading 1s infinite;z-index:45}@keyframes loading{0%{left:-45%}to{left:100%}}.rooms-route-header-back{position:relative;top:1px;width:38px;padding:0;margin:0;filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1481%) hue-rotate(331deg) brightness(117%) contrast(84%)}.room-list-toolbar{display:flex;flex-flow:row nowrap;align-items:center;gap:16px}.room-list-toolbar button{display:flex;align-content:center;justify-content:center}.room-list-toolbar-refresh-btn{color:#fff}.room-list-toolbar-refresh-img{width:24px;height:24px;filter:invert(100%) sepia(97%) saturate(0%) hue-rotate(15deg) brightness(104%) contrast(104%)}.room-list-toolbar-single-player-btn{border-radius:16px;border-color:#737bffaa;border-style:solid;border-width:2px}.room-list-toolbar-create-btn{background-color:#646cffaa;color:#fff}.room-list-toolbar-plus-img,.room-list-toolbar-extern-img{width:24px;height:24px;filter:invert(100%) sepia(97%) saturate(0%) hue-rotate(15deg) brightness(104%) contrast(104%)}.room-list-header{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;padding-left:8px;padding-right:8px}.empty-message{display:flex;align-content:center;align-items:center;font-family:Sponbeb;font-size:18px;grid-column:1;padding:0;width:100%;height:100%;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 12px;color:#fff;text-shadow:2px 3px rgba(59.2,69.3058064516,255,.6666666667);color:#4a6e01}.create-room-buttons-area{display:flex;justify-content:space-between;align-items:center;width:100%;height:48px;gap:32px}.create-room-confirm-btn{background-color:#646cff;padding-left:32px;padding-right:32px}.create-room-form{display:flex;flex-direction:column}.create-room-from-title{display:flex;width:100%;height:100%}.create-room-form input{font-family:Baloo2;font-size:24px;width:100%;height:100%;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:16px;margin:0;border-radius:16px;background-color:#373737;color:#fff;text-shadow:2px 3px rgba(59.2,69.3058064516,255,.6666666667)}.create-room-form-create-error{display:flex;flex-flow:row nowrap;justify-content:center!important;width:100%}:root{justify-content:center}.room-route-header-toolbar{display:flex;flex-flow:row nowrap;align-items:center;align-content:center;gap:8px}.room-route-end-toolbar{display:flex;flex-flow:row;width:100%;justify-content:center}.room-route-header-area{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.room-route-header-back-area{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.room-route-header-back{position:relative;top:1px;width:38px;padding:0;margin:0;filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1481%) hue-rotate(331deg) brightness(117%) contrast(84%)}.room-route-header-ready{font-family:Baloo2;font-size:18px;font-weight:700;width:140px;border-radius:16px;border-color:#737bffaa;border-style:solid;border-width:2px;color:#00eba8}.room-route-header-not-ready{font-family:Baloo2;font-size:18px;font-weight:700;width:140px;border-radius:16px;border-color:#737bffaa;border-style:solid;border-width:2px;color:#eb8d00}.room-route-header-start-game-disabled{font-family:Baloo2;font-size:18px;font-weight:700;width:140px;border-radius:16px;border-color:#5c5c5c;border-style:solid;border-width:2px;background-color:#545454;color:gray;transition:none!important}.room-route-header-start-game-disabled:hover{border-color:#5c5c5c}.room-route-header-start-game-enabled{width:140px;border-radius:16px;border-color:#00d296;border-style:solid;border-width:2px;background-color:#00eba8;color:#202020}.game-novnc-container{display:flex;flex-flow:column nowrap;width:100%;height:fit-content;min-height:480px}.room-route-frame{width:100%;height:fit-content;min-height:480px;padding:0;margin:0;background-color:#646cff}.customModal{background:#b2dbbf;width:50%;max-width:350px;color:#242424}.customModal h2{padding:0;margin:0}.customModal h3{display:flex;align-items:center;width:fit-content;height:24px;padding:8px 12px 8px 8px;margin:16px 0 4px;background-color:#646cff;color:#fff}.players-board-area{display:grid;grid-template-columns:3fr 1fr;grid-template-rows:1fr;gap:8px}.players-area{display:flex;flex-flow:column nowrap;grid-column-start:1;grid-column-end:3;grid-row:1}.spectators-area{display:none;flex-flow:column nowrap;grid-column:2;grid-row-start:1;grid-row-end:3;border-radius:16px;border-color:#737bffaa;border-style:solid;border-width:2px}.chat-area{display:flex;grid-column:1;grid-row:2}.player-one-area{display:grid;position:relative;box-sizing:border-box;grid-template-columns:6fr 2fr 3fr;grid-template-rows:1fr;align-items:center;align-content:center;width:100%;height:64px;border-radius:16px;border-color:#737bffaa;border-style:solid;border-width:2px;background:#646cff;background:linear-gradient(90deg,#545bdb 4%,#646cff 97%);padding:8px;margin-bottom:12px}.player-one-info{display:flex}.player-one-label{display:none;position:absolute;font-family:Baloo2;font-weight:400;font-size:14px;top:-18px}.player-one-nickname{font-family:Sponbeb;font-size:24px;width:100%;height:100%;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-one-status{font-family:Sponbeb;font-size:18px;width:fit-content;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-one-toolbar-area{display:flex;flex-flow:row nowrap;justify-content:flex-end}.spectators-area-title{font-family:Baloo2;font-size:20px;font-weight:700;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#c0c3ff;margin-top:8px}.spectators-area ul{display:flex;flex-flow:column nowrap;align-items:flex-start;padding:0 0 0 32px;margin:8px 0 0}.spectators-area li{font-family:Sponbeb;font-size:18px;margin-bottom:4px}.player-area{display:grid;position:relative;box-sizing:border-box;grid-template-columns:6fr 2fr 3fr;grid-template-rows:1fr;align-items:center;align-content:center;width:100%;height:64px;border-radius:16px;border-color:#737bffaa;border-style:solid;border-width:2px;background:#646cff;background:linear-gradient(90deg,#545bdb 4%,#646cff 97%);padding:8px;margin-bottom:12px}.player-info{display:flex}.player-label{display:none;position:absolute;font-family:Baloo2;font-weight:400;font-size:14px;top:-18px}.player-nickname{font-family:Sponbeb;font-size:24px;width:100%;height:100%;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-status{display:flex;font-family:Sponbeb;font-size:18px;width:100%;height:100%;justify-content:center;justify-items:center;align-items:center;text-align:center;white-space:wrap;text-overflow:ellipsis;overflow:hidden}.player-toolbar-area{display:flex;flex-flow:row nowrap;justify-content:flex-end}.player-status-not-ready{color:#f0ba19}.player-status-ready{color:#adff2f}.player-button-join{background-color:#13cfdc;padding-left:28px;padding-right:28px}.player-button-leave{background-color:#8229cb}.react-responsive-modal-root{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000}.react-responsive-modal-overlay{background:#00000080;position:fixed;top:0;bottom:0;left:0;right:0;z-index:-1}.react-responsive-modal-container{height:100%;outline:0;overflow-x:hidden;overflow-y:auto;text-align:center}.react-responsive-modal-containerCenter:after{width:0;height:100%;content:"";display:inline-block;vertical-align:middle}.react-responsive-modal-modal{max-width:800px;display:inline-block;text-align:left;vertical-align:middle;background:#fff;box-shadow:0 12px 15px #00000040;margin:1.2rem;padding:1.2rem;position:relative;overflow-y:auto}.react-responsive-modal-closeButton{position:absolute;top:14px;right:14px;border:none;padding:0;cursor:pointer;background-color:transparent;display:flex}.react-responsive-modal-overlay,.react-responsive-modal-container,.react-responsive-modal-modal{animation-fill-mode:forwards!important}@keyframes react-responsive-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes react-responsive-modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes react-responsive-modal-modal-in{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes react-responsive-modal-modal-out{0%{transform:scale(1);opacity:1}to{transform:scale(.96);opacity:0}}.keybind-rule-comp{display:flex;flex-flow:row nowrap;align-items:center;width:100%;height:32px}.keybind-rule-comp p{width:fit-content;min-width:140px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0;margin:0}.keybind-area{display:flex;flex-flow:row nowrap;font-family:Baloo2;font-size:18px;align-items:center;gap:8px}.keybind-notification-area{display:flex;justify-content:center;align-items:center;padding:4px;margin:0;width:32px;height:32px;border-style:solid;border-width:2px;border-color:#646cff;border-radius:30px;transition:all .35s}.keybind-notification-image{width:28px;height:28px}