*{margin:0;padding:0}html,body{overflow:hidden;background-color:#000}.webgl{position:fixed;top:0;left:0;outline:none}#menu{margin:0%;position:fixed;top:5%;bottom:0;width:100%;justify-content:center;display:flex;color:#17ff8b;font-size:larger;gap:2rem}.label{height:5rem;width:5rem;display:flex;align-items:center;justify-content:center;text-align:center;border:2px solid rgb(23,255,139);border-radius:5px;scale:1;opacity:0;-webkit-user-select:none;user-select:none;font-size:1rem}.label:hover{transform:scale(1.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid yellow;color:#ff0}.onlabel{border:2px solid yellow;color:#ff0}#landscape-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;pointer-events:none}#landscape{width:5rem;height:10rem;display:flex;align-items:center;justify-content:center;border:2px solid rgb(23,255,139);border-radius:5px;font-size:1rem;color:#17ff8b;opacity:0;transform-origin:center center}#landscape-text{color:#17ff8b;font-size:1rem;font-family:sans-serif;-webkit-user-select:none;user-select:none;opacity:0}canvas.webgl{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
