:root{--text-color: #89C379;--hover-color: #ffffff;--bg-color: #282C34;--shadow-color: #288065;--transparent: rgba(0, 0, 0, 0);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}* ::-webkit-scrollbar{background-color:var(--transparent);width:.4rem}* ::-webkit-scrollbar-button{background-color:var(--transparent)}* ::-webkit-scrollbar-track{background-color:var(--transparent)}* ::-webkit-scrollbar-track-piece{background-color:var(--transparent)}* ::-webkit-scrollbar-thumb{background-color:var(--text-color);border-radius:.2rem}* ::-webkit-scrollbar-corner{background-color:var(--transparent)}* ::-webkit-resizer{background-color:var(--transparent)}a{text-decoration:none;transition:color .2s}a:hover{color:var(--hover-color)}body{margin:0;display:flex;align-items:center;justify-content:center;min-width:320px;min-height:100vh}.container{position:relative;display:flex;align-items:center;justify-content:center;flex-flow:row wrap;gap:2rem;text-shadow:0 0 .25rem var(--shadow-color),0 0 .5rem var(--shadow-color)}.container,.players-list{padding:1.6rem 2rem}.bordered{border-radius:1rem;border:2px solid var(--text-color);box-shadow:0 0 .6rem .1rem var(--shadow-color),inset 0 0 .6rem .1rem var(--shadow-color)}.game,.players-list{aspect-ratio:1 / 1;width:14rem}.players-list{overflow:hidden auto}.player-item{margin-bottom:.2rem}.player-item.clickable{cursor:pointer;transition:color .2s}.player-item.clickable:hover{color:var(--hover-color)}.players-count{position:absolute;top:.8rem;right:1.4rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--bg-color)}.input-wrapper{margin-bottom:.8rem}input[type=text]{background-color:var(--bg-color);border:2px solid var(--text-color);border-radius:.4rem;color:var(--text-color);padding:.4rem .8rem;font-size:1rem;width:100%}button{background-color:var(--text-color);color:var(--bg-color);padding:.4rem .8rem;font-size:1rem;cursor:pointer;transition:background-color .2s,color .2s}button:hover,button:disabled,button:disabled:hover{background-color:var(--bg-color);color:var(--text-color)}button:disabled{cursor:not-allowed}.submit-btn{display:block;margin-top:.8rem;border-radius:.4rem}h2,p{margin:.1rem}.message{flex:0 0 100%;margin-bottom:2rem;padding:.4rem;text-align:center}.game{overflow:hidden;display:flex;align-items:center;justify-content:center}.board{width:102%;height:102%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.cell{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-size:2.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s;border:.1rem solid var(--text-color);box-shadow:inset 0 0 .6rem .1rem var(--shadow-color)}