*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--default-gap: 15px}body{width:100vw;height:100vh;overflow:hidden;display:flex;justify-content:center;color:#fff;font-size:1.2rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#2f4f4f}#root{width:320px;display:flex;flex-direction:column;gap:var(--default-gap)}h1{margin-top:10px}h1,h2{text-align:center}section,form,form>div,ul{display:flex;flex-direction:column;gap:var(--default-gap)}form{width:100%}form span{color:red;font-weight:700;font-size:1rem}form input,form button{font-size:inherit;font-family:inherit;padding:3px 6px}button{font-size:.85rem;font-family:inherit;font-weight:700;padding:3px 6px}ul{list-style:none}a{color:inherit}a:hover{color:#00008b}kbd{background-color:#fff;border-radius:3px;color:#000;display:inline-block;font-size:.8em;font-weight:700;line-height:1;padding:2px 4px;white-space:nowrap}#canvas{background-color:gray}.main-menu ul,.profile ul{align-items:center}.instructions p{font-weight:700}.edit-profile li,.leader-board li{display:flex;justify-content:space-between}.edit-profile li:first-child>span,.leader-board span:first-child{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.edit-profile li form div:last-child{flex-direction:row;flex:1}.edit-profile li form div:last-child button{flex:1}.leader-board li{gap:var(--default-gap)}.error-page{display:flex;flex-direction:column;gap:var(--default-gap);text-align:center}.loader{width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;display:inline-block;box-sizing:border-box;animation:animloader 1s linear infinite}@keyframes animloader{0%{box-shadow:-72px 0 #fff inset}to{box-shadow:48px 0 #fff inset}}