:root,#root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;width:100vw;height:100vh;display:flex;flex-direction:column}html{font-size:100%}body{margin:0;display:flex}h1{font-size:3.2rem;line-height:1.1rem}button{border-radius:.5rem;border:1px solid transparent;padding:.6rem 1.2rem;font-size:1rem;font-weight:500;font-family:inherit;background-color:#fff3;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}nav{position:absolute;z-index:10;top:0;left:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;padding:1rem}nav>*{margin-right:1rem;margin-bottom:1rem}nav>*:last-child{margin-right:0}.hud{flex:1;display:flex;flex-direction:column}.main-menu{flex:1;-webkit-backdrop-filter:blur(45px);backdrop-filter:blur(45px);display:flex;flex-direction:column;align-items:center;justify-content:center}