body{margin:0;overflow:hidden;background:#000}canvas{width:100%;height:100vh}#header-links{position:absolute;top:10px;left:50%;transform:translate(-50%);color:#fff;background-color:#000000b3;padding:5px 10px;font-family:Arial,sans-serif;font-size:14px;border-radius:5px;z-index:10;display:flex;align-items:center;gap:10px}#header-links a{color:#0f0;text-decoration:none}#header-links a:hover{text-decoration:underline}#controls{position:absolute;top:10px;left:10px;color:#fff;background-color:#000000b3;padding:10px;font-family:Arial,sans-serif;font-size:14px;border-radius:5px}#controls h3{margin:0 0 5px;font-size:16px}#controls ul{list-style:none;padding:0;margin:0 0 10px}#controls li{margin-bottom:5px}#controls strong{color:#0f0}.toggle-container{margin-top:10px;margin-bottom:10px}.toggle-container button{padding:5px 10px;background-color:#0f0;color:#000;border:none;border-radius:3px;cursor:pointer;font-size:14px}.toggle-container button:hover{background-color:#0c0}#bottom-menu{position:absolute;bottom:0;left:0;width:100%;height:150px;background-color:#000c;display:flex;justify-content:flex-start;align-items:center;border-top:1px solid #333}#minimap{width:200px;height:100%;background-color:#141414e6;border-right:1px solid #333;color:#fff;font-family:Arial,sans-serif;font-size:14px;display:flex;justify-content:center;align-items:center;text-align:center}.body-label{position:absolute;color:#fff;background-color:#000000b3;padding:2px 6px;font-family:Arial,sans-serif;font-size:12px;border-radius:3px;pointer-events:none;white-space:pre-line}#mobile-controls{display:none;position:absolute;bottom:230px;width:100%;z-index:20;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#movement-controls{position:absolute;left:20px;display:flex;flex-direction:column;gap:20px;pointer-events:auto}#movement-controls button{padding:15px 20px;background-color:#0f0c;color:#000;border:none;border-radius:5px;font-size:16px;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#movement-controls button:active{background-color:#00c800cc}#joystick-container{position:absolute;right:20px;top:-40px;width:200px;height:200px;pointer-events:auto}#joystick-base{width:100%;height:100%;background-color:transparent;position:relative;will-change:transform}#joystick-handle{width:80px;height:80px;background-color:#0f0c;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:none;box-shadow:inset 0 0 10px 5px #00000080;will-change:left,top}@media (max-width: 1024px){#desktop-controls{display:none}#mobile-controls{display:block}}