*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000;cursor:crosshair}body.pointer-locked{cursor:none}.hud{position:fixed;top:20px;left:20px;color:#fff;font-size:14px;pointer-events:none;z-index:100;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.join-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#14141ef2;padding:30px;border-radius:10px;z-index:1000;color:#fff;min-width:300px}.join-dialog input{width:100%;padding:10px;margin:10px 0;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:5px;color:#fff;font-size:16px}.join-dialog button{width:100%;padding:12px;margin-top:10px;background:#4a9eff;border:none;border-radius:5px;color:#fff;font-size:16px;cursor:pointer;transition:background .2s}.join-dialog button:hover{background:#3a8eef}.crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;pointer-events:none;z-index:100}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#fffc}.crosshair:before{width:2px;height:100%;left:50%;transform:translate(-50%)}.crosshair:after{width:100%;height:2px;top:50%;transform:translateY(-50%)}.controls-hint{position:fixed;bottom:20px;left:20px;color:#ffffffb3;font-size:12px;z-index:100}.nametag{text-align:center;pointer-events:none}.nametag-name{font-weight:700;font-size:14px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.nametag-status{font-size:11px;color:#aaa;text-shadow:2px 2px 4px rgba(0,0,0,.8)}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}