#root{width:100%;height:100%;margin:auto;text-align:center}.topBarDiv{position:fixed;top:0;width:100%;height:15%;background-color:gray;z-index:200}.statsMenuDiv{position:fixed;left:0;bottom:0;width:20%;height:85%;background-color:#faebd7;z-index:200}.canvasDiv{position:fixed;right:0;bottom:0;width:80%;height:85%;background-color:#fff;z-index:0}.controlPanelDiv{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#333f44}.controlPanelDiv button{width:15%;height:50%;position:relative;margin:2%;background-color:#37aa9c;-webkit-user-select:none;user-select:none}.visualizeButton{background-color:#94f3e4!important}.activeMode{border-bottom:5px solid rgb(34,107,226);background-color:#2d8e83!important}.pointPopupA{position:fixed;z-index:-1;font-size:30px;color:#fff;text-shadow:0 0 10px #fff,0px 0px 20px #fff;animation:moveUp 2s linear;animation-fill-mode:forwards;-webkit-user-select:none;user-select:none}.pointPopupB{position:fixed;z-index:-1;font-size:30px;color:#fff;text-shadow:0 0 10px #fff,0px 0px 20px #fff;animation:moveDown 2s linear;animation-fill-mode:forwards;-webkit-user-select:none;user-select:none}@keyframes moveUp{0%{transform:translate(0);opacity:1;scale:0}30%{transform:translateY(-75px);opacity:.8;scale:.8}75%{transform:translateY(-100px)}to{transform:translateY(-125px);opacity:0;scale:1.5}}@keyframes moveDown{0%{transform:translate(0);opacity:1;scale:0}30%{transform:translateY(75px);opacity:.8;scale:.8}75%{transform:translateY(100px)}to{transform:translateY(125px);opacity:0;scale:1.5}}.statsMenuDiv{background-color:#1a1a1b}.statsHeader{color:#37aa9c}.nodeCount{color:#37aa9c;font-size:medium}.addPlayerButton{background-color:#94f3e4}.nameTextbox,.colorTextbox{margin:5%}.pointTrack{color:#37aa9c}.smallPlayerBox{width:20%;height:50px;margin-top:10px;float:left}.playerPointDiv{width:80%;float:right}.canvas{width:100%;height:100%;background-color:#000}.arrowComponent{position:absolute;width:100px;height:100px;filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(49deg) brightness(103%) contrast(103%);z-index:100;transform-origin:center;pointer-events:none}.nodeDiv{position:absolute;border-radius:50%;width:100px;height:100px;z-index:10}.nodeDiv:hover{box-shadow:0 0 25px #0f7}.selected{animation:glow 2s linear;animation-fill-mode:forwards}@keyframes glow{0%{box-shadow:0 0 #fff}50%{box-shadow:0 0 10px 10px #fff}to{box-shadow:0 0 #fff}}.nodeDiv:after{position:absolute;left:0;top:50%;height:2px;background:#000;content:"";width:100%;display:block}.topHalfCircle{position:absolute;width:100px;height:50px;border-top-left-radius:110px;border-top-right-radius:110px;border:2px solid white;border-bottom:0;z-index:20}.bottemHalfCircle{position:absolute;width:100px;height:50px;border-bottom-left-radius:110px;border-bottom-right-radius:110px;border:2px solid white;z-index:20}.nodeWindowDiv{position:relative;width:200%;height:250%;left:150px;background-color:#878186;border:2px solid #ffffff}.formSelector{margin-top:10px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:10px red;border:0;box-shadow:1px 1px;padding:0 .5em;margin:2px;color:#000;background-color:#6c645b;background-image:none;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none}.playerSelector{background-color:#decbb7;position:relative;height:3em;width:40%;display:inline;overflow:hidden;border:1px solid black}.playerSelector:hover{background-color:#cebdaf}.option{background-color:#decbb7}.pointInputBar{width:35%;box-shadow:1px 1px;padding:0 .5em;margin:2px;background-color:#e4a288;position:relative;height:3em;display:inline;overflow:hidden;border:1px solid black;-webkit-user-select:none;user-select:none}.pointInputBar:hover{background-color:#da8772}.saveChanges{margin-top:5px;background-color:#dfdfdf;border:1px solid black;-webkit-user-select:none;user-select:none}.saveChanges:hover{background-color:#f1f1f1}:root{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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;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;transition:border-color .25s}button:hover{border-color:#646cff}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}}