:root{--connector-width:2px;--connector-default-color:#ccc}*{margin:0;padding:0}.centered,.tree-container{display:flex;justify-content:center;align-items:center;height:100%}.tree ul{padding-top:20px;position:relative}.tree li{float:left;text-align:center;list-style-type:none;position:relative;padding:20px 5px 0}.tree li:after,.tree li:before{content:"";position:absolute;top:0;right:50%;border-top:var(--connector-width) solid #ccc;width:50%;height:20px}.tree li:after{right:auto;left:50%;border-left:var(--connector-width) solid #ccc}.tree li:only-child:after,.tree li:only-child:before{display:none}.tree li:only-child{padding-top:0}.tree li:first-child:before,.tree li:last-child:after{border:0}.tree li:last-child:before{border-right:var(--connector-width) solid #ccc;border-radius:0 5px 0 0;-webkit-border-radius:0 5px 0 0;-moz-border-radius:0 5px 0 0}.tree li:first-child:after{border-radius:5px 0 0 0;-webkit-border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0}.tree ul ul:before{content:"";position:absolute;top:0;left:50%;border-left:var(--connector-width) solid #ccc;width:0;height:20px}.tree li a{border:var(--connector-width) solid #ccc;padding:5px 10px;text-decoration:none;font-size:15px;font-weight:600;display:inline-block;cursor:pointer;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}.tree li a:hover,.tree li a:hover+ul li a{background:#fcc419;color:#000;border:var(--connector-width) solid #94a0b4}.tree li a:hover+ul li:after,.tree li a:hover+ul li:before,.tree li a:hover+ul ul:before,.tree li a:hover+ul:before{border-color:#fcc419}.App{text-align:center;font-family:Arial,sans-serif}.status{margin-bottom:20px;font-size:24px;font-weight:700}.board{display:grid;grid-template-columns:100px 100px 100px;grid-gap:5px}.square{aspect-ratio:1/1;min-width:80px;min-height:80px;width:100%;height:100%;background-color:transparent;border:2px solid #ccc;border-radius:10px;cursor:pointer;transition:background-color .3s ease}.square:hover{background-color:#e6e6e6}.square:focus{outline:none}.player-selection-card{cursor:pointer;height:100%}.player-selection-card:hover{background-color:#e9a11c;color:#000}.avatar-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}.avatar-container>*{position:absolute}.o,.x{width:70px;height:70px}.avatar{border:2px solid #fff}